UX Bootcamp - Color

Page 1

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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.