Die Figur-Grund-Beziehung beschreibt, wie das Auge ein Bild in Vordergrund und Hintergrund aufteilt: Die Figur tritt hervor, der Grund tritt zurück. Erforscht hat sie der dänische Psychologe Edgar Rubin, der 1915 die berühmte Kippfigur aus Vase und Gesichtern veröffentlichte. Im Webdesign entscheidet die Figur-Grund-Beziehung darüber, was als Inhalt und was als Fläche gelesen wird.
- Figur-Grund-Beziehung
Die Trennung eines Bildes in hervortretende Figur und zurücktretenden Grund durch die Wahrnehmung.
Beispiel: „Durch die Figur-Grund-Beziehung liest jeder das weiße Feld auf dem abgedunkelten Hintergrund als Dialog.“Auch: Figur-Grund-Prinzip.
Abgrenzung zum Kontrast als Gestaltungsmittel: Kontrast ist das Werkzeug, die Figur-Grund-Beziehung das, was die Wahrnehmung daraus macht.
Woher die Figur-Grund-Beziehung kommt
Rubin zeigte mit seiner Vase, dass dieselbe Kontur zu zwei Bildern gehören kann. Wer die Vase sieht, sieht keine Gesichter, und umgekehrt. Die Figur besitzt die Grenzlinie, so fasst es die Forschung heute zusammen: Kippt das Bild, wechselt auch die Zuordnung der Kontur.
Figur und Grund im Webdesign
Ein Modal ist das deutlichste Beispiel: Es legt den Inhalt dahinter still, und der abgedunkelte Hintergrund macht ihn zum Grund. Karten mit eigener Fläche, schwebende Buttons und Schatten nutzen dasselbe Prinzip im Kleinen.
Wenn Figur und Grund kippen
Probleme entstehen, wenn beide gleich stark sind. Text auf einem unruhigen Hero-Bild verliert seine Rolle als Figur, sobald Bild und Schrift ähnlich hell sind. Eine abgedunkelte Fläche hinter dem Text oder ein ruhiger Bildausschnitt stellt die Ordnung wieder her, und das Kontrastverhältnis zeigt, ob sie für alle reicht.