Phase 2 · Design Principles & Visual Design

Topics

Contrast & Whitespace

Part of the UI/UX Design Roadmap.

Summary

Contrast makes important elements stand out and improves accessibility; whitespace (negative space) gives elements room to breathe and dramatically improves perceived clarity and quality.

How to Learn This

  • 1Take a cluttered design and remove elements until only the essentials remain.
  • 2Check text/background contrast ratios against WCAG minimums using a free tool.
  • 3Learn why generous whitespace is often mistaken for 'wasted space' by non-designers, but rarely is.
InsideEdge

Stuck on this topic? Ask an Insider

Get 1:1 guidance from people who've walked this exact path — free on the InsideEdge app.

Download
InsideEdge