EN

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
More to explore

Ready to elevate your brand experience?Let’s connect and build something remarkable together.

Available For Work

08:40:23

WeChat: planificatrice

372900498@qq.com

Designed & Developed

by Yhgang

All rights reserved,

Yhgang ©2026

Ready to elevate your brand experience?Let’s connect and build something remarkable together.

Available For Work

08:40:23

WeChat: planificatrice

372900498@qq.com

Designed & Developed

by Yhgang

All rights reserved,

Yhgang ©2026

Ready to elevate your brand experience?Let’s connect and build something remarkable together.

Available For Work

08:40:23

WeChat: planificatrice

372900498@qq.com

Designed & Developed

by Yhgang

All rights reserved, Xiaoyou ©2025

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