دوره آموزشی نمونه سازی تعاملات میکرو با افترافکت
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 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی افترافکت برای طراحی UX
- دوره آموزشی نمونه سازی تعاملات میکرو با Adobe Animate
- دوره آموزشی طراحی Microinteractions با Figma
- دوره آموزشی تجربه کاربری (UX) برای افراد غیر طراح
- دوره آموزشی مبانی تجربه کاربری (UX): نمونه سازی (2017)
- دوره آموزشی نمونه سازی یک پروژه وردپرس در Adobe XD
- دوره آموزشی نمونه سازی تجربیات کاربر AR با Framer
- دوره آموزشی مبانی UX: نمونه سازی
مسیرهای مرتبط
- مسیر آموزشی طراحی تجربه کاربری با Figma
- مسیر آموزشی تبدیل شدن به یک طراح تجربه کاربری
- مسیر آموزشی ارتقا دادن مهارت های خود در طراحی UX
- مسیر آموزشی تبدیل شدن به یک استاد ساخت افزودنی و چاپ سه بعدی
- مسیر آموزشی بهبود بخشیدن مهارت های نمونه سازی UX
- مسیر آموزشی ساخت محصولات هوش مصنوعی: گواهی حرفهای مبانی نمونهسازی
- مسیر آموزشی تبدیل شدن به یک استاد طراحی برای تولید پلاستیک
- مسیر آموزشی پیشرو بودن در Advanced Manufacturing