<?xml version="1.0" encoding="utf-8"?>

Hierarchy design principle

Hierarchy design principle Bad Practice
Hierarchy design principle Best Practice

Hierarchy is used to guide users through a design, making content stand out in the order of importance. Achieving visual hierarchy can be done through scale, color, spacing, and placement of elements, and signals to users which part of a layout they should pay attention to first.

Hierarchy can be achieved through a number of other design principles, including movement and contrast.

Pro Tip: Use contrast and emphasis mindfully — if everything is calling for attention, then nothing will stand out.

Improve your UX & Product skills with interactive courses that actually work