Visual Hierarchy & Perception
Law of Proximity
Near elements are perceived as related.
In practice
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.
Related Principles
View all ›Visual Hierarchy & Perception
Law of Common Region
Elements within a bounded area are perceived as a group.
Learn more ›Visual Hierarchy & Perception
Law of Similarity
Similar elements are perceived as belonging together.
Learn more ›Cognitive Load & Decision Making
Chunking
Break information into meaningful groups to aid comprehension.
Learn more ›Tools worth a look
Some links are affiliate links — see disclosure.
- 25% lifetime
Anara
AI research & writing for designers
Learn more (opens in new tab) - Free plan
Fillout
Beautiful forms, fast
Learn more (opens in new tab) - Free plan
Cal.com
Scheduling without the back-and-forth
Learn more (opens in new tab) - AI dictation
Wispr Flow
Write by voice, 3× faster
Learn more (opens in new tab)