آموزش طراحی و نمونه اولیه یک تجربه UI/UX موبایل - Figma را یاد بگیرید

Design & Prototype a Mobile UI/UX Experience - Learn Figma

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.

نمونه ویدیوها: (صرفا برای مشاهده نمونه ویدیو، ممکن هست نیاز به شکن داشته باشید.)

توضیحات دوره: در این کلاس شما یک فایل figma را دانلود می کنید و من شما را به صورت گام به گام با نحوه ایجاد یک نمونه اولیه موبایل آشنا می کنم. ویدیو نحوه ایجاد یک نمونه اولیه قابل کلیک و اشتراک گذاری ایجاد یک کتابخانه کامپوننت آموزش انتقال تلفن همراه، انتقال منو، همپوشانی و مدال آموزش انیمیشن هوشمند نحوه صادرات دارایی ها برای مهندسی و نحوه بازرسی کد در figma آموزش بهترین کلیدهای سریع برای استفاده نحوه نصب پلاگین های Figma، لیستی از برترین پلاگین ها و کیت های رابط کاربری بهترین شیوه های همکاری در figma نحوه نظر دادن و مشاهده نظرات

در این کلاس، من یک فایل figma را برای دانلود برای شما ایجاد کرده‌ام و گام به گام نحوه ایجاد یک نمونه اولیه کاملاً کاربردی با استفاده از ابزار طراحی Figma را به شما آموزش می‌دهم. دستور کار کلاس اینجاست:

معرفی فایل ابزار طراحی Figma
نحوه طراحی تجربه ثبت نام ورود
نحوه طراحی تجربه خرید
نحوه طراحی تجربه پرداخت
نحوه طراحی صفحات تاریخچه سفارش پروفایل
نحوه ایجاد استفاده از کتابخانه جزء
نحوه ایجاد اشتراک‌گذاری نمونه اولیه قابل کلیک + انیمیشن هوشمند و سایر جلوه‌های انتقال
نحوه دعوت از دیگران برای همکاری در figma
نحوه صادرات کد بازرسی دارایی های رابط کاربری برای مهندسی
برش های کوتاه صفحه کلید Figma
نحوه استفاده از کیت های رابط کاربری گرافیکی پلاگین های figma
نحوه ایجاد نظرات نظرات بررسی نظرات در figma
افکار نهایی آینده

سرفصل ها و درس ها

معرفی Introduction

2-معرفی کلاس figma و دانلود فایل کلاس 2-Class intro to figma & Download the class file
3 - طراحی صفحه ورود و ثبت نام + ایجاد کامپوننت + نمونه سازی 3 - Designing the login & sign up screens + component creation + prototyping
4 - طراحی تجربه خرید 4 - Designing the shopping experience
5 - طراحی تجربه پرداخت 5 - Designing the checkout experience
6 - طراحی صفحات پروفایل 6 - Designing the profile screens
7 - همکاری با دیگران و صادرات دارایی های UI برای مهندسی 7 - Collaborating with others & exporting UI assets for engineering
8 میانبر صفحه کلید + پلاگین + کیت های رابط کاربری گرافیکی 8 Keyboard shortcuts+plugins+GUI kits
9 اظهار نظر و افکار نهایی 9 Commenting & final thoughts
ویدیوی پاداش 1 - ویژگی‌های نمونه اولیه انحلال، تأخیر، و انتقال و جابجایی Bonus Video 1 - Dissolve, Delay, and Move-in & Move-out prototype features
ویدیوهای پاداش 2 - ویژگی های نمونه اولیه پوشش ها، مدال ها و منو Bonus Videos 2 - Overlays, Modals, and Menu prototype features
ویدیوهای جایزه 3 - متحرک سازی هوشمند، ایجاد بارگیری و اسکرول افقی/عمودی Bonus Videos 3 - Smart Animate, Builder a Loader, and Horizontal/Vertical scroll
ویدیوهای جایزه 4 - به، انواع مؤلفه ها و مؤلفه تعاملی بروید Bonus Videos 4 - Scroll to, Component Variants, and Interactive Component