Super Practical Guide to Color Theory, Color Models and Perfect Color Palettes | UI Design
Maybe you’ve followed all the color harmony and color theory tutorials to a tee and generated a complimentary color palette, but you notice that the colors don’t seem to match very well, perhaps they looks harsh or a bit muddy and unprofessional and you don’t really know why.
The part that's often missing is understanding tone, tint, shade and temperature
What I discovered is that on digital screens, there is a formula and safe range of Saturation and Brightness that will result in a perfect palette for each category every time.
In this super practical guide, I'll show you how to setup your design apps (Sketch or Figma) and create color palettes that match every single time. Using a few tricks and a few numbers.
#uidesign #colorpalettes #colors
⏳ Timestamps:
00:00 - Intro
1:23 - Color theory overview
2:09 - Color levers and balance
5:07 - Color models
6:15 - CMYK
7:04 - RGB
7:47 - HSB
9:08 - Switching color models in your app
10:24 - Warm vs Cool colors
11:04 - Color categories and color families
11:47 - 6 color categories
12:34 - Category 1: Jewel tones
12:56 - How to apply the color category formula
17:51 - Category 2: Pastel tones
18:21 - Category 3: Earth tones
19:17 - Category 4: Neutral tones
20:05 - Category 5: Fluorescent tones
20:57 - Category 6: Shades
21:30 - Combining color categories
21:42 - UI color combinations
22:07 - Why we don't talk about color this way (but probably should)
🗣 Did you find this technique easy? Were you able to create some nice colors using it?
🔗 Full article here - https://designerup.co/blog/practical-guide-to-perfect-ui-color-palettes
📚Product Design (UI/UX) Course - https://designerup.co/product-design-ui-ux-course
📝 DesignerUp Blog - https://designerup.co/blog
📺 DesignerUp Free Live Webinars - https://designerup.co/webinars
Видео Super Practical Guide to Color Theory, Color Models and Perfect Color Palettes | UI Design канала DesignerUp
The part that's often missing is understanding tone, tint, shade and temperature
What I discovered is that on digital screens, there is a formula and safe range of Saturation and Brightness that will result in a perfect palette for each category every time.
In this super practical guide, I'll show you how to setup your design apps (Sketch or Figma) and create color palettes that match every single time. Using a few tricks and a few numbers.
#uidesign #colorpalettes #colors
⏳ Timestamps:
00:00 - Intro
1:23 - Color theory overview
2:09 - Color levers and balance
5:07 - Color models
6:15 - CMYK
7:04 - RGB
7:47 - HSB
9:08 - Switching color models in your app
10:24 - Warm vs Cool colors
11:04 - Color categories and color families
11:47 - 6 color categories
12:34 - Category 1: Jewel tones
12:56 - How to apply the color category formula
17:51 - Category 2: Pastel tones
18:21 - Category 3: Earth tones
19:17 - Category 4: Neutral tones
20:05 - Category 5: Fluorescent tones
20:57 - Category 6: Shades
21:30 - Combining color categories
21:42 - UI color combinations
22:07 - Why we don't talk about color this way (but probably should)
🗣 Did you find this technique easy? Were you able to create some nice colors using it?
🔗 Full article here - https://designerup.co/blog/practical-guide-to-perfect-ui-color-palettes
📚Product Design (UI/UX) Course - https://designerup.co/product-design-ui-ux-course
📝 DesignerUp Blog - https://designerup.co/blog
📺 DesignerUp Free Live Webinars - https://designerup.co/webinars
Видео Super Practical Guide to Color Theory, Color Models and Perfect Color Palettes | UI Design канала DesignerUp
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
How to Apply a Color Palette to Your Design – TutorialUI Design | How to choose colors and color palettesColor Theory - A Beginners GuideCOLOR THEORY FOR ARTISTS | Resources and Step by Step Techniques for Painting, Mixing and ComposingThe Science of Great UILecture 116 - Color Theory (Spring 2016 - Evening)How I Organize Colors for a UI Design Project5 Best Design Systems and How to Learn (and Steal) From ThemColor Theory Basics 1: VocabularyINTERIOR DESIGN COLOR COMBINATION | Home Decor Tips & Ideas on how to combine colorsUI Color Gradients: How To Create Mesh, Aurora, and Blended GradientsHow to Combine Colors in Your Home | Designing Your Home Interior Color PaletteGraphic Design Tutorial: Typography Design & Art Direction pt. 1Graphic Design Theory #1 - Color Part 1UI Design: How to Choose Colors for Map DataCOLOR THEORY BASICS: Use the Color Wheel & Color Harmonies to Choose Colors that Work Well TogetherChoosing a Perfect Color Palette For Your Home Like a PRO! Interior Design Tips to Combine ColorsHow to Choose Colors (Easy 3-Step Process)Marketing Color Psychology: What Do Colors Mean and How Do They Affect Consumers?Give your site a fantastic color scheme fast