Skip to main content

Building awesome Color Schemes for your UI Design Projects

4h 26m 11s
English
Paid

Colors are used to display and convey information. If you look at the Color Scheme of any Dashboard Design for Graphs, colors are there to create meaning and sense in the data it displays If the Color scheme of your Website or Mobile App Design is messed up, users can easily misunderstand your message. Colors attract and repel all animals, kids and adults in this world. Each Color scheme you develop have some psychological and emotional impact on the users that use your Website or the Mobile App you have Designed.

If you are designing for a Dashboard, then colors are the most important part of the UI (User Interface) of any dashboard which show stats

80% of the Designs on Dribbble have no sense of Color Accessibility

So in this course, you will master and learn from beginning

  • The Psychological effects of Colors

  • Color Theory Basics for Digital Design

  • Creating awesome Color Scheme using just Single Color

  • How to add more Colors to your Color Scheme

  • Purpose of Color in UI Design

  • Use of Status Colors in Dashboards

  • Color Contrast Ratios and building accessible Color Schemes with Color Accessibility

  • How many shades/Colors you need in your Color Scheme

  • Easily creating a Color Scale for your Color Scheme

  • How to manage Colors in Adobe Photoshop, Adobe XD and Sketch

  • Online Tools for Generating color Schemes

  • Downloadable resources to kick-start any color scheme with examples

Ease your pain of Building awesome Color Schemes for your Web Design, Mobile App Design or Dashboard Design projects

Requirements:

  • Nothing Special
  • Having some familiarity with any Design tool

Who this course is for:
  • Graphic Designers shifting to UI Design
  • Web Designers
  • UI Designers
  • Novice Designers
  • Beginner Designer
  • Web Developer who want to learn something about Colors
  • Anyone who wants to make sense of Colors

What you'll learn:

  • Learn basics of Colors in UI Design
  • How to use Single Color to create awesome Color Schemes
  • Improve UX and Usability by mastering Color Schemes
  • Craft meaningful experiences by assigning purpose to Colors
  • Impact users emotionally by designing great Color Schemes
  • Feel confident in creating and mixing Colors in your App Designs
  • Color Accessibility and Contrast ratios in Color Scheme Building
  • 30+ Color Schemes to kick start any UI Design Project
  • 20+ Online Tools and Resources for Color Scheme creation

About the Author: udemy

udemy thumbnail
By connecting students all over the world to the best instructors, Udemy is helping individuals reach their goals and pursue their dreams. Udemy is the leading global marketplace for teaching and learning, connecting millions of students to the skills they need to succeed. Udemy helps organizations of all kinds prepare for the ever-evolving future of work. Our curated collection of top-rated business and technical courses gives companies, governments, and nonprofits the power to develop in-house expertise and satisfy employees’ hunger for learning and development.

Watch Online 39 lessons

This is a demo lesson (10:00 remaining)

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

View Pricing
0:00
/
#1: Introduction to Color Scheme Course
All Course Lessons (39)
#Lesson TitleDurationAccess
1
Introduction to Color Scheme Course Demo
01:59
2
Improve User Experience and Usability with Colors
05:23
3
Color Shapes our Decisions
05:14
4
RGB vs CMYK Color Modes and What are Color Profiles
07:19
5
Learning about the Color Wheel
06:44
6
What are Neutral Colors?
03:45
7
Examples of Warm Cool and Neutral Colors
07:34
8
Color Harmony and Relationships
13:00
9
Examples of Color Scheme Harmony
13:00
10
Basics of Color Psychology
07:28
11
Most liked Colors by Men and Women
04:09
12
Case Study в†’ How Colors Effects the Brand Personality?
06:31
13
Purpose of Each Color in UI Design
05:10
14
Master HSL Color Mode for Color Scheme creation
06:52
15
Secrets of Tints, Tones and Shades in Color Scheme
05:40
16
Single Secret for creating Awesome Color Scheme
08:02
17
Magic of Subtle Color Differences in UI Design
04:50
18
Secret Technique to create Shades of your Colors
07:42
19
How to build a Color Scheme (First Step)?
04:29
20
How to pick your Starting First Color?
06:09
21
Creating your First Color Scheme with One Color
08:00
22
Adding Second Color to Color Scheme for Contrast
08:46
23
What are Status Colors?
12:35
24
Color Scheme for Dashboard Design
11:46
25
What are Color Scales?
12:27
26
Always Start your Color Scheme in Grey Scale
04:34
27
About Color Scheme Accessibility
06:26
28
Dribbble and Behance Color Contrast Ratio Fails
03:37
29
Online Tools for Contrast Ratios and Color Scheme Accessibility
14:43
30
Color Accessibility Plugin Stark for Adobe XD & Sketch
06:21
31
Naming your Colors Properly
03:01
32
Creating Color Styles in Sketch App
05:17
33
Managing Colors in Adobe XD
03:25
34
Managing Colors in Adobe Photoshop
05:42
35
Color Scheme Browser Extensions
07:00
36
7+ Online Tools for Color Schemes
10:07
37
Online sites to Find Color Inspirations
06:04
38
Resources to generate Color Gradients
04:42
39
What to do NEXT?
00:38
Unlock unlimited learning

Get instant access to all 38 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription