Visual Hierarchy

• Way to establish order of priority by manipulating characteristics

  • Size – larger elements more noticeable

  • Color – Bright colors typically attract more attention than muted ones

  • Contrast – Dramatically contrasted colors are more eye-catching

  • Alignment – Out-of-alignment elements stand out over aligned ones

  • Repetition – Repeating styles can suggest content is related.

  • Proximity – Closely placed elements seem related

  • Whitespace – More space around elements draws the eye towards them.

  • Texture and Style – Richer textures stand out over flat ones

• https://www.interaction-design.org/literature/topics/visual-hierarchy