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

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

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

افزودن به سبد خرید
توضیحات

آموزش طراحی رابط کاربری متحرک شاید اولین دوره آموزشی در ایران در این زمینه است که رابط کاربری متحرک را به تمام علاقه مندان 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.رندر گرفتن

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

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

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

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

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

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

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

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

سرفصل ها

2 فصل 36 جلسه 5:24:20 ساعت

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

23 قسمت 3:02:17

1.معرفی دوره

رایگان (پخش زنده)
00:01:41

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

00:05:34

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

00:03:18

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

00:04:32

5.ایجاد Artboard

00:05:47

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

00:03:58

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

00:04:56

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

00:09:19

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

00:04:06

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

00:13:17

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

00:25:06

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

00:07:41

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

00:14:57

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

00:12:32

5.ایجاد Artboard

00:19:23

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

00:07:33

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

00:03:47

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

00:08:25

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

00:03:51

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

00:02:17

21.تنظیم دکمه

00:06:36

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

00:06:02

23.نقشه راه وب

00:07:27

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

13 قسمت 2:22:03

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

00:09:17

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

00:05:23

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

00:10:42

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

00:13:53

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

00:13:04

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

00:14:50

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

00:15:38

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

00:15:04

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

00:13:50

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

00:04:20

34.اسکرول Step

00:13:07

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

00:06:56

36.رندر گرفتن

00:05:53

سوالات متداول

تمام سوالاتی که احتمالا شما هم داشته باشید

۱. چطور میتونم در دوره آموزش طراحی رابط کاربری متحرک ثبت نام کنم؟

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

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

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

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

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

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

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

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

زهرا مقصودی

مدرس دوره: زهرا مقصودی

مدرس افترافکت

تمام دوره های مدرس

ضمانت خرید | نشان های اعتبار ما

ضمانت مکتب تی وی پرداخت ها
support

درخواست مشاوره

برای کسب اطلاعات بیشتر درباره این دوره درخواست مشاوره خود را ارسال کنید و یا با ما در تماس باشید.

در خواست مشاوره

نظرات

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

  1. monav x

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

    • پشتیبانی مکتب تی وی

      درود بر شما محتویات این دوره آموزشی برای هر دوی این موارد کاربرد خواهد داشت

  2. hashemi.majid (مالک تایید شده)

    دوره کاربردی بود

    • پشتیبانی مکتب تی وی

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

دیدگاه خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.

این سایت توسط reCAPTCHA و گوگل محافظت می‌شود حریم خصوصی و شرایط استفاده از خدمات اعمال.

phone 02191092818 نیاز به مشاوره دارید؟ در صورتی که نیاز به مشاوره دارید می توانید فرم را تکمیل نمایید و یا با ما در تماس باشید میتونین از طریق چت آنلاین در گوشه سمت راست پایین صفحه اقدام کنید
+
پشتیبانی مکتب تی وی

پشتیبانی ما در هر ساعتی پاسخ گوی شما میباشد

  • شما میتوانید با یکی از همکاران ما در پشتیبانی در تماس بوده و به این ترتیب در زمینه ای که علاقه مند باشید به صورت کامل راهنمایی شوید.
  • شما میتوانید از طریق صفحه سوالات متداول سایت به نشانی https://maktabtv.com/faq مراجعه نمایید.
SocialSocial
0
    0
    لیست خرید شما
    سبد خرید شما خالی استبازگشت به فروشگاه