دوره آموزشی تجربه کاربری موشن (برای افراد غیر طراح)

دوره آموزشی تجربه کاربری موشن (برای افراد غیر طراح)

1 ساعت 52 دقیقهمبتدی2024-05-08

مدرسین

Tom Green

Tom Green

Teacher, Author, Professor

جزئیات دوره

زبان حرکت را بیاموزید و چگونه می‌تواند تجربیات کاربر دیجیتال را با پاسخ‌ها و اقدامات بصری معنادار و احشایی با متخصص تام گرین تقویت و تغییر دهد. تام به شما نشان می دهد که چگونه اصولی مانند سرعت، سرعت و شتاب در طراحی UX با استفاده از Figma و After Effects اعمال می شود - اما این دوره بر روی استفاده از این برنامه ها متمرکز نیست. در عوض، هدف آن افزایش آگاهی شما از نحوه حرکت اشیا و نحوه ارائه آن حرکت در طراحی UX است. درباره ویژگی‌های حرکت و پاسخ‌های ما به آن، نحوه تعامل زمان و حرکت، و نحوه تعریف مسیرهای حرکت و منحنی‌های سرعت برای حرکت دقیق اجسام در قلمرو دیجیتال بیاموزید. به‌علاوه، راه‌هایی برای ایجاد ابعاد و احساس عمق و فضای سه‌بعدی در نماهای دوبعدی کشف کنید و در مورد تاریکی و اثر اختلاف منظر بیاموزید.

اهداف یادگیری
در مورد تأثیر احساسی حرکت بیاموزید.
اجزای حرکت طبیعی مانند فاصله، سرعت، سرعت و شتاب را کشف کنید.
اصول زمان و حرکت را بیاموزید.
در مورد آسان سازی، مسیرهای حرکتی و رفتارهای جهت دهی بیاموزید.
نحوه اضافه کردن عمق و ابعاد را بیابید.
مولفه‌های بصری دارایی‌های حرکتی مانند تاریکی و جلوه‌های اختلاف منظر را کاوش کنید.
نحوه مدل سازی همه اینها را در 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 ایجاد کنید

نتیجه

  • مراحل بعدی
۴۰,۰۰۰ تومان