domains / families / design / visual-hierarchy

visual-hierarchy

separate

Establish hierarchy through size, weight, colour, spacing, and position so the eye lands in the intended order. Use when composing new work. For judging an existing screen, use `critique-visual-hierarchy` (visual-critique).

When to use

• composing new work
• establishing visual hierarchy
• guiding user attention
• designing interface hierarchy

When not to use

• judging an existing screen

Skill page

Source