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

سرفصل ها و درس ها

مقدمه Introduction

• خوش آمدی Welcome

• فایل های تمرینی Exercise files

1. اصول ریزگردانی 1. Microinteraction Fundamentals

• اهمیت ترکیب The importance of the composition

• حرکت نمونه اولیه Prototyping motion

• نقش تسکین دهنده The role of easing

• با استفاده از ویرایشگر نمودار Using the Graph Editor

• کار با اشکال Working with shapes

• استفاده از ماسک Using masks

• شادی والدین The joy of parenting

2. حرکات مشترک 2. The Common Gestures

• ژست شیر The tap gesture

• ژست دوتایی The double-tap gesture

• مطبوعات طولانی The long press

• ژست کش رفتن The swipe gesture

• ایجاد یک ژست خرج کردن یا گسترش Creating a pinch or spread gesture

• نسخه ی نمایشی روی یک دستگاه Demo on a device

3. طراحی الگوهای 3. Design Patterns

• دکمه و سوخاری Buttons and breadcrumbs

• ناوبری پایین Bottom navigation

• ساخت سوئیچ Making a switch

• ایجاد نوار پیشرفت Creating a progress bar

• ایجاد نوار پیشرفت دایره ای Creating a circular progress bar

• پیشرفت را با ارزش نشان می دهد Showing progress with value

• کار با ماژول ها Working with modals

• منوهای کشویی Slide-out menus

• کارت Cards

4- ریزگردها 4. Microinteractions

• اشیاء مورفینگ Morphing objects

• ایجاد سهولت گزاف گویی Building a bounce ease

• ایجاد "اثر ژله" Creating the "jelly effect"

• بزرگنمایی محتوا Zooming content

• پر کردن اشیاء با رنگ Filling objects with color

• یک مکان نما پالس A pulsing cursor

• دکمه عمل شناور Floating action button

• اثر موج دار Ripple effect

• ورودی متن Text input

• اضافه کردن مکان نما Adding cursors

نتیجه Conclusion

• مراحل بعدی Next steps