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

1 ساعت 3 دقیقهپیشرفته2019-09-26

مدرسین

Emmanuel Henri

Executive with 20+ years of experience in programming and design

جزئیات دوره

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

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

مهارت ها

Framer XFramerUser Interface PrototypingCross-Platform DevelopmentMobile DevelopmentUser ExperienceProject

سرفصل ها

0. مقدمه

01 - یک CRM موبایل را با Framer X نمونه سازی کنید
02 - آنچه باید بدانید

1. طراحی کلی رابط کاربری UX

03 - تحقیق الهام بخش
04 - تحقیق در مورد رنگ و سبک
05 - تحقیق فونت
06 - دارایی های موجود برای استفاده در Framer X

2. ایجاد نمای اصلی

07 - نماهای اولیه ایجاد کنید
08 - پیوند برای صفحه پیوند اضافه کنید
09 - اسکرول را برای لیست افراد اضافه کنید
10 - چالش - لیست شرکت را ایجاد کنید
11 - راه حل - لیست شرکت را ایجاد کنید

3. تعاملات CRM

12 - اهرم سازی اجزا
13 - ایجاد ورودی در فرم افزودن شخص شما
14 - فرم را نهایی کنید
15 - نمای جزئیات را اضافه کنید

4. انیمیشن ها

16 - متحرک سازی با override

نتیجه

17 - مراحل بعدی