User Experience Design – Learn UI UX App Design with Figma

User Experience Design – Learn UI UX App Design with Figma, available at $49.99, has an average rating of 4.22, with 77 lectures, based on 263 reviews, and has 24049 subscribers.

You will learn about Become a Successful UI/UX designer. Visual design fundamentals: Master color psychology, the 60-30-10 rule, select font that enhances readability and brand identity, and iconography. Organization: Keep everything neat, finding what you need in a flash. UX principles and laws: Build user-centered apps that anticipate needs and solve real problems. Learn to design wireframes and low fidelity prototypes Learn to build high-fidelity mockup and prototype by following best practices. How to use Figma for Essential UX Design & UI Design This course is ideal for individuals who are Anyone who like to become a UI/UX designer or Anyone who wants to start using Figma in their career & get paid for their user experience design skills. or Anyone who wants to learn the basics of wireframes and low-fidelity prototypes or Anyone who wants to learn the A-Z of building high-fidelity mockups and interactive prototypes! It is particularly useful for Anyone who like to become a UI/UX designer or Anyone who wants to start using Figma in their career & get paid for their user experience design skills. or Anyone who wants to learn the basics of wireframes and low-fidelity prototypes or Anyone who wants to learn the A-Z of building high-fidelity mockups and interactive prototypes!.

Enroll now: User Experience Design – Learn UI UX App Design with Figma

Summary

Title: User Experience Design – Learn UI UX App Design with Figma

Price: $49.99

Average Rating: 4.22

Number of Lectures: 77

Number of Published Lectures: 77

Number of Curriculum Items: 77

Number of Published Curriculum Objects: 77

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Become a Successful UI/UX designer.
Visual design fundamentals: Master color psychology, the 60-30-10 rule, select font that enhances readability and brand identity, and iconography.
Organization: Keep everything neat, finding what you need in a flash.
UX principles and laws: Build user-centered apps that anticipate needs and solve real problems.
Learn to design wireframes and low fidelity prototypes
Learn to build high-fidelity mockup and prototype by following best practices.
How to use Figma for Essential UX Design & UI Design

Who Should Attend

Anyone who like to become a UI/UX designer
Anyone who wants to start using Figma in their career & get paid for their user experience design skills.
Anyone who wants to learn the basics of wireframes and low-fidelity prototypes
Anyone who wants to learn the A-Z of building high-fidelity mockups and interactive prototypes!

Target Audiences

Anyone who like to become a UI/UX designer
Anyone who wants to start using Figma in their career & get paid for their user experience design skills.
Anyone who wants to learn the basics of wireframes and low-fidelity prototypes
Anyone who wants to learn the A-Z of building high-fidelity mockups and interactive prototypes!

Ready to launch your UI UX app design journey or take your skills to the next level? This class is your rocket fuel!

We’re ditching dry theory and jumping right into pixel-perfect reality. Turn your vision into a stunning mobile app, one pixel at a time.

Here’s what you’ll master:

The importance of wireframes and prototypes in the early stages of the design process.
How to use the Figma design tool.
How to design low-fidelity wireframes.
How to design high-fidelity mockups.
How to create interactive prototypes.
Visual design fundamentals: Master color psychology, the 60-30-10 rule, select font that enhances readability and brand identity, and iconography.
Organization: Keep everything neat, finding what you need in a flash.
UX principles and laws: Build user-centered apps that anticipate needs and solve real problems.
UI design: build high-fidelity mockup and prototype by following best practices.

Who’s this class for?

Anyone who wants to learn the A-Z of creating wireframes and low-fidelity prototypes. then turn them to high-fidelity mockups and interactive prototypes! No prior experience is needed, just a passion for creating amazing apps.

Your co-pilot on this journey? Me! We’ll craft a delicious food-ordering app together, mastering UX/UI principles along the way. By the end, you’ll be ready to conquer any app you dream of.

Benefits? Buckle up!

Master visual design and UX principles: From colors and fonts to user journeys, you’ll build a rock-solid foundation.
Craft stunning high-fidelity mockups and prototypes: Say hello to your future portfolio!
Become a user-centered design champion: Build apps that truly solve problems and make life easier.

What are the requirements for taking this class?

A computer/laptop with access to the Internet.
A Figma account.

Ready to launch your UI/UX design journey? Let’s get started!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Welcome to UX UI App Design Course

Lecture 2: Introduction to wireframes

Lecture 3: Introduction to prototype and different between wireframe and prototype

Chapter 2: Wireframe Basics

Lecture 1: Figma Introduction

Lecture 2: Design first wireframe for Gmail app

Lecture 3: Design second wireframe for YouTube Studio app

Lecture 4: Design third wireframe for Instagram

Lecture 5: Design fourth wireframe for Linkedin

Chapter 3: Design Wireframes for Food Delivery App

Lecture 1: Intro to design wireframe for food delivery app

Lecture 2: Design home page wireframe for food delivery app

Lecture 3: Design search page wireframe for food delivery app

Lecture 4: Design single food page for food delivery app

Lecture 5: Build cart page for food delivery app

Lecture 6: Build order confirm popup for food delivery app

Lecture 7: Design add to cart popup for food delivery app

Lecture 8: Do final touch up to wireframe before convert to prototype

Chapter 4: Create prototype of food delivery app

Lecture 1: Create prototype of food delivery app – Part 01

Lecture 2: Create prototype of food delivery app – Part 02

Lecture 3: Test food delivery app prototype

Chapter 5: First Assignment

Lecture 1: Assignment details

Chapter 6: UX Visual Design – Select Colors

Lecture 1: Introduction to UX Visual Design

Lecture 2: Selecting Colors Using Color Psychology

Lecture 3: Selecting a Primary Color

Lecture 4: The 60-30-10 Rule

Lecture 5: Creating the Color Palette

Lecture 6: Color Accessibility Check

Lecture 7: Bonus Lecture – Easy Ways to Select Colors

Chapter 7: UX Visual Design – Typography

Lecture 1: Fundamentals of Typography

Lecture 2: Message and Emotion in Typography

Lecture 3: How to Use the Google Fonts Website

Lecture 4: Selecting Fonts for a New Food Delivery App

Chapter 8: UX Visual Design – Iconography

Lecture 1: Iconography

Chapter 9: UX Design Basics

Lecture 1: Design System

Lecture 2: UX Principles and Laws

Lecture 3: Information Architecture (IA)

Chapter 10: UI Design with Figma

Lecture 1: Creating a Figma Account

Lecture 2: Grid Layout

Lecture 3: Auto Layout Basics

Chapter 11: Brand Logo

Lecture 1: Designing a Brand Logo

Chapter 12: Hi-Fi Mockups with Figma

Lecture 1: Sticker Sheet

Lecture 2: Hi-Fi Mockups Introduction

Lecture 3: Designing the Header

Lecture 4: Improving the Header

Lecture 5: All About Components

Chapter 13: Hi-Fi Mockups Design – Homepage

Lecture 1: Designing the Search Box

Lecture 2: Designing the Category Section

Lecture 3: Adding Content to Categories

Lecture 4: Designing Popular Foods Section

Lecture 5: Making Changes to Food Item Component

Lecture 6: Adding Content for Food Items

Lecture 7: Designing Recommended Foods Section

Chapter 14: Hi-Fi Mockups Design – Search Page

Lecture 1: Designing Search Page

Lecture 2: Designing Search Results Section

Lecture 3: Pro Tip to Improve UI Design Skills

Chapter 15: Hi-Fi Mockups Design – Single Food Page

Lecture 1: Designing Single Food Page

Lecture 2: Designing Dollar Amount Preview and Star Rating

Lecture 3: Creating Count Controller and Adding to Cart Button

Lecture 4: Adding Description Section

Lecture 5: Creating Reviews Section

Chapter 16: Hi-Fi Mockups Design – Cart Page

Lecture 1: Designing Cart Page

Lecture 2: Changing My Cart Design

Lecture 3: Designing Cart Items Summary Section

Lecture 4: Adding Content to the My Cart Section

Lecture 5: Designing Cart Page – Part 05

Lecture 6: Designing Cart Page – Part 06

Chapter 17: Fixing UI/UX Issues and design footer menu

Lecture 1: Fixing UI/UX Issues in the Design

Lecture 2: Designing Footer Menu

Chapter 18: HI-FI Prototype

Lecture 1: Prototype Introduction

Lecture 2: How to Use the Prototype Tab to Make Design Interactive

Lecture 3: Prototyping – Part 2

Lecture 4: Making Carousel Scroll

Lecture 5: Adding Footer Menu to Frames

Lecture 6: Adding Connection to Popup

Lecture 7: Adding Horizontal Scrolling to Review Section

Lecture 8: Making the Search Box Interactive

Lecture 9: Using Variables to Remove Cart Items

Chapter 19: Second Assignment

Lecture 1: Assignment and Thank you!

Instructors

Gihan Akalanka
UI/UX Designer for mobile apps and websites

Rating Distribution

1 stars: 6 votes
2 stars: 7 votes
3 stars: 46 votes
4 stars: 104 votes
5 stars: 100 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu