Balance ist die ausgewogene Verteilung des visuellen Gewichts auf einer Fläche. Laut Nielsen Norman Group ist eine Gestaltung im Gleichgewicht, wenn auf beiden Seiten einer gedachten Achse gleich viel optisches Signal liegt, nicht unbedingt gleich verteilt. Es gibt symmetrische, asymmetrische und radiale Balance.
- Balance (visuelles Gleichgewicht)
Die ausgewogene Verteilung des visuellen Gewichts auf einer Fläche, symmetrisch oder asymmetrisch.
Beispiel: „Für die Balance steht dem großen Bild rechts ein kräftiger Button links gegenüber.“Abgrenzung zur Symmetrie: Sie ist eine Form der Balance, aber nicht die einzige. Gleichgewicht entsteht auch aus ungleichen Hälften.
Was visuelles Gewicht ausmacht
Das Gewicht eines Elements hängt laut Nielsen Norman Group von Größe, Farbe, Kontrast und Position ab; entscheidend ist die Fläche, nicht die Zahl der Elemente. Rudolf Arnheim beschrieb Gleichgewicht 1954 in Art and Visual Perception als Ausgleich von Kräften. Eine Studie von 2011 fand allerdings, dass die Höhe eines Elements für das Gleichgewicht keine Rolle spielt, anders als Arnheim annahm.
Drei Arten von Balance
Symmetrische Balance spiegelt beide Hälften und wirkt ruhig. Asymmetrische Balance gleicht verschiedene Elemente gegeneinander aus und wirkt bewegter. Radiale Balance ordnet alles um einen Mittelpunkt an und lenkt den Blick laut Nielsen Norman Group immer zur Mitte.
Balance im Webdesign
Ist eine Seite aus dem Gleichgewicht, zieht eine Seite allen Blick ab, und der Rest wird übersehen. Ein schneller Test: Bildschirm aus der Entfernung ansehen und prüfen, ob eine Hälfte deutlich schwerer wirkt. Dann hilft es, Elemente zu verschieben, zu verkleinern oder ein Gegengewicht zu setzen.