Skip to main content

Visual Hierarchy

Is about:​

  • how the user looks at a design
  • how to organize elements in the UI
  • how to sort elements in the UI based on for example importants

The element that grabs the users attention first is on top of the hierarchy

How to influence the hierarchy of elements​

  • Size
  • Color
  • Alignment
  • Contrast
  • Proximity
  • Repetition
  • Whitespace
    • more space between elemnts will draw ore attention to them