Visually Separate Elements

Visually Separate 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.

In the example below:

  • A uses dividers for everything

  • B uses a divider between sections

  • C uses only whitespace

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.

More to explore
More to explore

If you are looking to hire a product designer with experience in complex systems and strong commercial thinking, feel free to get in touch.

Open to full-time opportunities.

09:25:35

WeChat: planificatrice

372900498@qq.com

Designed & Developed

by Songchuan

All rights reserved,

youdesign.top ©2026

If you are looking to hire a product designer with experience in complex systems and strong commercial thinking, feel free to get in touch.

Open to full-time opportunities.

09:25:36

WeChat: planificatrice

372900498@qq.com

Designed & Developed

by Songchuan

All rights reserved,

youdesign.top ©2026

If you are looking to hire a product designer with experience in complex systems and strong commercial thinking, feel free to get in touch.

Open to full-time opportunities.

09:25:36

WeChat: planificatrice

372900498@qq.com

Designed & Developed

by Songchuan

All rights reserved, youdesign.top ©2026

Create a free website with Framer, the website builder loved by startups, designers and agencies.