Gestalt = How users make sense of what they see
Our brains don’t see elements in isolation. We look for patterns, relationships, and meaning.
Proximity & Similarity
Users assume elements that are close together or look alike belong together.
Closer = Related
Proper spacing in forms improves usability and reduces cognitive load.
Closure: Users fill in the blanks
Our brains complete missing shapes and patterns without needing full detail.
Continuity: We follow paths without thinking
You can shape the journey using implied structure and direction.
Use Closure & Continuity to Guide Users
The eye prefers to follow smooth, continuous lines and flows.
Use Closure & Continuity to Guide Users
The eye prefers to follow smooth, continuous lines and flows.
Figure/Ground: What Stands Out, Gets Seen
Our brains separate the “main thing” from the background — strong contrast = clear focus.
Common Fate: Moving Together = Connected Meaning
When elements move or animate together, we see them as a group, even if they’re far apart.
Highlight What Matters: Make Actions Obvious
Use contrast, animation, and motion to guide interaction — no guesswork needed.
Back to Top