Visual Hierarchy & Perception
Law of Proximity
Near elements are perceived as related.
Takeaways
- 1
Tight spacing inside groups, generous spacing between groups.
- 2
Pair labels directly with their inputs.
- 3
Do not rely on color alone to show relationships.
Origins
Proximity is one of the strongest grouping cues in visual perception. Elements placed close together are interpreted as belonging to the same task or category, even without explicit labels.
Inconsistent spacing is a common source of form confusion and mis-taps.
Design Applications
- Keep helper text adjacent to the field it describes.
- Separate unrelated actions with clear vertical rhythm.
- Align metadata clusters near the content they annotate.
Frequently Asked Questions
What is the Law of Proximity?
Near elements are perceived as related.
How do you apply Law of Proximity in UI design?
Keep helper text adjacent to the field it describes. Separate unrelated actions with clear vertical rhythm. Align metadata clusters near the content they annotate.
Why does Law of Proximity matter for user experience?
Tight spacing inside groups, generous spacing between groups. Pair labels directly with their inputs. Do not rely on color alone to show relationships.
Further Reading
Related Principles
View all
Visual Hierarchy & Perception
Law of Common Region
Elements within a bounded area are perceived as a group.
Visual Hierarchy & Perception
Law of Similarity
Similar elements are perceived as belonging together.
Cognitive Load & Decision Making
Chunking
Break information into meaningful groups to aid comprehension.