آموزش Figma UI/UX - طراحی یک برنامه وب مسنجر UI/UX (پروژه کامل)
Figma UI/UX - Design a Messenger Web App UI/UX (Complete Project)
به این کلاس Figma خوش آمدید. در این کلاس، نحوه طراحی کامل UI/UX اپلیکیشن وب مسنجر با استفاده از Figma را یاد خواهید گرفت. شما بهترین تمرین ها و تکنیک های Figma را یاد خواهید گرفت که به شما کمک می کند تا یک طراح UI/UX خوب شوید.
پس از اتمام این کلاس، یک پروژه UI/UX کامل در دنیای واقعی خواهید داشت که می توانید آن را به مجموعه خود اضافه کنید.
در اینجا لیست هایی وجود دارد که می خواهید در این کلاس یاد بگیرید:
- یک پروژه کامل برنامه وب مسنجر .
- استفاده از ابزارهای مختلف در Figma.
- بهترین راه برای افزودن سیستم شبکه Figma.
- نحوه ساخت اجزا و نحوه استفاده از کامپوننت ها در فریم های مختلف.
- نحوه استفاده از افزونه ها برای نمادها.
- فهرست کشویی با استفاده از پوشش نمونه اولیه.
- نحوه استفاده از تصاویر در Figma.
- سیستم گروه Figma و استفاده مجدد از آن.
- نحوه انجام اسکرول در Figma.
- نمونه اولیه با انواع مختلف انیمیشن.
- چگونه طرح خود را به اشتراک بگذارید.
- چگونه طرح خود را صادر کنیم.
این کلاس برای چه کسانی است؟
اگر می خواهید طراح UI/UX شوید و می خواهید Figma را یاد بگیرید.
- اگر می خواهید با استفاده از Figma یک برنامه وب مسنجر کامل UI/UX طراحی کنید.
- اگر می‌خواهید مهارت‌های طراحی UI/UX خود را بهبود ببخشید و می‌خواهید بهترین شیوه‌های Figma را یاد بگیرید.
چه دانشی برای این کلاس لازم است؟
- دانش آموزان برای شرکت در این کلاس نیازی به داشتن دانش قبلی ندارند.
در این کلاس، شما در حال یادگیری نحوه طراحی UI/UX برنامه وب مسنجر با استفاده از Figma هستید. برای پروژه کلاس خود، باید یک مسنجر وب اپلیکیشن UI/UX کامل با تمام ویژگی هایی که در این کلاس اضافه کرده ام طراحی کنید. اما در کنار آن، سعی کنید چند ویژگی اضافی با طرح های مختلف اضافه کنید تا بتوانید ایده های خود را پیاده سازی کنید.
در اینجا لیستی از ویژگی های اصلی است که باید به پروژه خود اضافه کنید:
- موارد نوار نوار با تصویر و نام نمایه. یک منوی کشویی اضافه کنید تا همزمان با کلیک بر روی نماد کشویی، دکمه خروج نشان داده شود.
- یک نمای اسکرول عمودی برای لیست های کاربران و یک نوار جستجو در بالا اضافه کنید.
- در حالی که روی هر فهرست کاربران کلیک میکنید، یک منوی کشویی با دکمه حذف و لغو دوست اضافه کنید.
- صفحه ثبت نام و ورود به سیستم را طراحی کنید و نمونه اولیه را با انیمیشن اضافه کنید.
- برای بخش پیام، رنگ‌های پس‌زمینه مختلفی را برای پیام فرستنده و گیرنده اضافه کنید.
پس از اتمام پروژه، باید پروژه خود را در بخش پروژه آپلود کنید.
درس ها Lessons
-
نمونه سازی با انیمیشن Prototyping With Animation
-
طراحی آیتم لیست کاربر User List Item Design
-
ثبت نام و ورود به سیستم طراحی صفحه Sign Up and Sign in Page Design
-
پیمایش گروهی و عمودی Group and Vertical Scrolling
-
طراحی ما را به اشتراک بگذارید و صادر کنید Share and Export Our Design
-
مقدمه Introduction
-
فهرست کشویی Open Overlay Prototype Dropdown List Open Overlay Prototype
-
طراحی ارسال پیام Message Sending Design
-
ایجاد پروژه و طراحی طرح Create Project and Layout Design
https://donyad.com/d/a49d
Yazdani Chowdhury
کارشناس UI/UX، توسعه دهنده اپلیکیشن موبایل و وب
نمایش نظرات