Building awesome Color Schemes for your UI Design Projects
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.
More
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
- 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
Watch Online Building awesome Color Schemes for your UI Design Projects
| # | Title | Duration |
|---|---|---|
| 1 | Introduction to Color Scheme Course | 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 |
Similar courses to Building awesome Color Schemes for your UI Design Projects
The Sketch Guide
Design Mobile Apps: UI, UX & Prototyping in Adobe XD & PS
Digital Asset Designer: Creating and Selling Mockups
Learn Sketch: The Basics
