Visually Separate Elements

Visually Separate Elements - Visually Separate Elements
Image: uidesign.tips

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

In the example below:

A is too complex and distracts the user, but both B & C can be used on real-life user interfaces.

B puts more attention on differentiating the sections. C makes the UI look cleaner.

Share
Like this article? Invite your friends to read :D
Post a Comment