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

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

اصول طراحی UI/UX Fundamentals of UI/UX design

• تفاوت بین UX و UI The difference between UX and UI

مقدمه ای بر figma Introduction to figma

• معرفی Figma و دانلود و نصب Figma در دسکتاپ Intro To Figma and Download & Install Figma to your desktop

• رابط/داشبورد Figma Figma Interface/Dashboard

• وارد کردن فایل های Figma در Figma Import Figma Files in Figma

• ابزار در Figma Tools in Figma

• پنل لایه های Figma Figma Layers Panel

• اجزای فیگما Figma Components

• برگه/پانل طراحی Design Tab/Panel

• ابزار متن و فونت Text Tool and Fonts

• تصاویر در Figma Images in Figma

• عملیات بولی در Figma Boolean Operations in Figma

• Figma تراز و توزیع Alignment & Distribution Figma

• کتابخانه های تیم Figma Figma Team Libraries

• پنل کد در Figma The Code Panel in Figma

• نمونه سازی در Figma Prototyping in Figma

• پیمایش افقی و عمودی Horizontal & Vertical Scrolling

• ماسک در Figma Masks in Figma

• صادرات فیگما | .JPG .PNG .SVG .PDF | ذخیره پروژه در .fig Figma Exports | .JPG .PNG .SVG .PDF | Save Project into .fig

• ماکت در فتوشاپ Mockup in photoshop

پلاگین ها در Figma Plugins in Figma

• پلاگین ها در Figma Plugins in Figma

• 5 پلاگین که باید برای طراحان Figma وجود داشته باشد! 5 MUST HAVE Plugins For Figma Designers!

وایرفریم 101 Wireframing 101

• Wireframing چیست؟ What Is Wireframing?

• وایرفریم با Figma Wireframing with Figma

• نحوه ایجاد Wireframe در wireframe.cc How To Create Wireframe in wireframe.cc

راه اندازی تیم و ایجاد یک پروژه تیمی Team setup and creating a team project

• یک پروژه و فایل جدید در Figma ایجاد کنید Create a New Project and File in Figma

• همکاری در زمان واقعی (تیم) Collaborate in real-time(Teams)

پروژه 1 - برنامه تحویل غذا (Lattofatto) Project 1 - Food delivery app (Lattofatto)

• وایرفریم برای لاتوفاتو Wireframing for lattofatto

• صفحه نام تجاری lattofatto Brand name page for lattofatto

• صفحه ورود به سیستم lattofatto Sign in page for lattofatto

• صفحه ثبت نام برای lattofatto Signup page for lattofatto

• صفحه منو برای lattofatto Menu page for lattofatto

• نمونه سازی برای Lattofato Prototyping for Lattofatto

پروژه 2 - وب سایت پخش OTT. Project 2 - OTT streaming website.

• Wireframing برای پلتفرم پخش OTT Wireframing for OTT streaming platform

• پلتفرم پخش OTT OTT streaming platform

• نمونه سازی برای پلتفرم پخش OTT Prototyping for OTT streaming platform

پروژه 3 - برنامه پخش موسیقی Project 3 - Music player app

• برنامه موسیقی خود را طراحی کنید Design your music app

• رابط کاربری برنامه را موزیفا کنید Musify app UI

• نمونه سازی برنامه Musify Prototyping Musify app

پروژه 4 - وب سایت رسانه های اجتماعی Project 4 - Social media website

• Wireframing برای برنامه رسانه های اجتماعی Wireframing for social media app

• طراحی UI وب سایت رسانه های اجتماعی social media website UI design

پروژه 5 Project 5

• پروژه 5 (مهارت های UI/UX خود را آزمایش کنید) project 5 (Test your UI/UX skills)