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
-
46Q&A: Auto layout explainedVideo lesson
-
47Designing the Category SectionVideo lesson
-
48Adding Content to CategoriesVideo lesson
-
49Designing Popular Foods SectionVideo lesson
-
50Making Changes to Food Item ComponentVideo lesson
-
51Adding Content for Food ItemsVideo lesson
-
52Designing Recommended Foods SectionVideo lesson
-
69Prototype IntroductionVideo lesson
-
70How to Use the Prototype Tab to Make Design InteractiveVideo lesson
-
71Prototyping - Part 2Video lesson
-
72Making Carousel ScrollVideo lesson
-
73Adding Footer Menu to FramesVideo lesson
-
74Adding Connection to PopupVideo lesson
-
75Adding Horizontal Scrolling to Review SectionVideo lesson
-
76Making the Search Box InteractiveVideo lesson
-
77Using Variables to Remove Cart ItemsVideo lesson
