Skip to main content
CourseFlix

The Ultimate UI Colors Masterclass

5h 35m 10s
English
Paid

This course gives you clear and practical color skills for UI design. You learn from a senior product designer with years of real project work. You follow simple rules that you can use right away.

How Color Works in UI

You see how color changes across different screens. You learn what to watch for in web apps, mobile apps, websites, and wearables. You compare these setups and see why each one has its own needs.

Small Adjustments That Matter

You test how light, contrast, and size shift your color choices. You learn why a shade works in one place but fails in another. You make choices with clear reasons, not guesswork.

Practice Through Short Tasks

You solve small design tasks after each idea. These tasks help you build color habits that stick. You apply each rule so you can use it in real projects.

Learn by Doing

You adjust palettes, test contrast, and fix common color issues. You make simple changes and see fast results. Each task gives you one clear skill you can reuse.

About the Author: Andrija Prelec

Andrija Prelec thumbnail

Andrija Prelec is a product designer with a decade of industry experience.

He has worked on over 50 projects, including websites and mobile applications, which have reached more than 10 million users worldwide. Previously, he worked as a UX/UI designer at product design agencies (the most notable being the New York agency Five) and as a freelance product designer.

Currently, he is the CEO and lead designer at Sharc, as well as a UX instructor and mentor at Algebra. He focuses on developing product strategies, conducting user and market research, and creating impactful user interfaces and experiences. Outside of design, he has experience in hiring, mentoring, team management, client relationship building, and much more.

Andrija has trained thousands of current and future designers through his work, lectures, workshops, and courses. He also holds a master's degree in multimedia design.

Watch Online 37 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 37 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Start Here
All Course Lessons (37)
#Lesson TitleDurationAccess
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 subscription

Books

Read Book The Ultimate UI Colors Masterclass

#TitleTypeOpen
1Supercharge Design - Color GlossaryPDF
2Supercharge Design - Color HarmoniesPDF
3Supercharge Design - Color PsychologyPDF
4Supercharge Design - 50 Color Tools & ResourcesPDF
5Supercharge Design - Common Color Mistakes Cheat SheetPDF
6Supercharge Design - Color in UI Design Cheat SheetPDF
7Supercharge Design - Choosing Colors QuestionnairePDF
8Supercharge Design - Ready-to-go Color PalettesPDF