دوره آموزشی تجربه کاربری موشن (برای افراد غیر طراح)
1 ساعت 52 دقیقهمبتدی2024-05-08
مدرسین

Tom Green
Teacher, Author, Professor
جزئیات دوره
زبان حرکت را بیاموزید و چگونه میتواند تجربیات کاربر دیجیتال را با پاسخها و اقدامات بصری معنادار و احشایی با متخصص تام گرین تقویت و تغییر دهد. تام به شما نشان می دهد که چگونه اصولی مانند سرعت، سرعت و شتاب در طراحی UX با استفاده از Figma و After Effects اعمال می شود - اما این دوره بر روی استفاده از این برنامه ها متمرکز نیست. در عوض، هدف آن افزایش آگاهی شما از نحوه حرکت اشیا و نحوه ارائه آن حرکت در طراحی UX است. درباره ویژگیهای حرکت و پاسخهای ما به آن، نحوه تعامل زمان و حرکت، و نحوه تعریف مسیرهای حرکت و منحنیهای سرعت برای حرکت دقیق اجسام در قلمرو دیجیتال بیاموزید. بهعلاوه، راههایی برای ایجاد ابعاد و احساس عمق و فضای سهبعدی در نماهای دوبعدی کشف کنید و در مورد تاریکی و اثر اختلاف منظر بیاموزید.
اهداف یادگیری
در مورد تأثیر احساسی حرکت بیاموزید.
اجزای حرکت طبیعی مانند فاصله، سرعت، سرعت و شتاب را کشف کنید.
اصول زمان و حرکت را بیاموزید.
در مورد آسان سازی، مسیرهای حرکتی و رفتارهای جهت دهی بیاموزید.
نحوه اضافه کردن عمق و ابعاد را بیابید.
مولفههای بصری داراییهای حرکتی مانند تاریکی و جلوههای اختلاف منظر را کاوش کنید.
نحوه مدل سازی همه اینها را در Figma و After Effects ببینید.
اهداف یادگیری
در مورد تأثیر احساسی حرکت بیاموزید.
اجزای حرکت طبیعی مانند فاصله، سرعت، سرعت و شتاب را کشف کنید.
اصول زمان و حرکت را بیاموزید.
در مورد آسان سازی، مسیرهای حرکتی و رفتارهای جهت دهی بیاموزید.
نحوه اضافه کردن عمق و ابعاد را بیابید.
مولفههای بصری داراییهای حرکتی مانند تاریکی و جلوههای اختلاف منظر را کاوش کنید.
نحوه مدل سازی همه اینها را در Figma و After Effects ببینید.
مهارت ها
FigmaMotion GraphicsUX DesignAfter EffectsUser ExperienceMotion Graphics and VFXPersonaAdobeWeb Development
سرفصل ها
مقدمه
- آیا تا به حال به نحوه حرکت اشیا نگاه کرده اید
- آنچه باید بدانید
توضیح حرکت
- تماشای چگونگی حرکت اشیا
- اشیا چگونه حرکت میکنند - سرعت
- نحوه حرکت اشیا - فاصله
- اشیا چگونه حرکت میکنند - زمان
- اشیا چگونه حرکت میکنند - سرعت
- اشیا چگونه حرکت میکنند - شتاب
- حرکت در فیگما
- حرکت در افترافکت
آسان شدن جان میگیرد
- زمان و حرکت
- سهولت در (شتاب و زمان)
- کاهش سرعت (کاهش سرعت و زمان)
- Easing in After Effects
- استفاده از افتر افکت آسان میشود
مسیرهای حرکت
- هیچ چیز در یک خط مستقیم حرکت نمی کند
- جعل کردن آن در فیگما
- مسیرهای حرکت در افتر افکت
ابعاد
- تأثیر فاصله و حرکت
- ابعاد در Figma قسمت 1
- ابعاد در Figma قسمت 2
- دکمه Floating Action در Figma
- محور z در افتر افکت
- استفاده از محور z After Effects
تیرگی
- ظلمت چیست
- اعمال تاری در فیگما
- اعمال تاری در افتر افکت
- تاری حرکت را در افتر افکت اعمال کنید
اختلاف منظر
- اختلاف منظر چیست
- یک افکت اختلاف منظر در Figma ایجاد کنید
- یک افکت اختلاف منظر در AfterEffects ایجاد کنید
نتیجه
- مراحل بعدی