آموزش چگونه با استفاده از ابزار طراحی Figma یک تجربه طراحی UI/UX موبایل را طراحی و نمونه سازی کنیم - Figma را بیاموزیم
How to design & prototype a Mobile UI/UX Design Experience using Figma design tool - Learn Figma
در این کلاس من یک فایل figma را برای شما ایجاد کرده ام که می توانید آن را دانلود کنید و گام به گام شما را با نحوه ایجاد یک نمونه اولیه کاملاً کاربردی با استفاده از ابزار طراحی Figma آشنا خواهم کرد. دستور کار کلاس اینجاست:
1. معرفی فایل راهنمای طراحی ابزار طراحی Figma
2. نحوه طراحی یک تجربه ثبت نام ورود به سیستم
3. نحوه طراحی یک خرید تجربه
4. نحوه طراحی تجربه پرداخت
5. نحوه طراحی صفحات سابقه سفارش نمایه
6. نحوه ایجاد استفاده از کتابخانه کامپوننت
7. نحوه ایجاد اشتراک‌گذاری نمونه اولیه قابل کلیک + انیمیشن هوشمند و سایر جلوه‌های انتقال
8. نحوه دعوت به همکاری دیگران در figma
9. نحوه صادرات کد بازرسی دارایی های رابط کاربری برای مهندسی
10. میانبرهای صفحه کلید Figma
11. نحوه استفاده از کیت های رابط کاربری گرافیکی از افزونه های figma
12. نحوه ایجاد نظر نظرات بررسی نظرات در figma
13. افکار نهایی آینده
ویدیوهای جایزه (تاس عمیق تر در نمونه سازی و مقدمه مولفه تعاملی)
ویدیوی جایزه 1 - ویژگی‌های نمونه اولیه حذف، تأخیر و جابه‌جایی
ویدیوهای جایزه 2 - پوشش‌ها، حالت‌ها و ویژگی‌های نمونه اولیه منو
ویدیوهای جایزه 3 - Smart Animate, Builder a لودر و پیمایش افقی/عمودی
ویدیوهای جایزه 4 - به عملکرد، انواع مؤلفه‌ها و مؤلفه‌های تعاملی
فایل های فیگما برای دانلود پیوست شده است
پروژه کلاسی برای ایجاد همان نمونه اولیه چای بوبا است که من در مجموعه ویدیوها با شما آشنا می شوم.
پیوند نمونه اولیه خود را در زیر به اشتراک بگذارید. من دوست دارم ببینم نمونه اولیه شما چگونه ظاهر شد :)
درس ها Lessons
-
1 ویدیوی معرفی 1 Introduction video
-
معرفی کلاس figma و دانلود فایل کلاس Class intro to figma & Download the class file
-
اظهار نظر و نظرات نهایی Commenting & final thoughts
-
طراحی تجربه پرداخت Designing the checkout experience
-
ویدیوی پاداش 4 - به، انواع و اجزای تعاملی بروید Bonus Video 4 - Scroll to, Variants and Interactive Components
-
ویدیوی جایزه 3 - متحرک سازی هوشمند، ساخت لودر و اسکرول افقی/عمودی Bonus Video 3 - Smart Animate, Build a Loader and Horizontal/Vertical Scrolling
-
میانبرهای صفحه کلید + افزونه ها + کیت های رابط کاربری گرافیکی Keyboard shortcuts+plugins+GUI kits
-
طراحی صفحه نمایش پروفایل Designing the profile screens
-
همکاری با دیگران و صادرات دارایی های UI برای مهندسی Collaborating with others & exporting UI assets for engineering
-
طراحی صفحه ورود و ثبت نام + ایجاد کامپوننت، نمونه سازی و انیمیشن هوشمند Designing the login & sign up screens + component creation, prototyping & smart animate
-
ویدیوی پاداش 2 - پوشش ها، مدال ها و منوها Bonus Video 2 - Overlays, Modals and Menus
-
طراحی تجربه خرید Designing the shopping experience
-
ویدئوی جایزه 1 - انحلال، تاخیر و انتقال به داخل - انتقال به خارج Bonus Video 1 - Dissolve, Delay & Move in - Move out
https://donyad.com/d/1f3a47
Aaron Lawrence
مدرس UX و طراح محصول در SF
نمایش نظرات