Knowledgebase

Using Colour Effectively Print

  • uiuxdesign, errors, guide, howto, solution, zillionkinghost, hosting, support
  • 0

Colour decisions.

WHAT COLOUR DOES

Signals meaning Creates emphasis Groups related things Carries brand

WHAT TO DECIDE

A small palette: a primary, a neutral range, and a few for meaning.

WHAT MEANING COLOURS ARE FOR

Success, warning, error, information.

WHAT TO KEEP CONSISTENT

The same colour meaning the same thing everywhere.

WHAT TO AVOID

Many colours with no assigned meaning Colour as the only way something is communicated Bright colours over large areas

THAT SECOND POINT

Anyone who cannot distinguish those colours receives no information.

Always pair colour with text, shape or position.

WHAT NEUTRALS DO

Most of the work.

A good interface is mostly neutral, with colour used sparingly for emphasis.

WHAT TO CHECK

Contrast against backgrounds How it looks in bright sunlight How it appears on a cheap screen

THAT LAST POINT

Colours that look subtle on a good monitor become invisible elsewhere.

WHAT TO TEST

In greyscale, to check nothing depends on colour alone.


Was this answer helpful?
Back

Are you happy with your experience? Leave us a review on Trustpilot.


Trustpilot