آموزش میکرو تعاملات نمونه سازی اولیه با افتر افکت

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

مقدمه Introduction

• این همه چیز چیست What this is all about

• چه چیزی میخواهید بدانید What you need to know

1. ریزگردها 1. Microinteractions

• ریزگردها چیست؟ What are microinteractions?

• چرا ما نیاز به ریزگردها داریم؟ Why do we need microinteractions?

• چرا بعد از اثر؟ Why After Effects?

2. آماده سازی فضای کاری خود 2. Preparing Your Workspace

• تهیه لوازم جانبی در AE Preparing comps in AE

• با استفاده از جدول زمانی Using the timeline

• با استفاده از نشانگر Using markers

• کلید های میانبر صفحه کلید Keyboard shortcuts

• افزودن کلید واژه Adding keyframes

• استفاده از سهولت Using eases

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

• با استفاده از ابزارهای AE Using the AE tools

3. ریزگردهای اساسی 3. Fundamental Microinteractions

• استفاده از بدوی برای ایجاد تعامل Using primitives to create interactions

• ایجاد مکان نما Creating a cursor

• ایجاد یک precomp Creating a precomp

• ایجاد یک کلیک ساده / شیر Creating a simple click/tap

• ایجاد یک دوبار کلیک / ضربه بزنید Creating a double click/double tap

• ایجاد یک مطبوعات طولانی Creating a long press

• ایجاد یک کشیدن Creating a drag

• ایجاد کش رفتن Creating a swipe

• ایجاد یک خرج کردن / زوم Creating a pinch/zoom

4- محتوای ریزگردها 4. Content for Microinteractions

• فتوشاپ Photoshop

• وارد کردن فتوشاپ به دنبال اثر Importing Photoshop into After Effects

• تصویرگر Illustrator

• وارد کردن Illustrator به After Effects Importing Illustrator into After Effects

• Adobe Experience Design (XD) Adobe Experience Design (XD)

• از واردات XD یک ریزگردانی ایجاد کنید Create a microinteraction from an XD import

5. ریزگرداندن UI 5. UI Microinteractions

• ترتیب دهی Sequencing

• انتقال Transitions

• ظروف متحرک Animated containers

• با استفاده از یک عنصر کانونی Using a focal element

• ایجاد یک حد خارج Creating an overshoot

• عناصر کششی Stretching elements

• بزرگنمایی Zooming

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

• ورق برچسب Sticker sheets

• قوس ها Arcs

• ورودی متن Text input

• جلوه های سه بعدی 3D effects

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

• یک کشو Wireframe Wireframe a drawer

• پالایش کشوی کشویی Refining the slide-in drawer

• طرح بندی مبتنی بر کارت Card-based layouts

• اثر موج دار The ripple effect

نتیجه Conclusion

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