Gestalt Principles

What are Gestalt principles?

Gestalt principles come from Gestalt psychology, shaped in the early 20th century by researchers including Max Wertheimer, Wolfgang Köhler and Kurt Koffka. They describe how we do not perceive isolated dots and lines but connected groups and shapes. This happens automatically and almost instantly, before we consciously read anything.

These principles matter most for interfaces:

• Proximity: Things placed close together belong together.
• Similarity: Things that look alike probably do the same thing.
• Common region: Elements inside a border or on a shared surface form a unit.
• Closure and continuity: We fill in gaps and follow lines.
• Figure and ground: We separate foreground from background.

Why Gestalt principles matter

Your layout communicates structure before anyone reads a single word. When spacing and grouping are right, users instantly see which pieces of information belong together. When they are off, people get confused, even if every line of copy is correct.

How to use Gestalt principles in practice

• Space with intent: Keep the gap inside a group smaller than the gap between groups.
• Style alike things alike: Give every clickable element of the same type a consistent look.
• Use containers sparingly: Add cards and borders when content truly forms a unit, not as decoration.
• Try the blur test: Look at your screen out of focus. The groups should still be obvious.

Example

In a SaaS form, each label sits exactly halfway between two input fields. Test participants type their phone number into the company field. Moving each label closer to its own field makes the relationship unmistakable.