bih - color

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