دوره آموزشی فریمر برای طراحی UX

جزئیات دوره

Framer یک برنامه macOS برای ایجاد سریع و آسان نمونه های اولیه مبتنی بر جاوا اسکریپت است. این دوره به طراحان UX و تعامل با مهارت هایی که برای راه اندازی و اجرای Framer برای طراحی UX نیاز دارند، ارائه می دهد. مربی Emmanuel Henri نحوه استفاده از ابزارهای طراحی بصری و همچنین کمی کد CoffeeScript را برای ساختن نمونه های اولیه جذاب نشان می دهد. او همچنین نحوه وارد کردن دارایی ها از برنامه هایی مانند Sketch، افزودن انیمیشن و درج تعاملات را نشان می دهد. در پایان دوره، شما مهارت‌های جدید و یک پروژه اولیه watchOS خواهید داشت که می‌توانید از آن به عنوان نقطه پرش برای نمونه‌های اولیه UX خود با Framer استفاده کنید.

اهداف یادگیری
واردات طرح ها از Sketch
درج و طراحی صفحه نمایش
افزودن انیمیشن
برنامه نویسی با متغیرها و اشیا
برنامه نویسی با توابع و قطعه کد
افزودن فعل و انفعالات
افزودن انیمیشن
نهایی کردن نمونه اولیه Framer

سرفصل ها

0. مقدمه

01 - خوش آمدید
02 - پیش نیازهای دوره
03 - استفاده از فایل‌های تمرین

1. Refresher on Great UX

04 - دوره‌های UX و الهام
05 - پروژه ما UX

2. رابط کاربری Framer

06 - مروری بر رابط
07 - بخش طراحی
08 - بخش کد
09 - وارد کردن از Sketch
10 - داستان پشت نمونه اولیه

3. ابزارهای چارچوب غیر کدنویسی

11 - صفحه دوم با ابزار Design
12 - صفحه سوم و چهارم با ابزار Design
13 - درج انیمیشن با Auto-Code

4. مبانی برنامه نویسی و استفاده با Framer

14 - شروع سریع نحو عمومی
15 - متغیرها و اشیا
16 - توابع و قطعه کد

5. نهایی کردن دارایی‌های صفحه ما

17 - دارایی برای صفحه نمایش Hunora ایجاد کنید
18 - ایجاد دارایی برای صفحه نمایش Clestik
19 - چالش - صفحه‌های نهایی داستان را ایجاد کنید
20 - راه حل - صفحه‌های نهایی داستان را ایجاد کنید

6. تعاملات را به نمونه اولیه خود اضافه کنید

21 - مقدمه ای بر تعاملات
22 - مقدمه ای بر یک جزء اسکرول
23 - توابع برای انیمیشن و چالش
24 - راه حل برای چالش

7. فعل و انفعالات نهایی را به نمونه اولیه اضافه کنید

25 - فعل و انفعالات پیچیده - حالت‌های اولیه
26 - فعل و انفعالات پیچیده - به سمت راست هدایت کنید
27 - چالش - تعاملات کامل
28 - راه حل - تعاملات کامل

نتیجه

29 - مراحل بعدی