using color BIH UI/UX BOOTCAMP / Microsoft Innovation Center @ Botswana Innovation Hub / bihux.tumblr.com
Color
The Color of your brand affects how people per perceive your product. There are cultural and popular associations with colors. When using color in your designs, use color to draw attention to the brand and the most important things in your interface.
Do’s
Don’ts
• Use one base color • Use too many colors • Use color to highlight • Use opposing colors selections and • Use color in too many important buttons places on your • consider psychology interface of color
Cool Colors
- - - -
receding soothing relaxing professional
Warm Colors - - - -
energizing passion enthusiasm happiness
Related Colors
Sit next to each other on the color wheel
Complementary (ď´žopposing Colors)ď´ż Are opposite each other on the color wheel
Red, Green, and Yellow are sometimes used as status indicators, where Red is an Alert/Danger, and Green is Good.
Health Peace Growth
Optimism Warmth
Friendly Confident Cheerful
Trust Strength Dependable
Creative Imagination Royal
Passionate Fiery Bold Robust
Use Colors within the Same Family or Base Hue
Same Base Hue Hue
Tint
Pure color
Color + white
Shade Color + black
Same Family
Get Started
Use color to bring attention to where you want the eye to go
Get Started
Get Started
Get Started
Dark vs. Light
Technical, Dense, Futuristic, Sleek
Bright, Airy, Clean, Modern