Gestalt Lab
Each tab is a Gestalt law. Move the slider or flip the switch and watch how your eye groups, completes, or separates what it sees, even though not a single element changes.
Law of proximity
Elements that are close together are perceived as a group.
In design: bring together what belongs together (a label and its field, a heading and its paragraph) and separate what doesn’t. The space between elements communicates more than a dividing line.
Law of similarity
Elements that look alike are perceived as a group, even when they are the same distance apart.
What do some shapes have in common that others don’t?
In design: give the same style to whatever serves the same function (all action buttons, all links) and a different style to whatever doesn’t. That way users learn the rule without reading it.
Law of closure
The eye completes incomplete shapes: it sees the whole figure even when parts are missing.
In design: logos with open outlines work because the viewer closes the shape. Use it to lighten a design, but leave enough clues: if too many are missing, the shape falls apart.
Law of continuity
The eye follows smooth lines and curves: it prefers to continue in the same direction rather than turn sharply.
The dots are always the same. Change how the rule colors them:
In design: an alignment line, a curve, or a row of icons guides the eye from one element to the next. It is the basis of a page’s visual flow: where reading begins and where it ends.
Law of figure and ground
The eye separates what stands out (the figure) from what stays behind (the ground). Sometimes it can pick either one, but never both at once.
What do you see as the figure?
In design: negative space is a tool: good logos hide a second figure in the background. But it is also a risk: if figure and ground compete, the message gets confused.
Law of symmetry
Symmetrical elements are perceived as a unit, and symmetrical compositions convey order.
Six brackets at the same distance. Change which one the pattern starts with:
In design: symmetry gives stability and solemnity (banks, institutions). Asymmetry gives dynamism, but it needs to balance the visual weights: otherwise it looks like a mistake.
Takeaway
You have seen the six laws with the same elements and different results. The common message is that the eye doesn’t register isolated elements: it builds relationships. It groups what is close (proximity) and what looks alike (similarity), completes what is missing (closure), follows what flows (continuity), decides what is figure and what is ground, and rewards balance (symmetry).
As a designer, you don’t decide whether the eye will group things: it always will. You decide what it groups. Before delivering a design, ask yourself what relationships someone will see who doesn’t know what you meant to say.