Building Awesome Color Schemes for Web & UI Design Projects

Muhammad Ahsan, UI UX Visual Designer 10+ Years

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
38 Lessons (4h 8m)
    • 1. Introduction to Color Scheme Course

      1:58
    • 2. Why Colors Are Important for UX and Usability

      5:22
    • 3. RGB vs CMYK Color Modes

      7:18
    • 4. Color Wheel 101

      6:43
    • 5. What are Neutral Colors?

      3:44
    • 6. Examples of Warm, Cool and Neutral Colors in UI Design

      7:33
    • 7. Color Relationship Theory

      12:59
    • 8. Examples Of Color Harmony

      12:59
    • 9. 1st Project Pick First Color

      1:30
    • 10. Secrets of creating Shades Tints Tones

      5:39
    • 11. Color Psychology 101

      7:27
    • 12. Gender Color Psychology

      4:08
    • 13. Color Scheme Effecting Personality of your Design

      6:30
    • 14. Purpose of Each Color in UI Design

      5:09
    • 15. Sharpe on Dull Color - Contrast Secret of Colors

      8:01
    • 16. How I Build My Color Schemes Steps

      4:28
    • 17. How to pick up your First Color

      6:08
    • 18. Creating Your First Color Scheme With Single Color

      7:59
    • 19. 2nd Project Create Monochromatic color scheme

      1:08
    • 20. Adding Second Color For Contrast

      8:45
    • 21. Status Colors in UI Design

      12:34
    • 22. Dashboard Colors Schemes

      11:45
    • 23. Making Accessible Color Schemes

      6:25
    • 24. Tools For Color Scheme Accessibility

      14:42
    • 25. Stark Plugin For Color Accessibility

      6:20
    • 26. 3rd Project Color Scheme with Purpose

      1:00
    • 27. Magic of Subtle Color Differences

      4:49
    • 28. What Are Color Scales?

      12:26
    • 29. 4th Project - Color Scheme with Scales

      2:49
    • 30. 12 Always Design In Grey Scale

      4:33
    • 31. Naming your Colors Properly

      3:00
    • 32. Using Style Generator Plugin In Sketch

      5:16
    • 33. Managing colors in Adobe XD

      3:24
    • 34. Managing Colors In Photoshop

      5:41
    • 35. Browser Extensions To Find Colors

      6:59
    • 36. Online Tools For Color Schemes I Use

      10:06
    • 37. Finding Color Inspirations Online

      6:03
    • 38. Online tool for Color Gradients

      4:40
34 students are watching this class

About This Class

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