دوره آموزشی تجربه کاربری موشن (برای افراد غیر طراح)
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
سرفصل ها
0. مقدمه
- 01 - آیا تا به حال به نحوه حرکت اشیا نگاه کرده اید
- 02 - آنچه باید بدانید
1. توضیح حرکت
- 03 - تماشای چگونگی حرکت اشیا
- 04 - اشیا چگونه حرکت میکنند - سرعت
- 05 - نحوه حرکت اشیا - فاصله
- 06 - اشیا چگونه حرکت میکنند - زمان
- 07 - اشیا چگونه حرکت میکنند - سرعت
- 08 - اشیا چگونه حرکت میکنند - شتاب
- 09 - حرکت در فیگما
- 10 - حرکت در افترافکت
2. آسان شدن جان میگیرد
- 11 - زمان و حرکت
- 12 - سهولت در (شتاب و زمان)
- 13 - کاهش سرعت (کاهش سرعت و زمان)
- 14 - Easing in After Effects
- 15 - استفاده از افتر افکت آسان میشود
3. مسیرهای حرکت
- 16 - هیچ چیز در یک خط مستقیم حرکت نمی کند
- 17 - جعل کردن آن در فیگما
- 18 - مسیرهای حرکت در افتر افکت
4. ابعاد
- 19 - تأثیر فاصله و حرکت
- 20 - ابعاد در Figma قسمت 1
- 21 - ابعاد در Figma قسمت 2
- 22 - دکمه Floating Action در Figma
- 23 - محور z در افتر افکت
- 24 - استفاده از محور z After Effects
5. تیرگی
- 25 - ظلمت چیست
- 26 - اعمال تاری در فیگما
- 27 - اعمال تاری در افتر افکت
- 28 - تاری حرکت را در افتر افکت اعمال کنید
6. اختلاف منظر
- 29 - اختلاف منظر چیست
- 30 - یک افکت اختلاف منظر در Figma ایجاد کنید
- 31 - یک افکت اختلاف منظر در AfterEffects ایجاد کنید
نتیجه
- 32 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی موفقیت پس از راهاندازی با تفکر طراحی
- دوره آموزشی چجوری انیمیشنهای Lottie رو توی فیگما استفاده کنیم
- دوره آموزشی کاوش جریانهای کاری هوش مصنوعی در طراحی با Figma
- دوره آموزشی راهاندازی ایدهات با تفکر طراحی (Design Thinking)
- دوره آموزشی ساخت نمونه اولیه (پروتوتایپ) برای غیرطراحها
- دوره آموزشی طراح محصول مبتنی بر هوش مصنوعی
- دوره آموزشی یادگیری جامع فیگما
- دوره آموزشی FigJam برای تفکر طراحی و همکاری