The Ultimate UI Colors Masterclass
5h 35m 10s
English
Paid
August 24, 2024
The course is filled with real advice and tricks from a senior product designer with ten years of experience in design.
In addition to learning how to work effectively with colors in UI design, you will also learn what changes need to be made depending on different situations or types of UX/UI design projects - from web applications to mobile applications, from websites to wearable devices.
This course is highly practical and includes many exercises that will help you consolidate the acquired knowledge.
Watch Online The Ultimate UI Colors Masterclass
Join premium to watch
Go to premium
| # | Title | Duration |
|---|---|---|
| 1 | Start Here | 04:04 |
| 2 | Make Your Learning a Success | 03:31 |
| 3 | Why Color Matters | 06:52 |
| 4 | Hue, Saturation, and Brightness | 06:05 |
| 5 | Hue, Saturation, and Brightness (Demo) | 19:04 |
| 6 | Shades, Tints, and Tones | 02:53 |
| 7 | How and Why to Group Colors | 07:19 |
| 8 | Color Systems Overview | 12:37 |
| 9 | Perceived Brightness | 03:34 |
| 10 | Perceived Brightness (Demo) | 13:47 |
| 11 | Accessibility | 07:56 |
| 12 | Color Harmonies | 08:46 |
| 13 | Color Psychology | 19:32 |
| 14 | Working with Color in Figma (Demo) | 15:32 |
| 15 | Primary and Interactive Colors | 03:55 |
| 16 | Accent Colors | 03:45 |
| 17 | Status (Semantic) Colors | 03:07 |
| 18 | Structural (Neutral) Colors | 05:34 |
| 19 | Grey and Almost Greys | 07:19 |
| 20 | Grey and Almost Greys (Demo) Part 1 | 17:44 |
| 21 | Grey and Almost Greys (Demo) Part 2 | 19:54 |
| 22 | You Need More Shades Than You Think | 02:51 |
| 23 | UI Color Palettes | 05:33 |
| 24 | Creating a UI Color Palette (Demo) Part 1 | 36:44 |
| 25 | Creating a UI Color Palette (Demo) Part 2 | 13:31 |
| 26 | Context Matters | 03:11 |
| 27 | Modifying Colors (Demo) | 16:05 |
| 28 | Fixing Clashing Colors (Demo) | 05:52 |
| 29 | Gradients | 03:16 |
| 30 | Gradients (Demo) | 11:47 |
| 31 | Hard Colors to Work With (Demo) | 10:32 |
| 32 | Dark UI | 05:08 |
| 33 | Dark UI (Demo) | 14:43 |
| 34 | Common Mistakes | 06:10 |
| 35 | Breaking the Rules | 02:38 |
| 36 | Main Takeaways | 02:11 |
| 37 | Congratulations | 02:08 |
Read Book The Ultimate UI Colors Masterclass
| # | Title |
|---|---|
| 1 | Supercharge Design - Color Glossary |
| 2 | Supercharge Design - Color Harmonies |
| 3 | Supercharge Design - Color Psychology |
| 4 | Supercharge Design - 50 Color Tools & Resources |
| 5 | Supercharge Design - Common Color Mistakes Cheat Sheet |
| 6 | Supercharge Design - Color in UI Design Cheat Sheet |
| 7 | Supercharge Design - Choosing Colors Questionnaire |
| 8 | Supercharge Design - Ready-to-go Color Palettes |
Similar courses to The Ultimate UI Colors Masterclass
UI Design Demo Videos Vault
Duration 12 hours 8 minutes 12 seconds
Course
The Ultimate UI Typography Masterclass
Duration 4 hours 53 minutes 7 seconds
Course
The UX Portfolio Formula - A UX portfolio course created by Sarah Doody
Duration 40 hours 27 minutes 54 seconds
Course
Kickstart your UI/UX Design Career / DesignCourse UI/UX
Duration 16 hours 33 minutes 33 seconds
Course
Complete Web & Mobile Designer in 2023: UI/UX, Figma, +more
Duration 21 hours 31 minutes 53 seconds
Course
UI Design Foundations
Duration 4 hours 30 seconds
Course
The Ultimate UI Grids & Layouts Masterclass
Duration 7 hours 6 minutes 36 seconds
Course