تجربه کاربر حرکت (برای افراد غیر طراحی)

مدرس Tom Green

انتشار 2024/05/08

مدت زمان 1h 52m

سطح مناسب همه

فایل تمرینی دارد

آموزش The User Experience of Motion (for Non-Designers)

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

Motion Design User Experience (UX)

Introduction

Have you ever watched how things move? ()

What you should know ()

1. Explaining Motion

Watching how things move ()

How things move: Speed ()

How things move: Distance ()

How things move: Time ()

How things move: Velocity ()

How things move: Acceleration ()

Motion in Figma ()

Motion in After Effects ()

2. Easing Comes to Life

Time and motion ()

Ease in (acceleration and time) ()

Ease out (deceleration and time) ()

Easing in After Effects ()

Using After Effects eases ()

3. Motion Paths

Nothing moves in a straight line ()

Faking it in Figma ()

Motion paths in After Effects ()

4. Dimensionality

The effect of distance and motion ()

Dimensionality in Figma, part 1 ()

Dimensionality in Figma, part 2 ()

The Floating Action button in Figma ()

The z-axis in After Effects ()

Using the After Effects z-axis ()

5. Obscuration

What is obscuration? ()

Applying blurs in Figma ()

Applying blurs in After Effects ()

Apply motion blurs in After Effects ()

6. Parallax

What is parallax? ()

Create a parallax effect in Figma ()

Create a parallax effect in After Effects ()

Conclusion

Next steps ()

Ex_Files_UX_of_Motion.zip (11.9 MB)

دانلود فایل فشرده

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

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

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