آموزش طراحی رابط کاربری متحرک با افترافکت و ایلوستریتور

آموزش طراحی رابط کاربری متحرک شاید اولین دوره آموزشی در ایران در این زمینه است که رابط کاربری متحرک را به تمام علاقه مندان Ui ارائه میکند. قبل از هر چیزی تاملی بر رابط کاربری متحرک خواهیم داشت. تلاش کردیم تا حرفه ای ترین آموزش طراحی رابط کاربری  را فراهم کنیم. برای خرید اموزش رابط کاربری متحرک و مشاهده فیلم های آموزش طراحی رابط کاربری متحرک حرفه ای به ابتدای صفحه مراجعه کنید.

طراحی رابط کاربری به سرعت در حال پیدا کردن جایگاه خود در بین تمام رده های شغلی مختلف بوده و روز به روز به علت رقابت در حال گسترش بین استارتاپ ها و کسب و کارهای اینترنتی جذاب تر میشود چرا که این رقابت منجر به اهمیت بیش از پیش این مورد برای تمام سازمان ها و مدیران کسب و کارها میشود و تقاضای آن در بازار کار نیز روز به روز در حال افزایش خواهد بود. از همین رو حرفه ای ترین آموزش طراحی رابط کاربری را تهیه کردیم تا همه افراد بتوانند از آن استفاده کنند. برای خرید اموزش رابط کاربری متحرک می توانید از همین صفحه اقدام کنید.

در برخی از مواقع المان های در مقابل کاربر است که از شفافیت کافی برخوردار نیست. چرا که به صورت ثابت یعنی ایستا ارائه میشود و کاربر نمیتواند مفهوم مورد نظر را دریافت نماید و علاوه بر شفافیت قطعا تایید میکنید که تحرک بر زیبایی یک المان خواهد افزود و میتواند صحنه های زیبایی را خلق نماید. حرفه ای ترین آموزش طراحی رابط کاربری را آماده کردیم تا تمامی علاقه مندان بتوانند به فراگیری آن روی آورند. برای خرید اموزش رابط کاربری متحرک از همین صفحه اقدام کنید.

قطعا تمام افرادی که در زمینه رابط کاربری فعالیت دارند و همینطور افرادی که در زمینه انیمیشن و موشن گرافیک فعالیت دارند و قصد یافتن نقطه پیوندی بین تخصص خود و رابط کاربری هستند این دوره آموزشی بهترین گزینه خواهد بود تا بتوانند تخصص خود را در این زمینه گسترش داده و بر دامنه پروژه هایی که میگیرند بیفزایند. حرفه ای ترین آموزش طراحی رابط کاربری به شما در ورود به بازار کار و کسب درآمد کمک می کند. برای خرید اموزش رابط کاربری متحرک از همین صفحه اقدام کنید.

بنابراین در یک کلام بازار کار همان بازار کار متخصصین Ui خواهد بود و با این تفاوت که پروژه های گران تر و فرصت های استخدامی بهتری را فراهم خواهد نمود. برای خرید اموزش رابط کاربری متحرک می توانید به ابتدای صفحه مراجعه کنید.

آموزش طراحی رابط کاربری متحرک رسانه آموزشی مکتب تی وی

در این دوره آموزش طراحی رابط کاربری متحرک از سری دوره های آموزش Ui در رسانه آموزشی مکتب تی وی مبحث کاملا جدید و نویی در زمینه طراحی رابط کاربری باز میشود با عنوان حرکت دادن و انیمیت کردن، که در اینجا با استفاده از نرم افزارهای افتر افکت و ایلوستریتور تمام المان ها و عناصر موجود در پروژه های رابط کاربری اپلیکیشن و وب مانند نمودار ها را به حرکت در می آوریم. و برای این موضوع از دانشجو انتظار میرود که به این دو نرم افزار با استفاده از دوره های آموزش نرم افزار افتر افکت و همینطور آموزش نرم افزار ایلوستریتور اط سری دوره های آموزش ایلوستریتور و آموزش افتر افکت تسلط لازم را داشته باشد. برای خرید اموزش رابط کاربری متحرک می توانید به ابتدای صفحه مراجعه کنید.

معرفی قسمت های دوره جامع آموزش رابط کاربری متحرک

جهت مشاهده معرفی کامل هر قسمت از حرفه ای ترین آموزش طراحی رابط کاربری روی آن کلیک نمایید.

فصل اول : دوره آموزشی طراحی رابط کاربری متحرک

1.معرفی دوره

در این قسمت سرفصل های دوره به صورت خلاصه گفته شود.

2.ایجاد پروژه جدید

در این قسمت از حرفه ای ترین آموزش طراحی رابط کاربری به تنظیمات و سایز پروژه ی جدید می پردازیم.

3.از کجا شروع کنیم؟

در این قسمت از  حرفه ای ترین آموزش طراحی رابط کاربری به معرفی سایت ها می پردازیم.

4.تنظیمات و شخصی سازی محیط

ما در این قسمت از آموزش طراحی رابط کاربری متحرک با ایلوستریتور به این سوال چه تنظیماتی برای وب و موبایل راحتتر است؟  پاسخ خواهیم داد .

5.ایجاد Artboard

در این قسمت از آموزش طراحی رابط کاربری متحرک با ایلوستریتور به معرفی آرت برد  و چه موقع  از آرت برد استفاده میشود می پردازیم .

6.طرح اولیه و تنظیمات نقشه راه و انتخاب اپ فیتنس به عنوان نمونه

در این بخش از آموزش طراحی رابط کاربری متحرک با ایلوستریتور به طراحی طرح به صورت دستی و انتقال آن به آرت برد می پردازیم.

7.تنظیمات خطوط راهنما

در این بخش از آموزش طراحی رابط کاربری متحرک با ایلوستریتور به ایجاد خطوط راهنما می پردازیم .

8.شروع پیاده سازی اپلیکیشن

در این قسمت از آموزش طراحی رابط کاربری متحرک با ایلوستریتور به تنظیمات لایه ها و طراحی Header اپلیکیشن می پردازیم.

9.طراحی سر تیتر های هر صفحه

در این قسمت از آموزش طراحی رابط کاربری متحرک با ایلوستریتور به طراحی سر تیترهای صفحات step و Home و Friends می پردازیم.

10.طراحی قسمت هدف اپلیکیشن

در این قسمت از آموزش طراحی رابط کاربری متحرک با ایلوستریتور  به طراحی دایره ی Goal و کاربرد Pathfinder برای انتخاب بخش اشتراک دو شکل می پردازیم.

11.طراحی کاشی های صفحات داشبورد

در این قسمت از آموزش طراحی رابط کاربری با adobe xd به طراحی یکی از کاشی ها و کاربرد Alt در کپی کردنمی پردازیم.

12.طراحی قسمت دوستان

در این قسمت از آموزش طراحی رابط کاربری با adobe xd به طراحی آیکون دوستان می پردازیم.

13.طراحی نمودار پیشرفت

در این بخش  از آموزش طراحی رابط کاربری با adobe xd به  طراحی نمودار مستطیلی ستونی می پردازیم.

14.طراحی اسکرول صفحه پیشرفت

در این بخش  از آموزش طراحی رابط کاربری با adobe xd به طراحی قسمت اسکرولمی پردازیم.

15.طراحی نویگیشن

این قسمت  از آموزش طراحی رابط کاربری با adobe xd  به  طراحی ایکون های نوار پایین به صورت دستی با ابزارهای ایلاستریتور می پردازیم.

16.جداسازی لایه ها به صورت تفکیکی در هر صفحه

در این قسمت  از آموزش طراحی رابط کاربری با adobe xd  تک تک قسمت ها رو یاد میگیریم که به صورت جداگانه در یک لایه ذخیره کنیم.

17.ذخیره کردن صفحات به صورت مجزا

در این قسمت  از آموزش طراحی رابط کاربری با adobe xd با رفتن به تنظیمات سیو بدون تکرار، تمامی Artboard ها را به یکباره و به صورت جدا جدا ذخیره میکنیم.

18.تفکیک هر لایه برای انیمیت کردن

تمامی قسمت هایی که لازم است انیمیت شود را در هر کدام از  Artboard های ذخیره شده در قسمت قبل از آموزش طراحی رابط کاربری متحرک حرفه ای به صورت تفکیکی جدا میکنیم. و در فولدر For AF ذخیره میکنیم که در این قسمت  از آموزش طراحی رابط کاربری متحرک حرفه ای به این مباحث می پردازیم.

19.شروع توضیحات وب

در این قسمت  از آموزش طراحی رابط کاربری متحرک حرفه ای به یکسری مقدمات برای طراحی وب  بیان میشود.

20.تنظیمات وب برای دستگاه های مختلف

در این قسمت  از آموزش طراحی رابط کاربری متحرک حرفه ای به Artboard و سایز آن برای لپ تاپ، تبلت و .. غیره می پردازیم.

21.تنظیم دکمه

در این قسمت  از آموزش طراحی رابط کاربری متحرک حرفه ای  به طراحی دکمه ها برای وب می پردازیم.

22.تنظیمات گرافیک دیزاین

در این قسمت  از آموزش طراحی رابط کاربری متحرک حرفه ای به استفاده از امکانات Graphic design ایلاستریتور می پردازیم.

23.نقشه راه وب

در این قسمت  از آموزش طراحی رابط کاربری متحرک حرفه ای به استفاده از وایر فریم برای طراحی می پردازیم.

فصل دوم : انیمیت کردن

1.تنظیمات و مرتب سازی افترافکت و import فایل ها در افترافکت

در این قسمت از دوره آموزش طراحی رابط کاربری به  وارد کردن طراحی­های ایلاستریتور به افترافکت و فولدربندی برای راحتی کار می پردازیم.

2.ایجاد کامپوزیشن برای هر لایه

در این قسمت از پکیج های آموزش طراحی رابط کاربری می خوایم به هر لایه ای که در ایلاستریتور جدا کردیم را به صورت کامپوزیشن تبدیل کنیم که کار با آن راحتتر باشد.

3.طراحی کاشی های داشبورد ها

در این قسمت از پکیج های آموزش طراحی رابط کاربریمی خواییم به تبدیل کاشی به الگو  و انتقال نوشته ها به افترافکت بپردازیم.

4.تغییر رنگ ها

ما در این قسمت از پکیج های آموزش طراحی رابط کاربری به استفاده از پنجره Color در افترافکت می پردازیم.

5.مرتب سازی کاشی و طراحی نقطه ها

در این بخش از پکیج های آموزش طراحی رابط کاربری به مرتب کردن کاشی ها در جای خود و طراحی نقطه های صفحه زدن می پردازیم.

6.انیمیت کردن کاشی ها

در این قسمت از پکیج های آموزش طراحی رابط کاربری  کاشی ها را به صورت مجزا متحرک می کنیم به صورتی که اعدادش و ستون پرشدن نمودار پر شود.

7.طراحی و انیمیت کردن هدف

در این قسمت از پکیج های آموزش طراحی رابط کاربری به شمردن درصد و همزمان افکت پرشدن دایره ی هدف به صورت متحرک می پردازیم.

8.انیمیشن کردن کل صفحات

در این قسمت از آموزش طراحی رابط کاربری متحرک با افترافکت و ایلوستریتور می پردازیم به رفتن از یک صفحه به صفحه ی بعد به صورت انیمیت شده

9.اسکرول کردن کاشی ها

در این قسمت از آموزش طراحی رابط کاربری متحرک با افترافکت و ایلوستریتور می پردازیم به اسکرول و جا بجا شدن کاشی های صفحه اول و جایگزین شدن کاشی های صفحه دوم به جای آنها

10.ادامه ی انیمیت کردن کاشی ها

در این قسمت از آموزش طراحی رابط کاربری متحرک با افترافکت و ایلوستریتور به  ادامه ی متحرک کردن کاشی ها برای باور پذیری حرکت آنها می پردازیم.

11.اسکرول Step

در این قسمت از آموزش طراحی رابط کاربری متحرک با افترافکت و ایلوستریتور به طراحی اسکرول بالا پایین برای step می پردازیم.

12.اضافه کردن فرندز

در این قسمت از آموزش طراحی رابط کاربری متحرک با افترافکت و ایلوستریتور به اضافه کردن صفحه ی فرندز به بقیه صفحات می پردازیم.

13.رندر گرفتن

در این بخش  از آموزش طراحی رابط کاربری متحرک با افترافکت و ایلوستریتور به تنظیمات مناسب برای خروجی گرفتن  می پردازیم.