Proximity
Objects placed close together are perceived as related, making grouping and hierarchy clear
Space Signals Connection
Distance between elements implies the strength of their connection
Distance Hierarchy
Closer items have stronger perceived relationships, increase whitespace to signal a different relationship
Modularity
Break content into digestible chunks using proximity to structure information.
When to Use
- •
Group related items in navigation menus
- •
Cluster form fields and labels for clarity
- •
Use spacing to show logical content sections
- •
Organize cards or lists by category
- •
Group CTAs with relevant information
When Not to Use
- •
When unrelated items are grouped too closely
- •
If spacing is needed to emphasize key elements
- •
When dense layouts overwhelm users
- •
If proximity overrides the need for whitespace
Common Pitfalls
- •
Overcrowding elements, reducing readability
- •
Grouping unrelated items, causing confusion
- •
Failing to differentiate mobile tap targets
- •
Ignoring the balance of spacing and grouping
Become a better designer
Sign up for Links for Thinks — a weekly roundup of design resources sent straight to your inbox.
The Gestalt Principle of Proximity for Designers, Explained
Built In / Lukas Oppermann
The Gestalt Principle of Proximity for Designers, Explained
Built In / Lukas Oppermann
Gestalt Theory for UX Design: Principle of Proximity
tubik / Marina Yalanska
Gestalt Theory for UX Design: Principle of Proximity
tubik / Marina Yalanska
The Law of Proximity
Interaction Design Foundation
The Law of Proximity
Interaction Design Foundation
Gestalt Principles of Design — Proximity
Christopher Butler
Gestalt Principles of Design — Proximity
Christopher Butler
Proximity Principle in Visual Design
Nielson Norman Group / Aurora Harley
Proximity Principle in Visual Design
Nielson Norman Group / Aurora Harley