Zum Inhalt springen

Gesetz der Geschlossenheit

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 10.11.2026

Das Gesetz der Geschlossenheit besagt, dass das Auge unvollständige Formen ergänzt und als ganze Figur wahrnimmt. Ein Kreis mit Lücken wirkt trotzdem wie ein Kreis, vier Ecken wirken wie ein Quadrat. Max Wertheimer beschrieb diesen Faktor 1923; im Webdesign macht er schlanke Icons, Logos und angeschnittene Inhalte verständlich.

Gesetz der Geschlossenheit

Ein Gestaltgesetz: Das Auge ergänzt Lücken und nimmt unvollständige Formen als geschlossen wahr.
Beispiel: „Nach dem Gesetz der Geschlossenheit erkennt jeder im Icon aus drei Linien ein Haus.“

Abgrenzung zum Gesetz der Nähe: Nähe bildet Gruppen aus getrennten Teilen, Geschlossenheit ergänzt eine Form zu einem Ganzen.

Drei Felder: links zwei Punktgruppen, die nur durch Abstand getrennt sind, in der Mitte Spalten aus Kreisen und Quadraten, rechts ein unterbrochener Kreis.
Rechts das Gesetz der Geschlossenheit: Der unterbrochene Kreis wird trotzdem als Kreis gesehen.

Wie das Gesetz der Geschlossenheit wirkt

Wertheimer zeigte, dass Linien, die zusammen eine abgeschlossene Fläche bilden, als Einheit gesehen werden, auch wenn andere Gruppierungen näherlägen. Das Gehirn bevorzugt die geschlossene Form, weil sie die einfachere Erklärung ist.

Das Gesetz der Geschlossenheit im Interface

Viele Icons bestehen aus wenigen Strichen und werden trotzdem als vollständiger Gegenstand gelesen. Logos nutzen den Effekt, um mit Weißraum eine zweite Form entstehen zu lassen.

Ein anderer Fall ist der angeschnittene Inhalt: Ein Element, das am Rand eines Sliders oder einer Liste abgeschnitten ist, signalisiert laut Nielsen Norman Group, dass weitere Inhalte folgen. Wer alle Karten exakt bündig enden lässt, versteckt dagegen, dass sich weiterwischen lässt.

Wo das Gesetz der Geschlossenheit an Grenzen stößt

Ergänzen gelingt nur, wenn genug von der Form zu sehen ist. Ein Icon mit zu wenigen Strichen wird mehrdeutig, und dann hilft eine Beschriftung mehr als jede Verfeinerung der Linien.

Siehe auch:

Gestaltgesetze (Gesetze der Wahrnehmung)

Regeln der Wahrnehmung, nach denen das Auge einzelne Elemente zu Gruppen und Formen zusammenfasst.

#Gestaltungsgrundlagen

Gesetz der Nähe

Ein Gestaltgesetz: Was nah beieinandersteht, wird als zusammengehörig wahrgenommen.

#Gestaltungsgrundlagen

Gesetz der Ähnlichkeit

Ein Gestaltgesetz: Elemente, die gleich aussehen, werden als zusammengehörig wahrgenommen.

#Gestaltungsgrundlagen

Icons

Kleine Bildzeichen, die eine Funktion oder einen Inhalt auf einen Blick erkennbar machen.

#Website-Struktur #Gestaltungsgrundlagen

Slider

Bereich, der mehrere Inhalte nacheinander an derselben Stelle zeigt und zwischen ihnen wechselt.

#Website-Struktur