Key Insight
Elements that are close together are perceived as related or belonging to the same group.
Key Points
- •Proximity is processed before conscious thought—it's built into perception
- •Closer = related, further = separate (no boxes or lines needed)
- •Proximity often trumps color and shape for grouping
- •Whitespace creates implicit boundaries between groups
- •Inconsistent spacing confuses the visual hierarchy
- •[FIGURE 2.1 — Proximity grouping] Shows: Two grids of stars—2.1A has stars closer horizontally (seen as rows), 2.1B has stars closer vertically (seen as columns). Teaches: The brain automatically groups by proximity; changing spacing changes perceived grouping without changing elements. Reproduce as: Interactive dot grid with adjustable horizontal/vertical spacing.
Guidelines
- ✓Keep related form fields close together
- ✓Add more space between unrelated sections
- ✓Use tighter spacing within groups, looser spacing between groups
- ✗Don't rely solely on borders—spacing is more powerful
- ✗Avoid equal spacing everywhere; it flattens the hierarchy
Want to learn this interactively?
Experience hands-on experiments and test your understanding.
🔥
Practice this topic
Active recall — strengthens long-term retention