Hack Visual Hierarchy

Back to List

Hack visual hierarchy with these simple hacks:

• Reduce the opacity of secondary info • Use bold font-weight to emphasize • Scale your title's size by a fixed ratio (eg x1.25) • Arrange elements to the left side (for LTR users) • Group together relevant elements

More to explore

Visually Separate Elements

Prefer to visually separate menu sections with whitespace. Whitespace makes the UI look cleaner and request less cognitive effort from the user.