طراحی UI / UX با فیما: 5+ پروژه های دنیای واقعی (2022)

تبدیل شدن به یک طراح در سال 2022! یادگیری نحوه استفاده از Figma برای طراحی زیبا و برنامه های کاربردی وب سایت های یادگیری با استفاده از روش های یادگیری.

عنوان اصلی : UI/UX Design With Figma : 5+ Real World Projects(2022)

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

اصول طراحی UI / UX:
تفاوت بین UX و UI
مقدمه ای به فیما:
معرفی به فیما و دانلود و نصب فیما به دسکتاپ خود
فایل های Igma وارداتی در فیما
ابزار در شکل
Figma Layers Panel
اجزای فیما
Tab / Panel طراحی
ابزار متن و فونت
تصاویر در شکل
عملیات بولین در شکل
تقسیم بندی و توزیع فیما
کتابخانه های تیم فیما
پانل کد در شکل
Prototyping در شکل
پیمایش افقی و عمودی
ماسک در شکل
Fiicma Exports | .jpg .pg .pg .pdf | صرفه جویی در پروژه به .fig
Mockup در فتوشاپ
پلاگین ها در فیما:
پلاگین ها در شکل
5 باید پلاگین ها را برای طراحان Figma داشته باشند!
wireframing 101:
Wireframing چیست؟
wireframing با figma
نحوه ایجاد wireframe in wireframe.cc
راه اندازی تیم و ایجاد یک پروژه تیم:
ایجاد یک پروژه جدید و فایل در Figma
پروژه 1 - برنامه تحویل مواد غذایی (Lattofatto):
wireframing for lattofatto
صفحه نام تجاری برای lattofatto
صفحه ورود به سیستم برای Lattofatto
صفحه ثبت نام برای Lattofatto
صفحه منو برای lattofatto
Prototyping برای lattofatto
پروژه 2 - وب سایت جریان OTT. :
Wireframing برای پلت فرم جریان OTT
پلت فرم جریان OTT
Prototyping برای پلت فرم جریان OTT
پروژه 3 - برنامه پخش موسیقی:
برنامه موسیقی خود را طراحی کنید
Musify App UI
Prototyping برنامه Musify
پروژه 4 - وب سایت رسانه های اجتماعی:
Wireframing برای برنامه رسانه های اجتماعی
وب سایت رسانه های اجتماعی وب سایت UI
پروژه 5:
پروژه 5 (مهارت های UI / UX خود را تست کنید)
راه های ایجاد رابط کاربری جذاب:
سیستم های شبکه ای در طراحی وب و UI
15 چیزهایی که طراحی UI شما را روشن می کنند !!
الهام بخش و منابع:
5 وب سایت هایی که باید ببینید! الهام بخش طراحی وب
سخنرانی پاداش