دوره آموزشی نمونه سازی تعاملات میکرو با افترافکت
3 ساعت 34 دقیقهمتوسط2019-06-11
مدرسین

Tom Green
Teacher, Author, Professor
جزئیات دوره
افتر افکت چیزی بیش از یک برنامه جلوه های ویدیویی است. برای طراحان UX، این یک ابزار پیشرو برای نمونه سازی است. با After Effects، طراحان میتوانند تعاملات کوچک اما معنیداری ایجاد کنند - تعاملات خرد - که جزئیاتی مانند زمانبندی و بازخورد بصری را به توسعهدهندگان و مشتریان منتقل میکند. در این دوره آموزشی، تام گرین نحوه ایجاد ریز تعامل در افترافکت را با استفاده از ویژگی هایی مانند Graph Editor، easing و Keyframe Velocity نشان می دهد. مهارتهای خود را در حین انجام پروژههای ساده، از ضربه زدن گرفته تا کشیدن انگشت، توسعه دهید و سپس در پروژههای پیشرفتهتری که Photoshop، Illustrator و Adobe XD را ادغام میکنند، شیرجه بزنید. در این تمرینات عملی، میتوانید یاد بگیرید که چگونه طرحهای پیچیدهتری مانند منوهای آکاردئونی و تعاملات سه بعدی را نمونهسازی کنید. هر درس نشان میدهد که چگونه میتوانید از جریان کار مبتنی بر حرکت در After Effects استفاده کنید تا جزئیات ظریف طراحی خود را به تصویر بکشید.
اهداف یادگیری
آماده سازی کامپیوترها و فضای کاری شما
افزودن فریم های کلیدی و آسان سازی
ایجاد مکان نما
ایجاد یک یا دو کلیک
ایجاد کشیدن و سوایپ
ساخت محتوا در سایر برنامه های Adobe
ریز تعاملات رابط کاربری
کانتینرهای متحرک
بزرگنمایی در رابط کاربری
ساخت افکت های سه بعدی
اهداف یادگیری
آماده سازی کامپیوترها و فضای کاری شما
افزودن فریم های کلیدی و آسان سازی
ایجاد مکان نما
ایجاد یک یا دو کلیک
ایجاد کشیدن و سوایپ
ساخت محتوا در سایر برنامه های Adobe
ریز تعاملات رابط کاربری
کانتینرهای متحرک
بزرگنمایی در رابط کاربری
ساخت افکت های سه بعدی
مهارت ها
PrototypingAdobe XDAfter EffectsAdobeProduct and ManufacturingDeep Dive (X:Y)
سرفصل ها
0. مقدمه
- 01 - این چه چیزی است
- 02 - آنچه باید بدانید
1. ریز فعل و انفعالات
- 03 - ریز برهم کنش ها چیست
- 04 - چرا به ریز تعاملات نیاز داریم
- 05 - چرا افترافکت
2. آماده سازی فضای کاری
- 06 - آماده سازی کامپ ها در AE
- 07 - استفاده از جدول زمانی
- 08 - استفاده از نشانگر
- 09 - میانبرهای صفحه کلید
- 10 - افزودن فریم های کلیدی
- 11 - استفاده از سهولت
- 12 - استفاده از Graph Editor
- 13 - استفاده از ابزارهای AE
3. ریز تعاملات بنیادی
- 14 - استفاده از ابتدایی ها برای ایجاد فعل و انفعالات
- 15 - ایجاد مکان نما
- 16 - ایجاد پیش کامپ
- 17 - ایجاد یک ضربه کلیکی ساده
- 18 - ایجاد یک ضربه دوبار کلیک کنید
- 19 - ایجاد پرس بلند
- 20 - ایجاد درگ
- 21 - ایجاد یک سوایپ
- 22 - ایجاد یک پینچ زوم
4. محتوا برای ریز تعامل
- 23 - فتوشاپ
- 24 - وارد کردن فتوشاپ به افتر افکت
- 25 - تصویرگر
- 26 - وارد کردن Illustrator به After Effects
- 27 - Adobe Experience Design (XD)
- 28 - یک microinteraction از یک واردات XD ایجاد کنید
5. ریز تعاملات رابط کاربری
- 29 - توالی یابی
- 30 - انتقال
- 31 - کانتینرهای متحرک
- 32 - استفاده از عنصر کانونی
- 33 - ایجاد بیش از حد
- 34 - المان های کششی
- 35 - بزرگنمایی
- 36 - اصول دکمه عمل شناور
- 37 - ورق استیکر
- 38 - کمان
- 39 - ورودی متن
- 40 - جلوه های سه بعدی
- 41 - نشانگر ضربان دار
- 42 - یک کشو را قاب کنید
- 43 - صاف کردن کشوی کشویی
- 44 - چیدمان های مبتنی بر کارت
- 45 - اثر موج دار
نتیجه
- 46 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی نمونهسازی اپلیکیشن با Vercel v0 Agentic Builder
- دوره آموزشی تفکر طراحی: ساخت نمونه اولیه (Prototyping)
- دوره آموزشی مبانی هوش مصنوعی: ایدهپردازی و ساخت نمونه اولیه
- دوره آموزشی مجموعهها و سیستم مدیریت محتوای Webflow
- دوره آموزشی یادگیری Webflow
- دوره آموزشی طرح بندی CSS بدون کد با Webflow
- دوره آموزشی طراحی از Figma تا Webflow
- دوره آموزشی Webflow - مجموعه ها و CMS