User Experience Design - Learn UI UX App Design with Figma
- Description
- Curriculum
- FAQ
- Reviews
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!
-
9Intro to design wireframe for food delivery appVideo lesson
-
10Design home page wireframe for food delivery appVideo lesson
-
11Design search page wireframe for food delivery appVideo lesson
-
12Design single food page for food delivery appVideo lesson
-
13Build cart page for food delivery appVideo lesson
-
14Build order confirm popup for food delivery appVideo lesson
-
15Design add to cart popup for food delivery appVideo lesson
-
16Do final touch up to wireframe before convert to prototypeVideo lesson
-
21Introduction to UX Visual DesignVideo lesson
-
22Selecting Colors Using Color PsychologyVideo lesson
-
23Selecting a Primary ColorVideo lesson
-
24The 60-30-10 RuleVideo lesson
-
25Creating the Color PaletteVideo lesson
-
26Color Accessibility CheckVideo lesson
-
27Bonus Lecture - Easy Ways to Select ColorsVideo lesson
-
45Designing the Search BoxVideo lesson
-
46Designing the Category SectionVideo lesson
-
47Adding Content to CategoriesVideo lesson
-
48Designing Popular Foods SectionVideo lesson
-
49Making Changes to Food Item ComponentVideo lesson
-
50Adding Content for Food ItemsVideo lesson
-
51Designing Recommended Foods SectionVideo lesson
-
68Prototype IntroductionVideo lesson
-
69How to Use the Prototype Tab to Make Design InteractiveVideo lesson
-
70Prototyping - Part 2Video lesson
-
71Making Carousel ScrollVideo lesson
-
72Adding Footer Menu to FramesVideo lesson
-
73Adding Connection to PopupVideo lesson
-
74Adding Horizontal Scrolling to Review SectionVideo lesson
-
75Making the Search Box InteractiveVideo lesson
-
76Using Variables to Remove Cart ItemsVideo lesson
External Links May Contain Affiliate Links read more