Autoplay
Autocomplete
Previous Lesson
Complete and Continue
UI Colors Foundations
Files & Resources
Ready-to-go Color Systems
UI Colors (Basic) Assignments File
UI Colors Glossary
Color Harmonies Overview
Color Psychology Guide
50 Color Tools & Resources
Common Color Mistakes (Cheat Sheet)
Color in UI Design (Cheat Sheet)
Choose the Ideal Colors (Questionnaire)
Color Foundations
Why Color Matters (6:51)
Hue, Saturation, and Brightness (6:04)
Hue, Saturation, and Brightness (Demo) (19:03)
Shades, Tints, and Tones (2:52)
How and Why to Group Colors (7:18)
Color Systems Overview (12:36)
Perceived Brightness (3:33)
Perceived Brightness (Demo) (13:46)
Accessibility (Colors) (7:55)
Color Harmonies (8:45)
Color Psychology (19:31)
Quiz: Test Your Knowledge
Working With Color
Working with Color in Figma (Demo) (15:31)
Primary and Interactive Colors (3:54)
Accent Colors (3:44)
Status (Semantic) Colors (3:06)
Structural (Neutral) Colors (5:33)
Grey and Almost Greys (7:18)
Grey and Almost Greys (Demo) Part 1 (17:43)
Grey and Almost Greys (Demo) Part 2 (19:53)
You Need More Shades Than You Think (2:50)
Quiz: Test Your Knowledge
Color Systems Overview
Complete and Continue