The Ultimate UI Colors Masterclass
5h 35m 10s
English
Paid
Course description
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
Watch Online The Ultimate UI Colors Masterclass
0:00
/ #1: Start Here
All Course Lessons (37)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Start Here Demo | 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 |
Unlock unlimited learning
Get instant access to all 36 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionBooks
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 |
Comments
0 commentsSimilar courses
The Path to Senior Product Designer: A Growth Plan for a UX Design Career
Sources: Artiom Dashinsky
Master the skills that help designers get promoted. Knowing all the tricks in Figma does not guarantee a promotion. Learn 12 skills that...
6 hours 28 minutes 9 seconds
Kickstart your UI/UX Design Career / DesignCourse UI/UX
Sources: Gary Simon
Join the most interactive course for learning UI/UX Design with Gary Simon. The DesignCourse UI/UX Curriculum is taught entirely with Figma. You will go from ab
16 hours 33 minutes 33 seconds
The Design Manual - The only guide you need to master mobile designadr
Sources: (UI) Adrian (Adrian Kuleszo)
"The Design Manual" is a comprehensive guide designed for mastering mobile design. The book combines theory and practice, providing…
28 minutes 12 seconds
Complete Web & Mobile Designer in 2023: UI/UX, Figma, +more
Sources: udemy, zerotomastery.io
Using the latest best practices in Web Design and Mobile Design as well as User Interface and User Experience Design (UI/UX), this course focuses on efficiently
20 hours 31 minutes 41 seconds
UI Design Foundations
Sources: Andrija Prelec
Lay the foundation for your skills in UI design and equip yourself with the necessary knowledge and abilities to create captivating digital interfaces. Study...
4 hours 30 seconds
Want to join the conversation?
Sign in to comment