Designpsychologie
Kernfrage
Wie ordnet das Auge die Welt?
Unser Gehirn empfängt ständig mehr Reize, als es verarbeiten kann. Es ordnet, vereinfacht und ergänzt, meist ohne dass wir es bemerken. Gestaltung kann diese Ordnungsleistung nutzen oder gegen sie arbeiten.
Lernziel: Du erkennst die Gestaltgesetze, benennst sie und setzt sie gezielt ein, um Layouts, Logos und Formulare klar zu gliedern.
Wer die Ordnung des Auges kennt, muss sie nicht erklären.
2.1 / Wie wir sehen
Sehen ist Deuten, nicht Abbilden.
Licht trifft auf die Netzhaut, die Signale werden im Gehirn verarbeitet. Dabei kommt zum Reiz immer Vorwissen hinzu: Erfahrungen und Erwartungen entscheiden mit, was wir erkennen. Deshalb sehen wir in einer Steckdose schnell ein Gesicht (Pareidolie).
Mustererkennung ist schnell und effizient, aber nicht fehlerfrei. Optische Täuschungen machen sichtbar, wie das System arbeitet: Beim Simultankontrast erscheint dasselbe Grau auf dunklem Grund heller als auf hellem Grund, obwohl der Wert identisch ist.
Für die Gestaltung heisst das: Wirkung entsteht im Zusammenspiel von Element, Umgebung und Betrachter. Ein Element lässt sich nie völlig isoliert beurteilen.
Wir sehen nicht, was da ist, sondern was wir erwarten.
2.2 / Gruppieren
Was zusammengehört, sehen wir als Gruppe.
01
Nähe
Elemente, die dicht beieinander stehen, gehören für uns zusammen. In Formularen steht die Beschriftung deshalb näher am eigenen Feld als am Feld darüber.
02
Ähnlichkeit
Elemente mit gleicher Farbe, Form oder Grösse wirken wie eine Gruppe. Gleich gestaltete Links werden als Links erkannt, auch ohne Erklärung.
03
Gemeinsames Schicksal
Elemente, die sich gemeinsam bewegen oder verändern, werden als Einheit gesehen, etwa Karten, die zusammen eingeblendet werden.
Nähe und Ähnlichkeit gruppieren schneller als jede Linie.
2.3 / Ergänzen
Das Auge macht aus Teilen ein Ganzes.
01
Geschlossenheit
Wir ergänzen unvollständige Formen zu einem Ganzen. Viele Logos arbeiten mit Lücken, die das Auge füllt.
02
Kontinuität
Das Auge folgt gern fliessenden Linien und Richtungen. Ausgerichtete Elemente wirken wie eine Linie und führen den Blick durch die Seite.
03
Figur und Grund
Wir trennen ein Objekt von seinem Hintergrund. Der Negativraum kann selbst eine Figur bilden, wie bei Logos mit einem versteckten Symbol im Zwischenraum.
04
Prägnanz
Wir bevorzugen die einfachste Deutung einer Form. Klare, einfache Formen werden schneller verstanden.
Das Auge ergänzt, was fehlt, solange die Form einfach bleibt.
2.4 / In der Praxis
Gestaltgesetze helfen bei jedem Layout.
01
Layout
Abstände zwischen Gruppen sind grösser als Abstände innerhalb einer Gruppe. Das gliedert eine Seite, ohne dass Linien nötig sind.
02
Logo
Figur und Grund, Geschlossenheit und Prägnanz machen Zeichen einprägsam und auch in kleiner Grösse erkennbar.
03
Navigation
Ähnlichkeit zeigt, dass Menüpunkte gleichrangig sind; Nähe und Einrückung zeigen, welche Punkte zu einem Oberpunkt gehören.
04
Formulare
Beschriftung nah am Feld, zusammengehörige Felder gruppieren, Hauptaktion deutlich von Nebenaktionen trennen.
Gestaltgesetze können gleichzeitig wirken oder konkurrieren. Welche Gruppierung entsteht, hängt auch von Aufgabe und Kontext ab; im Zweifel testen.
Gruppiere mit Abstand, nicht mit Linien.
Übung
Anwenden, auswerten, übertragen
Aufgabe: Entwirre ein überladenes Layout (Flyer oder Webseite) allein durch Gruppierung, Abstände und Ausrichtung. Texte und Bilder bleiben unverändert.
SCHRITT 1
Markiere im Ausgangslayout, was zusammengehört und was nicht.
SCHRITT 2
Lege Abstandsstufen fest (zum Beispiel klein, mittel, gross) und wende sie konsequent an.
SCHRITT 3
Richte Elemente an gemeinsamen Linien aus.
SCHRITT 4
Setze Ähnlichkeit gezielt ein: Gleiche Funktion bekommt gleiche Gestaltung.
Auswertung: Vergleicht Vorher und Nachher. Wo erkennt man die Struktur schneller? Welche Gestaltgesetze habt ihr genutzt, und wo habt ihr bewusst Ausnahmen gemacht?