The Gestalt principle stating that objects near each other are perceived as belonging together. In interface design, proximity is one of the most powerful and economical grouping tools available — simply placing related elements close together and unrelated elements farther apart creates perceived organization without needing explicit visual dividers.
Common contexts
- Tightening spacing between a form label and its input field to reduce the visual ambiguity of which label belongs to which field
- Using gap differences rather than borders to separate settings categories in a dense control panel
- Auditing a card layout where button placement makes it unclear which action belongs to which content block
Use when
Use proximity as your first grouping tool before reaching for borders, colors, or dividers — it produces cleaner layouts and communicates structure without visual noise.
Avoid when
Don't rely on proximity alone in dense interfaces with many small elements — at tight spacing, small gaps become invisible to users scanning quickly, and you need a secondary grouping signal.
Designers consistently underuse spacing as a communication tool — a 4px difference in gap can communicate more about information hierarchy than a bold font style.
Real-world examples
- Amazon places 'Add to Cart' and 'Buy Now' directly adjacent to the product price; eye-tracking studies show users scan this cluster as a decision unit without consciously moving their gaze between elements.
- Form usability research by Luke Wroblewski shows that top-aligned labels (close proximity to their input) reduce form completion time by 40% compared to left-aligned labels separated by a visual gap.
- Google Search uses tight vertical spacing between a result's title, URL, and description snippet to create a single 'result object' the eye reads atomically while scanning a page of ten results.