Hack Visual Hierarchy

全部博客

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

更多内容探索

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.