Figma UI/UX - یک UI/UX برنامه وب کامل طراحی کنید. آموزش بهترین تکنیک Figma (Project Base)

Figma UI/UX - Design a Complete Web App UI/UX. Learn the best technique of Figma (Project Base)

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

در این کلاس یاد خواهید گرفت که چگونه با استفاده از Figma یک برنامه وب کامل UI/UX طراحی کنید. در حالی که یک UI/UX اپلیکیشن وب طراحی می کنید، در نهایت نحوه استفاده از ابزارها و تکنیک های مختلف در Figma را یاد خواهید گرفت. من سعی خواهم کرد بهترین روش Figma را به شما آموزش دهم که به شما کمک می‌کند تا یک طراح رابط کاربری/UX خوب شوید.

شما بخش های مختلفی را در صفحه اصلی طراحی خواهید کرد. در هر بخش، انواع مختلفی از ویژگی ها را برای برنامه های وب طراحی خواهید کرد. شما انواع مختلفی از تکنیک های طراحی را یاد خواهید گرفت در حالی که بخش های مختلف طراحی می کنید

در اینجا لیست هایی وجود دارد که می خواهید در این کلاس یاد بگیرید:

  • استفاده از ابزارهای مختلف در Figma
  • Figma Grid and Layout System
  • نحوه ایجاد اجزا و استفاده مجدد از آنها.
  • استفاده از پلاگین های مختلف را یاد بگیرید. به عنوان مثال - افزونه برای نمادها
  • تکنیک طراحی Figma
  • نحوه انجام نمونه سازی
  • یاد بگیرید که از انواع مختلف انیمیشن با نمونه اولیه استفاده کنید
  • نحوه استفاده از تصاویر در Figma.
  • نحوه ایجاد گروه در Figma و استفاده از آن.
  • شما صفحه ثبت نام و ورود به سیستم را برای سیستم ورود یک برنامه وب طراحی خواهید کرد

این کلاس برای چه کسانی است؟

  • اگر می خواهید طراح UI/UX شوید.

  • اگر می‌خواهید مهارت‌های طراحی UI/UX خود را بهبود ببخشید.
  • شما می خواهید یک پروژه کامل طراحی کنید و می خواهید آن را به مجموعه خود اضافه کنید.

چه دانشی برای این کلاس لازم است؟

  1. دانش آموزان برای شرکت در این کلاس نیازی به داشتن دانش قبلی ندارند.

در این کلاس، نحوه طراحی UI/UX برنامه وب با استفاده از Figma را یاد می گیرید. برای پروژه کلاس خود، باید یک UI/UX کامل برنامه وب با استفاده از Figma طراحی کنید. سعی کنید از انواع ابزارها و تکنیک هایی که در کلاس صحبت کرده ام استفاده کنید. طراحی UI/UX برنامه وب برای فروش ملک.

شما باید حداقل 5 بخش برای صفحه اصلی پروژه خود اضافه کنید. شما می توانید پروژه ای را که من در این کلاس طراحی کرده ام دنبال کنید، اما باید آن را کمی متفاوت کنید. تا بتوانید به تنهایی به چیزی منحصربفرد فکر کنید.

در اینجا لیستی از ویژگی های اصلی است که باید به پروژه خود اضافه کنید:

  • طراحی سه صفحه. صفحه اصلی، ثبت نام و ورود به سیستم.
  • برای صفحه ثبت نام پنج فیلد ورودی و یک دکمه اضافه کنید. یک تصویر در سمت راست قرار دهید.
  • برای صفحه ورود دو فیلد ورودی و یک دکمه اضافه کنید. تصویر در سمت چپ است.
  • در صفحه اصلی یک نوار پیمایش در بالا اضافه کنید. یک لوگو در سمت چپ اضافه کنید.
  • یک بخش درباره ایجاد کنید و یک گزینه جمع کردن اضافه کنید.
  • یک نوار لغزنده با سه مورد قابل مشاهده طراحی کنید. سمت چپ و راست دکمه ای با نماد قرار می دهند.
  • در قسمت پاورقی سه لیست از موارد و در سمت راست پاورقی یک فیلد ورودی برای گزینه اشتراک اضافه کنید.


پس از اتمام پروژه، باید پروژه خود را در بخش پروژه آپلود کنید.


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

درس ها Lessons

  • طراحی کارت ملک Property Card Design

  • ثبت نام و ورود به سیستم طراحی صفحه Sign Up and Sign in Page Design

  • نمونه سازی با انیمیشن Prototyping With Animation

  • تصویر جلد خانه و طراحی کارت Home Cover Image and Card Design

  • درباره طراحی ویژگی‌های فروپاشی بخش About Section Collapse Features Design

  • طراحی صفحه بندی Pagination Design

  • مقدمه Introduction

  • ناوبری طراحی Design Navigation

  • طراحی بخش پاورقی Footer Section Design

  • بخش اشتراک طراحی Design Subscribe Section

  • طراحی اسلایدر بازخورد Feedback Slider Design

  • لینک طراحی خود را صادر کنید و به اشتراک بگذارید Export Your Design and Share Link

نمایش نظرات

نظری ارسال نشده است.

Figma UI/UX - یک UI/UX برنامه وب کامل طراحی کنید. آموزش بهترین تکنیک Figma (Project Base)
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
2h 16m
12
Skillshare (اسکیل شیر) skillshare-small
09 خرداد 1401 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
33
از 5
ندارد
دارد
دارد

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Yazdani Chowdhury Yazdani Chowdhury

کارشناس UI/UX، توسعه دهنده اپلیکیشن موبایل و وب

Skillshare (اسکیل شیر)

اسکیل‌شر یک پلتفرم آموزشی آنلاین است که به میلیون‌ها افراد در سراسر جهان امکان یادگیری مهارت‌های جدید را فراهم می‌کند. این پلتفرم با ارائه دوره‌های متنوع در زمینه‌هایی از جمله هنر و طراحی، فناوری، کسب و کار، و زندگی موفق، به کاربران خود این امکان را می‌دهد تا به صورت آنلاین به یادگیری بپردازند.

یکی از ویژگی‌های منحصر به فرد سکیل‌شر، ارائه دوره‌های تدریس شده توسط صاحبان مهارت‌ها و افراد موفق در زمینه‌های مختلف است. این امر باعث می‌شود که کاربران از تجربیات و دانش عملی افرادی که در حوزه‌های مورد نظرشان موفق عمل کرده‌اند، بهره‌مند شوند و بهترین اطلاعات را برای بهبود مهارت‌های خود دریافت کنند. به این ترتیب، سکیل‌شر نه تنها یک پلتفرم آموزشی است، بلکه یک جامعه آموزشی است که افراد را به اشتراک گذاری دانش و تجربیات تشویق می‌کند و به آنها کمک می‌کند تا در مسیر پیشرفت و موفقیت خود ادامه دهند.