دوره آموزشی انیمیشن ها و تعاملات پیشرفته با Framer X
45 دقیقهپیشرفته2019-09-20
مدرسین

Emmanuel Henri
Executive with 20+ years of experience in programming and design
جزئیات دوره
اگر در حال طراحی نمونههای اولیه در Framer X هستید و خود را آماده اضافه کردن پیچیدگی و تعامل بیشتر میدانید، به مربی Emmanuel Henri بپیوندید تا به شما نحوه استفاده از Framer X را برای جذابتر کردن و جذابتر کردن نمونههای اولیه صوتی و تصویری خود نشان دهید. نحوه راه اندازی یک پروژه برای انیمیشن در Framer X و Sketch را بیاموزید. ببینید چگونه نمونه اولیه خود را با عناصر رسانه سفارشی کنید. به علاوه، نحوه تنظیم دقیق محصول نهایی را قبل از تحویل برای بازبینی بیابید.
اهداف یادگیری
راه اندازی فایل های طراحی
ورودی و خروجی فایل ها
فعال کردن اسکرول جانبی
افزودن انیمیشن به اسکرول
متحرک کردن جزئیات خلاصه
انتقال به کارت جزئیات
درج عناصر ویدئویی
درج صداها
اضافه کردن انیمیشن های SVG
تحویل برای بررسی
اهداف یادگیری
راه اندازی فایل های طراحی
ورودی و خروجی فایل ها
فعال کردن اسکرول جانبی
افزودن انیمیشن به اسکرول
متحرک کردن جزئیات خلاصه
انتقال به کارت جزئیات
درج عناصر ویدئویی
درج صداها
اضافه کردن انیمیشن های SVG
تحویل برای بررسی
مهارت ها
Framer XFramerUser Interface PrototypingInteraction DesignUser ExperienceProject
سرفصل ها
0. مقدمه
- 01 - انیمیشن های پیشرفته با Framer X
- 02 - آنچه باید بدانید
1. راه اندازی پروژه
- 03 - الهام بخش پروژه
- 04 - راه اندازی پلاگین برای انتقال
- 05 - وارد کردن فایل ها به Framer
2. تعامل مشاهده خرید
- 06 - لینک برای مشاهده خرید
- 07 - پیمایش با کارت
- 08 - مقدمه را لغو می کند
- 09 - کد را برای تعاملات بیشتر به روز کنید
3. خرید مشاهده تعامل
- 10 - لینک های خرید مشاهده
- 11 - معرفی Framer API
- 12 - تکنیک های کدگذاری پیشرفته برای تعاملات
- 13 - کدهای فعل و انفعالات را نهایی کنید
4. تعاملات پیشرفته
- 14 - افزودن اجزای فروشگاهی
- 15 - افزودن صدا
- 16 - افزودن فیلم
نتیجه
- 17 - مراحل بعدی