دوره آموزشی یادگیری 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
سرفصل ها
مقدمه
- یادگیری Framer X
- آنچه باید بدانید
مقدمه ای بر Framer X
- Framer X چیست
- تفاوت های Framer و Framer X
- مروری بر رابط
- نمای کلی از فروشگاه
طراحی در Framer X
- طرح خود را مشخص کنید
- تغییر اندازه فریم را کاوش کنید
- طرح بندی های بیشتری ایجاد کنید
- از قاب هایی با عکس استفاده کنید
- معرفی پشته ها
- از متون در قاب استفاده کنید
- با یک مسیر رسم کنید
- یک لوگو را با ابزار طراحی کامل کنید
نمونه اولیه در Framer X
- مروری بر تعاملات
- یک تعامل کلیکی ایجاد کنید
- یک تعامل اسکرول ایجاد کنید
مقدمه ای بر کامپوننت ها
- جزء چیست
- مقدمه ای برای React
- اولین مؤلفه React شما
- نگاه عمیق به جزء
- مقدمه ای بر لغو
- انتشار جزء خود
نتیجه
- مراحل بعدی