Building awesome Color Schemes for your UI Design Projects
4.5 (216 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,369 students enrolled

Building awesome Color Schemes for your UI Design Projects

Step by Step Color Scheme building guide for beginners to create your next Web Design, Mobile App UI & Dashboard Designs
4.5 (216 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,369 students enrolled
Last updated 1/2020
English
English [Auto]
Current price: $119.99 Original price: $199.99 Discount: 40% off
1 day left at this price!
30-Day Money-Back Guarantee
This course includes
  • 4.5 hours on-demand video
  • 3 articles
  • 12 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
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
Requirements
  • Nothing Special
  • Having some familiarity with any Design tool
Description

If you take two things away from any Design, it is meaningless. One is Typography and second one is COLOR.

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

Enroll now and let's start building awesome Color Schemes


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
Course content
Expand all 42 lectures 04:33:53
+ Introduction
3 lectures 12:33

In this lesson, I will introduce you to the core concepts of Color Scheme design we are going to cover inside this course

Preview 01:58

How colors impact your decision making, user experience and overall usability of your UI Designs and Web Designs

Preview 05:22

Learn how colors are used in Branding and how they affect our daily decisions of using or buying a product

Color Shapes our Decisions
05:13
+ Basics of Colors for UI Design
9 lectures 01:09:21

Learn whats the major difference in RGB and CMYK Color modes and what are Color Profiles that we use in UI Design

RGB vs CMYK Color Modes and What are Color Profiles
07:18

Learn about the basics of Color Theory and Color Wheel along with what are Warm and Cool Colors

Learning about the Color Wheel
06:43

Most Color Scheme Designers don't tell you what are neutral colors and how they have been used a lot in any color scheme even in Interior Design

Preview 03:44

Lets see some more examples of Warm, Cool and Neutral Colors so you can learn more about them

Examples of Warm Cool and Neutral Colors
07:33
Show me a screenshot or image of colors you like or a color scheme you love the most Your favourite color scheme
What is your favourite color scheme or colors? Show me
1 question

How Colors interact with each other on Color Wheel and what are

  • Monochromatic

  • Analogous

  • Complementary

  • Split Complementary

  • Triad Color Schemes

Color Harmony and Relationships
12:59

Let's see some live example usage of different types of Color Schemes

Examples of Color Scheme Harmony
12:59

What are the emotions and psychology behind each color in a color scheme and when and why to select a particular color

Basics of Color Psychology
07:27

Let's learn about Gender psychology of Colors. What type and which colors are most liked by men and by women?

Preview 04:08

Lets test your basic knowledge of Colors

Lets test Basics of Colors
9 questions
PICKUP is a Food Delivery firm. Select a color based on color psychology that will work for the color scheme of PICKUP company
Color Psychology → Select your First Color of your Color Scheme
1 question

In this lesson, I will show you how colors effect the personality of a brand or App or your Web Design

Preview 06:30
+ Mastering Secrets of Color Schemes for Beginners
7 lectures 38:17

Color Scheme Tools and Resources to use them in your next UI Design Project

→ Download Resources and Tools for Color Scheme
00:07

Each Color has some purpose or function in UI Design so learn what each color conveys to a user and how to use colors in a better way

Preview 05:09

One thing you need to master to learn everything about Color Scheme creation which is Hue Saturation and Lightness

Preview 06:51

Secret Technique of creating effective Shades and Tints each time in your Color Schemes

Secrets of Tints, Tones and Shades in Color Scheme
05:39
Create your first Monochromatic Color Scheme for an app for Designers called SWISH SWISH is a prototyping App for Designers
Creating Color Scheme with HSL → Monochromatic Color Scheme
1 question

Learn this one Secret Principle behind all great Color Schemes and use that to always create a lovely Color Scheme

Single Secret for creating Awesome Color Scheme
08:01

How to use Subtle Differences in Color Values or Shades to create nice User Interfaces and how most wise UI Designers do when they Color Scheme a App Screen

Magic of Subtle Color Differences in UI Design
04:49

Another secret technique to create color shades in a better way

Secret Technique to create Shades of your Colors
07:41
+ Creating a Color Scheme from Scratch
8 lectures 01:08:38

What should be your first step in creating any color scheme? Where you must start and how many steps you need to take to create an effective color scheme

How to build a Color Scheme (First Step)?
04:28

Picking your first color in your color scheme is the most difficult question for every novice so this video shows you the answer

How to pick your Starting First Color?
06:08

Let's create an awesome color scheme by using just a single Blue Color

Creating your First Color Scheme with One Color
07:59

Let's add some contrast by adding a new contrasting color in your Color Scheme

Adding Second Color to Color Scheme for Contrast
08:45
Propose a color scheme comprised of 5 color SecureDot is a online security firm which wants to build Professional and Strong image in their customer's minds Create a color scheme minimum 2 different colors that can be used to build their image
Propose a Color scheme for SecureDot online security firm
1 question

What are status colors in UI Design and how to create Status Colors

What are Status Colors?
12:34

Example usage of Dashboard Color Scheme and what techniques you can use to make your Dashboard Color Scheme look nicer

Color Scheme for Dashboard Design
11:45

What are Color Scales and what tools you can use to create them in your UI Design

What are Color Scales?
12:26

In this lesson, you will learn another secret of Color Scheme Design which is to start with a Grey Scaled version of your screen or design

Always Start your Color Scheme in Grey Scale
04:33
Create a grey scale + Colored version of a Signup Screen for SecureDot Firm Create a color purpose chart along with it and mention the purpose of colors on each color
Assigning Purpose to your Colors in Color Scheme
1 question
+ Accessible Color Schemes for UI Designs
4 lectures 31:03

How to create Accessible Color Schemes which everyone can easily understand and use

About Color Scheme Accessibility
06:25

Let me show you how some Dribbble and Behance designs failed the Contrast Ratio Standards

Dribbble and Behance Color Contrast Ratio Fails
03:36

Online tools you can use to check Color Contrast Ratio and Color Accessibility

Online Tools for Contrast Ratios and Color Scheme Accessibility
14:42

In this lesson, I will show you a plugin that can be used to check the Color Accessibility and Contrast Ratios and its available for both Adobe XD and Sketch App

Color Accessibility Plugin Stark for Adobe XD & Sketch
06:20
+ Managing Colors in Sketch, Adobe XD and Photoshop
4 lectures 17:21

How to name your Colors properly to create a color system to use in your Designs

Naming your Colors Properly
03:00

How to generate Color Styles in Sketch to be used in your UI Designs?

Creating Color Styles in Sketch App
05:16

How to manage colors in Adobe XD when you are designing a User Interface

Managing Colors in Adobe XD
03:24

How to sort and manage colors in Adobe Photoshop and how to load and save swatches in Photoshop

Managing Colors in Adobe Photoshop
05:41
+ Tools and Resources for Color Scheme Generation
7 lectures 30:13

Learn about Google Chrome and Firefox helpful extensions for Color Scheme Design

Preview 06:59

Online tools I mostly use to create awesome color schemes

7+ Online Tools for Color Schemes
10:06

You will learn about few color inspirational Websites and Instagram accounts to get better at color scheme

Online sites to Find Color Inspirations
06:03

Resources and tools to create cool color Gradients for your Web Design or UI Design projects

Resources to generate Color Gradients
04:41

What to do next after this course?

What to do NEXT?
00:37

Colors are important so does your monitor or LED screen you are using to Design with

Preview 00:04

Here are Discount Coupons just for my Students

BONUS LECTURE
01:43