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
آبرنگ با اعتماد به نفس! آموزش گام به گام نحوه نقاشی آثار هنری زیبا. کلاس 1
Watercolours with Confidence! Learn step by step how to paint beautiful artwork. Class 1
سلام! من وندی فرامست هستم. به آبرنگ‌های با اعتماد به نفس کلاس 1 خوش آمدید. اگر همیشه فکر می‌کردید که آبرنگ‌ها غیرقابل پیش‌بینی هستند و کنترل آن دشوار است. ..
آموزش ویرایش دراماتیک و جذاب عکاسی روستایی آسان شده است (عکس های نمونه گنجانده شده است!)
Dramatic and Captivating Rural Photography Editing Made Easy (Sample Photos Included!)
«عکس‌های خام اصلی مورد استفاده در این کلاس را برای همه در دسترس قرار داده‌ام تا بتوانند به‌صورت رایگان از اینجا دانلود کنند! در این کلاس می خواهم روش خود را برای creati نشان دهم. .."
گربه تاکسیدو خزدار آسان برای همه - آموزش آبرنگ خیس روی خیس
Easy, furry tuxedo cat for everybody - wet on wet watercolor tutorial
«گربه تاکسیدو خزدار آسان برای همه - آموزش آبرنگ خیس روی خیس من چندین آموزش آبرنگ wet on wet cat دارم اما این آموزش را به طور خاص طراحی کردم. .."
آموزش استراتژی کسب و کار 2 طرح کسب و کار قسمت 8 تعیین هدف و عملکرد
Business Strategy 2 Business Plan Part 8 Goal Setting and Performance
به دوره آموزشی استراتژی کسب و کار تا طرح کسب و کار من خوش آمدید استراتژی کسب و کار سطح MBA را کشف کنید و طرح کسب و کار جامع خود را به طور همزمان ایجاد کنید. هر ..
Yazdani Chowdhury
کارشناس UI/UX، توسعه دهنده اپلیکیشن موبایل و وب
Skillshare (اسکیل شیر)
اسکیل‌شر یک پلتفرم آموزشی آنلاین است که به میلیون‌ها افراد در سراسر جهان امکان یادگیری مهارت‌های جدید را فراهم می‌کند. این پلتفرم با ارائه دوره‌های متنوع در زمینه‌هایی از جمله هنر و طراحی، فناوری، کسب و کار، و زندگی موفق، به کاربران خود این امکان را می‌دهد تا به صورت آنلاین به یادگیری بپردازند.
یکی از ویژگی‌های منحصر به فرد سکیل‌شر، ارائه دوره‌های تدریس شده توسط صاحبان مهارت‌ها و افراد موفق در زمینه‌های مختلف است. این امر باعث می‌شود که کاربران از تجربیات و دانش عملی افرادی که در حوزه‌های مورد نظرشان موفق عمل کرده‌اند، بهره‌مند شوند و بهترین اطلاعات را برای بهبود مهارت‌های خود دریافت کنند. به این ترتیب، سکیل‌شر نه تنها یک پلتفرم آموزشی است، بلکه یک جامعه آموزشی است که افراد را به اشتراک گذاری دانش و تجربیات تشویق می‌کند و به آنها کمک می‌کند تا در مسیر پیشرفت و موفقیت خود ادامه دهند.