دوره آموزشی مبانی Framer X

دوره آموزشی مبانی Framer X

1 ساعت 41 دقیقهمبتدی2019-03-13

مدرسین

Emmanuel Henri

Emmanuel Henri

Executive with 20+ years of experience in programming and design

جزئیات دوره

به دنبال راه اندازی و اجرای با Framer X هستید؟ اگر چنین است، پس این دوره برای شما مناسب است. به مربی امانوئل هنری بپیوندید تا نحوه طراحی و ایجاد تعاملات خلاقانه با این ابزار قدرتمند نمونه سازی UX و توسعه front-end و همچنین نحوه کار با مؤلفه ها در Framer X را بررسی کند. نحوه استفاده از طرح بندی و ابزارهای طراحی و ساخت را کشف کنید. انتقال، و اضافه کردن انیمیشن پیمایش. به‌علاوه، نحوه اضافه کردن اجزای کد، استفاده از ویژگی‌های پیشرفته مانند لغو کردن، و صادرات نمونه اولیه برای به اشتراک گذاشتن آن با سهامداران را ببینید.

اهداف یادگیری
Framer X چیست؟
پیمایش در رابط کاربری
طراحی با Framer X
کار با ابزارهای چیدمان و طراحی
ایجاد تعاملات
ایجاد اجزای ساده و پیچیده
اجرای نادیده گرفتن
در حال صادرات نمونه اولیه شما

مهارت ها

Framer XFramerUser Interface PrototypingUser ExperienceLearning

سرفصل ها

مقدمه

  • تعاملات خلاقانه با Framer X ایجاد کنید
  • آنچه باید بدانید

نمای کلی Framer X

  • Framer X چیست
  • Framer X را نصب کنید
  • کد ویژوال استودیو را نصب کنید
  • مروری بر رابط کاربری و بخش ها

طراحی با Framer X

  • مقدمه ای بر ابزارهای چیدمان
  • اولین جزء شما
  • مقدمه ای بر پشته ها
  • خواص در عمق
  • مقدمه ای بر ابزار ترسیم
  • مقدمه ای بر گزینه های پیش نمایش

ایجاد تعامل با Framer X

  • مروری بر ابزارهای تعاملی
  • مقدمه ای بر انتقال ها
  • آشنایی با ابزار Scroll
  • آشنایی با ابزار Page

اجزای ساده ایجاد کنید

  • آشنایی با یک جزء
  • فروشگاه را کاوش کنید
  • قطعات را از فروشگاه اضافه کنید
  • یک جزء دیگر از طراحی ایجاد کنید

اجزای پیچیده ایجاد کنید

  • اولین مؤلفه شما از کد
  • React و Typescript چیست
  • کد کامپوننت در عمق
  • قطعات بیشتری را به کامپوننت اضافه کنید
  • کامپوننت خود را به صورت کد طراحی کنید

ویژگی های پیشرفته در Framer X

  • مقدمه ای بر لغو
  • اجرای لغو
  • کامپوننت خود را در فروشگاه منتشر کنید
  • نمونه اولیه خود را صادر کنید

نتیجه

  • مراحل بعدی
۴۰,۰۰۰ تومان