UI/UX برنامه وب Figma Fashion - طراحی یک برنامه وب کامل UI/UX - آموزش ویژگی های پیشرفته Figma
Figma Fashion Web App UI/UX - Design a Complete Web APP UI/UX - Learn Figma Advanced Features
در این کلاس، نحوه طراحی یک برنامه وب مد کامل UI/UX با استفاده از Figma را خواهید آموخت. پس از اتمام این کلاس، یک پروژه کامل UI/UX در دنیای واقعی خواهید داشت که می توانید آن را به مجموعه خود اضافه کنید. من سعی کردم انواع مختلفی از ویژگی ها را در این کلاس اضافه کنم و در حالی که شما انواع مختلفی از ویژگی ها را طراحی می کنید، در نهایت تکنیک های مختلف Figma را یاد خواهید گرفت.
علاوه بر این، من سعی خواهم کرد بهترین روش Figma را به شما آموزش دهم که به شما کمک می کند تا یک طراح UI/UX خوب شوید. همچنین در نهایت یاد خواهید گرفت که چگونه از پوشش نمونه اولیه برای نشان دادن جعبه Modal در Figma استفاده کنید.
در اینجا لیست هایی وجود دارد که می خواهید در این کلاس یاد بگیرید:
- یک پروژه کامل UI/UX برنامه وب مد.
- نحوه انجام نمای اسکرول افقی.
- Figma با کلیک بر روی دکمه اسکرول کنید.
- نحوه طراحی جعبه مدال با اطلاعات مورد محصول.
- طراحی جعبه مدال با ویژگی‌های اسکرول افقی تصویر
- آموزش کار با تصاویر در Figma و طراحی تصاویر در Figma
- نحوه افزودن انیمیشن
- استفاده از ابزارهای مختلف در Figma.
- نحوه استفاده از Figma Grid and Layout System را خواهید آموخت.
- طراحی سیستم Figma.
- نحوه ایجاد اجزا و استفاده مجدد از آنها در قاب.
- نحوه استفاده از افزونه ها برای نمادها.
- در نهایت بهترین راه برای سازماندهی پروژه Figma خود را یاد خواهید گرفت.
- نحوه انجام نمونه سازی برای نشان دادن جعبه مدال.
- شما نمونه سازی را با نوع متفاوتی از انیمیشن یاد خواهید گرفت.
- نحوه ایجاد گروه در Figma و مزایای استفاده از گروه Figma.
این کلاس برای چه کسانی است؟
اگر می خواهید طراح UI/UX شوید.
- اگر می‌خواهید یک UI/UX برنامه وب واقعی دنیای واقعی طراحی کنید.
- اگر می‌خواهید مهارت‌های طراحی UI/UX خود را بهبود ببخشید و می‌خواهید بهترین روش را یاد بگیرید.
چه دانشی برای این کلاس لازم است؟
- دانش آموزان برای شرکت در این کلاس نیازی به داشتن دانش قبلی ندارند.
در این کلاس، نحوه طراحی UI/UX اپلیکیشن وب مد با استفاده از Figma را یاد می گیرید. برای پروژه کلاس خود، باید یک برنامه وب مد UI/UX کامل با تمام ویژگی هایی که اضافه کرده ام طراحی کنید. اما علاوه بر آن، سعی کنید برخی از ویژگی های اضافی را اضافه کنید.
در اینجا لیستی از ویژگی های اصلی است که باید به پروژه خود اضافه کنید:
- موارد نوار ناوبری را با نمادها و متن اضافه کنید.
- یک نمای اسکرول افقی برای سربرگ برنامه وب اضافه کنید. در موارد اسکرول تصاویر را اضافه کنید و در بالای آن متن را با کادر اضافه کنید.
- برای آیتم‌های مد یک کادر مودال با اسکرول تصویر افقی همراه با انیمیشن اضافه کنید.
- هنگامی که کاربر روی دسته مد کلیک می کند و برخی از اقلام مد را با تصاویر، قیمت و چند جزئیات نشان می دهد، یک کادر مدال اضافه کنید.
- طراحی صفحه ثبت نام و ورود به سیستم.
- نمونه اولیه را برای صفحه ثبت نام و ورود به سیستم اضافه کنید.
- در زمان نمونه‌سازی اولیه، انیمیشن اضافه کنید
پس از اتمام پروژه، باید پروژه خود را در بخش پروژه آپلود کنید.
درس ها Lessons
-
مورد طراحی جعبه معین Item Modal Box Design
-
انتخاب و نمایش چند تصویر در کارت Select and Show Multiple Image in Card
-
طرح بندی پروژه شبکه و طراحی سیستم رنگ Project Layout Grid and Color System Design
-
نوار ناوبری و طراحی هدر Navigation Bar and Header Design
-
پوشش اولیه برای نمایش جعبه مدال Prototype Overlay to Show Modal Box
-
اسکرول افقی با کلیک بر روی دکمه اسکرول Horizontal Scroll by Clicking on Scroll Button
-
صادرات و به اشتراک گذاری طراحی Export and Share Design
-
ورود به سیستم و طراحی صفحه OTP Sign In and OTP Page Design
-
نمونه اولیه برای صفحه ثبت نام و ورود به سیستم Prototype for Sign up and Sign in Page
-
طراحی بخش خبرنامه Newsletter Section Design
-
طراحی کارت مد مردانه Men Fashion Card Design
-
طراحی بخش پاورقی Footer Section Design
-
مقدمه Introduction
-
ثبت نام طراحی صفحه Sign up Page Design
-
طراحی دسته بندی مد Fashion Category Design
-
طراحی کارت برای نمایش آیتم مد Card Design to Show Fashion Item
-
طراحی صفحه بندی Pagination Design
-
انتخاب فریم و اسکرول افقی Frame Selection and Horizontal Scroll
https://donyad.com/d/2ecf
Yazdani Chowdhury
کارشناس UI/UX، توسعه دهنده اپلیکیشن موبایل و وب
نمایش نظرات