View
236
Download
9
Category
Tags:
Preview:
DESCRIPTION
UX Bootcamp @ Microsoft Innovation Center + Botswana Innovation Hub
Citation preview
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 color to highlight selections and important buttons
• consider psychology of color
• Use too many colors
• Use opposing colors
• Use color in too many places on your interface
- receding- soothing- relaxing- professional
- energizing- passion - enthusiasm - happiness
Cool Colors
Warm Colors
Complementary(opposing Colors)
Sit next to each other on the color wheel
Are opposite each other on the color wheel
Related Colors
Red, Green, and Yellow are sometimes used as status indicators, where Red is an Alert/Danger, and Green is Good.
Health Peace Growth
OptimismWarmth
Friendly Confident Cheerful
Trust Strength Dependable
Creative ImaginationRoyal
Passionate Fiery Bold Robust
Hue
Pure color
Tint
Color + white
Shade
Color + black
Use Colors within the Same Family or Base Hue
Same Base Hue
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
Recommended