1 of 9

Slide Notes

DownloadGo Live

Design Principles

Published on Nov 19, 2015

CRAP principles illustrated

PRESENTATION OUTLINE

Design Principles

Contrast, Repetition, Alignment, Proximity
Photo by @superamit

Contrast

Photo by Leshaines123

Strong Contratst

  • Color
  • Shape
  • Size
  • Direction

Repetition

Photo by mortimer?

Repeating

  • Reforces the structure
  • Pattern recognition
  • Clear relationship
Photo by VinothChandar

Alignment

Photo by Jill Clardy

Alignment

  • Understand direction
  • Order of reading
  • Avoid confusion
Photo by kkalyan

Proximity

Photo by David d'O

Proximity

  • Which data is related
  • What makes part
  • Group information
Photo by epSos.de