Prototypes in Figma
This course focuses on the user experience design dilemma of transitioning from low-fidelity to high-fidelity designs and prototypes in Figma. The course covers topics such as mockups, fundamental design elements, typography and iconography, grids and layouts, visual design principles, design systems and library, design critique sessions, high-fidelity prototypes, gestures and motion, and usability studies. The course also discusses user experience design principles such as emphasis, hierarchy, scale, and unity, and covers accessibility considerations such as assistive technologies. After completing the course, students will be able to plan, design, test, and hand off high-fidelity designs, create a case study for the portfolio project, and document and share designs with others.
Overview
Syllabus
01 Introduction To Course 5 Create High Fidelity Designs & Prototypes in Figma.
02 Kunal My Journey To UX.
03 Welcome To Week 1.
04 Introduction To Mockups.
05 Chikezie Transition From Low Fidelity To High Fidelity Designs.
06 Introduction To Foundational Elements of Visual Design.
07 Typography In UX Design.
08 The Importance of Typography.
09 Color In UX Design.
10 Iconography in UX Design.
11 Introduction To Layouts.
12 Use Grids To Guide Layouts.
13 Use Containment in Layouts.
14 Use Negative White Space In Layouts.
15 Wrap Up Starting To Create Mockups.
16 Welcome To Week 2.
17 Emphasis in UX Design.
18 Hierarchy in UX Design.
19 Scale & Proportion in UX Design.
20 Unity & Variety in UX Design.
21 Apply Gestalt Principles To Mockups.
22 Reflect On Your Progress.
23 Wrap Up Applying Visual Design Principles To Mockups.
24 Welcome To Week 3.
25 Introduction To Design Systems.
26 Benefits Of Design Systems.
27 Googles Design System Material Design.
28 Shopifys Design System Polaris.
29 Create A Sticker Sheet in Figma.
30 Use A Design System Library in Figma.
31 Shabi Consider Assistive Technologies When Working in Design Systems.
32 Wrap Up Exploring Design Systems.
33 welcome to week 4.
34 Give & Receive Feedback As A UX Designer.
35 The Basics Of Design Critique Sessions.
36 Best Practices For Design Critique Sessions.
37 Kunal My Experience With Design Critique Sessions.
38 Introduction To A Mock Crit Session.
39 Observe A Mock Crit Session.
40 Turn Crit Session Feedback into Actions.
41 Iterate On Mockups Based On Feedback From Crit Sessions.
42 Wrap Up Participating in Design Critique Sessions.
43 Welcome To Week 5.
44 Introduction To High Fidelity Prototypes.
45 Create A High Fidelity Prototype in Figma.
46 Gestures & Motion in UX Design.
47 Add Gestures & Motion in Figma.
48 Accessibility Considerations For Gestures & Motion.
49 Jen Design With Accessibility in Mind.
50 Learn From Figma Prototype Interactions & Feedback.
51 Wrap Up Creating High Fidelity Prototypes.
52 Welcome To Week 6.
53 Plan A UX Research Study.
54 Conduct A Usability Study.
55 Analyze & Synthesize Usability Study Results.
56 Iterate On High Fidelity Designs.
57 Identify When A Design Is Complete.
58 Document & Share Designs.
59 Hand Off Designs For Production.
60 Learn From Figma Prepare For Hand Off.
61 Create A Case Study For Your Portfolio Project.
62 Wrap Up Testing & Iterating On Designs.
63 Congratulations On Completing Course 5 Create High Fidelity Designs and.
Taught by
Explore The Knowledge
