Visual Hierarchy

Summary

Using size, weight, color and position to guide a viewer's eye to what matters most, in the right order — a core skill for making complex screens feel scannable rather than overwhelming.

• 1Critique a screen for unclear hierarchy — what should be seen first, and does it read that way?
• 2Practice redesigning a flat, same-weight layout to establish a clear primary/secondary/tertiary hierarchy.
• 3Learn how size, color, and whitespace each independently contribute to hierarchy.