Every screen competes for attention. Visual hierarchy tells users where to look, in what order, and why.
The Four Levers
- Size — Larger elements dominate
- Contrast — High contrast draws the eye
- Spacing — Isolated elements feel important
- Position — Top-left and center get seen first (in LTR layouts)
F-Pattern and Z-Pattern
Users scan in predictable patterns. Place key content along these paths: headlines top-left, CTAs along the scanning line, supporting info in secondary zones.
One Primary Action Per View
Every screen should have a single obvious next step. Secondary actions use outline buttons or text links.