Skip to Content

Visual Hierarchy

Book: Refactoring UI Book: Better Presentations
  • How important the elements in an interface appear in relation to each other

  • Things that are more important should be more prominent

    • Ex: Headings should be bigger.
    • Direct attention to that which matters
  • Related things go together

    • Things that go together should be spaced closer together
  • This could be because humans think relatively

  • Designs where multiple entities compete for your attention feels chaotic

Book: Don’t make me think, Typography, Design Emphasis, Design Actions,