Asymmetrie heißt, dass sich die Hälften einer Gestaltung unterscheiden: Text links, Bild rechts, eine große Fläche gegen ein kleines kräftiges Element. Gut gemacht ist sie trotzdem im Gleichgewicht. Seit den 1920er Jahren ist sie ein Kennzeichen moderner Typografie und heute der Normalfall im Webdesign.
- Asymmetrie
Eine Gestaltung, deren Hälften sich unterscheiden und die trotzdem im Gleichgewicht sein kann.
Beispiel: „Die Asymmetrie der Seite entsteht durch das große Foto links und den schmalen Textblock rechts.“Abgrenzung zur Symmetrie: Dort sind beide Hälften gleich. Asymmetrie ist kein Mangel an Ordnung, sie ordnet über Gewicht statt über Spiegelung.
Woher asymmetrische Gestaltung kommt
Jan Tschichold machte den asymmetrischen Satz 1925 im Sonderheft elementare typografie und 1928 in seinem Buch Die neue Typographie zum Programm. Laut Typolexikon stand er damit in einer Reihe mit El Lissitzky, Piet Zwart und dem Bauhaus. Der Swiss Style der 1950er Jahre verband asymmetrische Komposition mit Rastern und Groteskschriften.
Asymmetrie im Gleichgewicht
Eine asymmetrische Seite wirkt nur dann geordnet, wenn das visuelle Gewicht ausgeglichen ist. Ein kleines, dunkles oder farbiges Element kann eine große, helle Fläche aufwiegen; mehr dazu unter Balance. Ein Gestaltungsraster gibt der Asymmetrie die Kanten, an denen sie sich ausrichtet.
Asymmetrie im Webdesign
Die Nielsen Norman Group nennt Asymmetrie anregend: Sie erzeugt Bewegung und Spannung. Typische Beispiele sind Hero-Bereiche mit Text auf einer und Bild auf der anderen Seite oder Abschnitte, die abwechselnd links und rechts ausgerichtet sind.