Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

Building Awesome Color Schemes for Web & UI Design Projects

via Skillshare

Overview

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 Basics for Digital Design
  • Creating awesome Color Scheme using just Single Color
  • How to add more Colors to your Color Scheme
  • Purpose of Colors 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
  • 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

Syllabus

  • Introduction to Color Scheme Course
  • Why Colors Are Important for UX and Usability
  • RGB vs CMYK Color Modes
  • Color Wheel 101
  • What are Neutral Colors?
  • Examples of Warm, Cool and Neutral Colors in UI Design
  • Color Relationship Theory
  • Examples Of Color Harmony
  • 1st Project Pick First Color
  • Secrets of creating Shades Tints Tones
  • Color Psychology 101
  • Gender Color Psychology
  • Color Scheme Effecting Personality of your Design
  • Purpose of Each Color in UI Design
  • Sharpe on Dull Color - Contrast Secret of Colors
  • How I Build My Color Schemes Steps
  • How to pick up your First Color
  • Creating Your First Color Scheme With Single Color
  • 2nd Project Create Monochromatic color scheme
  • Adding Second Color For Contrast
  • Status Colors in UI Design
  • Dashboard Colors Schemes
  • Making Accessible Color Schemes
  • Tools For Color Scheme Accessibility
  • Stark Plugin For Color Accessibility
  • 3rd Project Color Scheme with Purpose
  • Magic of Subtle Color Differences
  • What Are Color Scales?
  • 4th Project - Color Scheme with Scales
  • 12 Always Design In Grey Scale
  • Naming your Colors Properly
  • Using Style Generator Plugin In Sketch
  • Managing colors in Adobe XD
  • Managing Colors In Photoshop
  • Browser Extensions To Find Colors
  • Online Tools For Color Schemes I Use
  • Finding Color Inspirations Online
  • Online tool for Color Gradients
  • Tricks to create gradients NEW Lesson
  • Luminace of Colors in Color Scheme NEW Lesson
  • Whats Next?

Taught by

Muhammad Ahsan

Reviews

Start your review of Building Awesome Color Schemes for Web & UI Design Projects

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.