آموزش نمونه سازی UI و UX هایی که کار می کنند در After Effects

در این دوره آموزشی یاد می گیرید که چطور میکرو اینتراکشن ها در افتر افکت برای ساخت UI, UX هایی که کار می کنند و می توان از آن ها استفاده کرد بکار بگیرید.

عنوان اصلی : Prototyping Microinteractions with After Effects

سرفصل ها :

معرفی
این همه در مورد چیست
چه چیزی میخواهید بدانید
1. ریز فعل و انفعالات
ریز تعاملات چیست؟
چرا به ریز تعاملات نیاز داریم؟
چرا افترافکت؟
2. آماده سازی فضای کاری
آماده سازی کامپوزیت ها در AE
با استفاده از جدول زمانی
با استفاده از نشانگرها
میانبرهای صفحه کلید
افزودن فریم های کلیدی
با استفاده از سهولت ها
با استفاده از ویرایشگر نمودار
با استفاده از ابزارهای AE
3. ریز تعاملات بنیادی
استفاده از اصول اولیه برای ایجاد تعامل
ایجاد مکان نما
ایجاد یک پیش کمپ
ایجاد یک کلیک/ضربه ساده
ایجاد دوبار کلیک/دوبار ضربه زدن
ایجاد پرس طولانی
ایجاد کشیدن
ایجاد یک سوایپ
ایجاد خرج کردن/زوم
4. محتوا برای ریز تعامل
فتوشاپ
وارد کردن فتوشاپ به افتر افکت
تصویرگر
وارد کردن ایلاستریتور به افتر افکت
Adobe Experience Design (XD)
یک ریز تعامل از یک واردات XD ایجاد کنید
5. ریز تعاملات رابط کاربری
ترتیب دهی
انتقال ها
ظروف متحرک
استفاده از عنصر کانونی
ایجاد بیش از حد
عناصر کششی
بزرگنمایی
اصول کلید عمل شناور
برگه های برچسب
قوس ها
ورودی متن
جلوه های سه بعدی
یک مکان نما تپنده
یک کشو را قاب کنید
اصلاح کشوی کشویی
طرح‌بندی‌های مبتنی بر کارت
اثر موج دار
نتیجه
مراحل بعدی