User Experience Design – Learn UI UX App Design with Figma

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

Design User-Centered Mobile Apps and Solve Real Problems : User Interface, User Experience design, UX Design with Figma

1. Introduction

1. Welcome to UX UI App Design Course

2. Introduction to wireframes

3. Introduction to prototype and different between wireframe and prototype

2. Wireframe Basics

1.1 Create a FIgma account for free..html

1. Figma Introduction

2. Design first wireframe for Gmail app

3. Design second wireframe for YouTube Studio app

4. Design third wireframe for Instagram

5. Design fourth wireframe for Linkedin

3. Design Wireframes for Food Delivery App

1. Intro to design wireframe for food delivery app

2. Design home page wireframe for food delivery app

3. Design search page wireframe for food delivery app

4. Design single food page for food delivery app

5. Build cart page for food delivery app

6. Build order confirm popup for food delivery app

7. Design add to cart popup for food delivery app

8. Do final touch up to wireframe before convert to prototype

4. Create prototype of food delivery app

1. Create prototype of food delivery app - Part 01

2. Create prototype of food delivery app - Part 02

3. Test food delivery app prototype

5. First Assignment

1.1 Food delivery app Figma project.html

1. Assignment details

6. UX Visual Design - Select Colors

1. Introduction to UX Visual Design

2. Selecting Colors Using Color Psychology

3. Selecting a Primary Color

4. The 60-30-10 Rule

5. Creating the Color Palette

6. Color Accessibility Check

7. Bonus Lecture - Easy Ways to Select Colors

7. UX Visual Design - Typography

1. Fundamentals of Typography

2. Message and Emotion in Typography

3. How to Use the Google Fonts Website

4. Selecting Fonts for a New Food Delivery App

8. UX Visual Design - Iconography

1. Iconography

9. UX Design Basics

1. Design System

2. UX Principles and Laws

3. Information Architecture (IA)

10. UI Design with Figma

1.1 Create a FIgma account for free..html

1. Creating a Figma Account

2. Grid Layout

3. Auto Layout Basics

11. Brand Logo

1. Designing a Brand Logo

12. Hi-Fi Mockups with Figma

1. Sticker Sheet

2. Hi-Fi Mockups Introduction

3. Designing the Header

4. Improving the Header

5. All About Components

13. Hi-Fi Mockups Design - Homepage

1. Designing the Search Box

2. Designing the Category Section

3. Adding Content to Categories

4. Designing Popular Foods Section

5. Making Changes to Food Item Component

6. Adding Content for Food Items

7. Designing Recommended Foods Section

14. Hi-Fi Mockups Design - Search Page

1. Designing Search Page

2. Designing Search Results Section

3. Pro Tip to Improve UI Design Skills

15. Hi-Fi Mockups Design - Single Food Page

1. Designing Single Food Page

2. Designing Dollar Amount Preview and Star Rating

3. Creating Count Controller and Adding to Cart Button

4. Adding Description Section

5. Creating Reviews Section

16. Hi-Fi Mockups Design - Cart Page

1. Designing Cart Page

2. Changing My Cart Design

3. Designing Cart Items Summary Section

4. Adding Content to the My Cart Section

5. Designing Cart Page - Part 05

6. Designing Cart Page - Part 06

17. Fixing UIUX Issues and design footer menu

1. Fixing UIUX Issues in the Design

2. Designing Footer Menu

18. HI-FI Prototype

1. Prototype Introduction

2. How to Use the Prototype Tab to Make Design Interactive

3. Prototyping - Part 2

4. Making Carousel Scroll

5. Adding Footer Menu to Frames

6. Adding Connection to Popup

7. Adding Horizontal Scrolling to Review Section

8. Making the Search Box Interactive

9. Using Variables to Remove Cart Items

19. Second Assignment

1.1 Food delivery app Figma project.html

1. Assignment and Thank you!

179,000 تومان

افزودن به سبد خرید

خرید دانلودی فوری

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

تولید کننده: Udemy