دوره آموزشی یادگیری Framer X
1 ساعت 7 دقیقهمبتدی2018-10-10
مدرسین

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