Autoplay
Autocomplete
Previous Lesson
Complete and Continue
UI Design Foundations
Files & Resources
Project Kick-off Questionnaire
UI Design Guides & Checklists
UI Design Checklist
Common UI Design Mistakes
Product to Analyze and Learn From Guide
Supercharge Design Icon Set
UI Design Resources List
Project Assets Checklist
UI Basics Kit (Ready-to-go UI Grid Systems)
UI Starter: Color Palette
UI Starter: Type Pairings
UI Mood Board Templates
UI Design Basics Kit
UI Design Glossary
UI Elements Guide
101 Tips Every Highly Effective UX/UI Designer Needs to Know
Supercharge Design Quick and Simple UI Kit
Introduction to UI Design
What is UI Design? (3:19)
Role of a UI Designer (4:53)
Overview of UI Design Tools (4:12)
Difference Between UI and UX Design (3:43)
UI Design Process (4:05)
Examples of Effective UI Design (4:02)
Quiz: Test Your Knowledge
UI Design Principles
Shapes (4:33)
Alignment (4:39)
Consistency (3:42)
Simplicity (2:58)
Sizing (2:39)
Accessibility (3:42)
Lights & Shadows (4:21)
Opacity & Blur (2:33)
Contrast (2:39)
Visual Hierarchy (3:34)
Quiz: Test Your Knowledge
UI Design Foundations: Color
Color Basics (6:50)
Color Tips & Tricks (4:58)
Quiz: Test Your Knowledge
UI Design Foundations: Typography
Typography Basics (4:53)
Typography Tips & Tricks (4:19)
Quiz: Test Your Knowledge
Visual Assets
Vector & Raster Graphics (4:09)
Iconography (4:27)
Illustrations (3:41)
Photos (4:48)
Quiz: Test Your Knowledge
Common UI Elements
Buttons (2:04)
Input Elements & Forms (1:58)
Navigation (1:47)
Modals (2:07)
Cards (1:43)
Lists (1:35)
Details Screens (2:59)
Tables (3:08)
States (2:47)
Quiz: Test Your Knowledge
UI Design Foundations: Grids & Layouts
Spacing (3:02)
Grid Basics (2:33)
Grid Tips & Tricks (3:55)
Layout Basics (2:27)
Responsive Design (4:10)
Quiz: Test Your Knowledge
Devices & Platforms
Websites (2:23)
Web Apps (2:19)
Mobile Apps (2:51)
Other (2:25)
Quiz: Test Your Knowledge
UI Design Foundations (Demo Videos)
💻 UI Design Foundations Demo (Part 1) (14:16)
💻 UI Design Foundations Demo (Part 2) (25:13)
💻 UI Design Foundations Demo (Part 3) (18:44)
UI Design Tips & Tricks
How to Build Your UI Taste (5:15)
Finding and Documenting Design Inspiration (2:24)
How to Design Above Your Level (5:44)
Approaching UI Design Projects (3:18)
Setting Design Direction (2:57)
Dealing with Design Blocks (2:53)
Career Tips & Tricks (6:31)
Quiz: Test Your Knowledge
💻 UI Design Foundations Demo (Part 1)
Complete and Continue