دوره آموزشی مبانی Framer X
1 ساعت 41 دقیقهمبتدی2019-03-13
مدرسین

Emmanuel Henri
Executive with 20+ years of experience in programming and design
جزئیات دوره
به دنبال راه اندازی و اجرای با Framer X هستید؟ اگر چنین است، پس این دوره برای شما مناسب است. به مربی امانوئل هنری بپیوندید تا نحوه طراحی و ایجاد تعاملات خلاقانه با این ابزار قدرتمند نمونه سازی UX و توسعه front-end و همچنین نحوه کار با مؤلفه ها در Framer X را بررسی کند. نحوه استفاده از طرح بندی و ابزارهای طراحی و ساخت را کشف کنید. انتقال، و اضافه کردن انیمیشن پیمایش. بهعلاوه، نحوه اضافه کردن اجزای کد، استفاده از ویژگیهای پیشرفته مانند لغو کردن، و صادرات نمونه اولیه برای به اشتراک گذاشتن آن با سهامداران را ببینید.
اهداف یادگیری
Framer X چیست؟
پیمایش در رابط کاربری
طراحی با Framer X
کار با ابزارهای چیدمان و طراحی
ایجاد تعاملات
ایجاد اجزای ساده و پیچیده
اجرای نادیده گرفتن
در حال صادرات نمونه اولیه شما
اهداف یادگیری
Framer X چیست؟
پیمایش در رابط کاربری
طراحی با Framer X
کار با ابزارهای چیدمان و طراحی
ایجاد تعاملات
ایجاد اجزای ساده و پیچیده
اجرای نادیده گرفتن
در حال صادرات نمونه اولیه شما
مهارت ها
Framer XFramerUser Interface PrototypingUser ExperienceLearning
سرفصل ها
0. مقدمه
- 01 - تعاملات خلاقانه با Framer X ایجاد کنید
- 02 - آنچه باید بدانید
1. نمای کلی Framer X
- 03 - Framer X چیست
- 04 - Framer X را نصب کنید
- 05 - کد ویژوال استودیو را نصب کنید
- 06 - مروری بر رابط کاربری و بخش ها
2. طراحی با Framer X
- 07 - مقدمه ای بر ابزارهای چیدمان
- 08 - اولین جزء شما
- 09 - مقدمه ای بر پشته ها
- 10 - خواص در عمق
- 11 - مقدمه ای بر ابزار ترسیم
- 12 - مقدمه ای بر گزینه های پیش نمایش
3. ایجاد تعامل با Framer X
- 13 - مروری بر ابزارهای تعاملی
- 14 - مقدمه ای بر انتقال ها
- 15 - آشنایی با ابزار Scroll
- 16 - آشنایی با ابزار Page
4. اجزای ساده ایجاد کنید
- 17 - آشنایی با یک جزء
- 18 - فروشگاه را کاوش کنید
- 19 - قطعات را از فروشگاه اضافه کنید
- 20 - یک جزء دیگر از طراحی ایجاد کنید
5. اجزای پیچیده ایجاد کنید
- 21 - اولین مؤلفه شما از کد
- 22 - React و Typescript چیست
- 23 - کد کامپوننت در عمق
- 24 - قطعات بیشتری را به کامپوننت اضافه کنید
- 25 - کامپوننت خود را به صورت کد طراحی کنید
6. ویژگی های پیشرفته در Framer X
- 26 - مقدمه ای بر لغو
- 27 - اجرای لغو
- 28 - کامپوننت خود را در فروشگاه منتشر کنید
- 29 - نمونه اولیه خود را صادر کنید
نتیجه
- 30 - مراحل بعدی