Goldener Schnitt im Design: Mythos, Methode und Praxis

Der Goldene Schnitt gilt als Geheimformel für schöne Gestaltung, ist aber vor allem ein praktisches Hilfsmittel für Proportionen. Wer ihn kennt, kann ihn gezielt einsetzen. Wer ihm blind glaubt, tappt in einige hartnäckige Mythen. Grafik: designbote.com (eigene Darstellung)

Was ist der Goldene Schnitt?

Der Goldene Schnitt teilt eine Strecke so, dass sich die längere Teilstrecke zur kürzeren verhält wie die Gesamtstrecke zur längeren. Das Verhältnis beträgt etwa 1 : 1,618 und wird mit dem griechischen Buchstaben Phi (φ) bezeichnet. Mathematisch ist es die Zahl (1 + √5) / 2, eine irrationale Zahl ohne Ende und ohne Muster in den Nachkommastellen.

Für Gestalter ist vor allem eine Faustregel wichtig: Teilt man eine Fläche im Verhältnis von rund 62 zu 38 Prozent, entsteht eine Asymmetrie, die ausgewogen wirkt, ohne langweilig zu sein. Ein Rechteck im Goldenen Schnitt lässt sich zudem in ein Quadrat und ein kleineres Rechteck mit demselben Seitenverhältnis zerlegen, ein Vorgang, der sich beliebig oft wiederholen lässt.

Von Euklid bis Le Corbusier: Eine kurze Geschichte

Die erste bekannte Beschreibung stammt von Euklid, der das Verhältnis um 300 v. Chr. in seinen „Elementen“ als Teilung im äußeren und mittleren Verhältnis beschrieb. In der Renaissance machte der Mathematiker Luca Pacioli es 1509 mit seinem Buch „De divina proportione“ als „göttliche Proportion“ bekannt. Seinen heutigen Namen erhielt es erst im 19. Jahrhundert; 1854 verband Adolf Zeising es mit Körperproportionen.

Im 20. Jahrhundert wurde der Goldene Schnitt zum Werkzeug der Moderne. Le Corbusier baute ihn in sein Proportionssystem „Modulor“ ein, mit dem er Architektur am menschlichen Maß ausrichtete. Daraus entstand die Vorstellung, große Kunst folge immer dieser Formel. Genau diese Idee hält einer Prüfung nicht stand.

Praxis: Wo der Goldene Schnitt im Design hilft

Als Rechenhilfe taugt der Goldene Schnitt in vier Bereichen: bei Layout und Spalten, der Bildaufteilung, der Typografie und in Logos.

Layout und Spalten

Wird die Breite eines Layouts durch 1,618 geteilt, ergeben sich zwei Spalten, die harmonisch zueinander stehen. Bei einer Gesamtbreite von 960 Pixeln ergibt das eine Hauptspalte von etwa 593 und eine Seitenspalte von etwa 367 Pixeln. Für Webdesign ist das ein brauchbarer Startpunkt, etwa für Inhalt und Seitenleiste.

Bildaufteilung

Beim Zuschneiden eines Fotos oder Plakats kann der Hauptakzent auf eine der Linien gesetzt werden, die das Bild von den Außenkanten aus bei etwa 38 und 62 Prozent schneiden und so in neun Felder teilen. Die drei Abschnitte verhalten sich dabei wie 1 : 0,618 : 1. Das Ergebnis ähnelt der Drittelregel, ist aber etwas enger zur Mitte gezogen.

Typografie und Abstände

Schriftgrößen lassen sich als proportionale Reihe aufbauen, bei der jede Stufe das 1,618-Fache der vorherigen ist: 16, 26, 42 Pixel. Das ist eine geometrische Reihe und keine Fibonacci-Folge. Bei 16 Pixeln Fließtext entstehen so etwa 26 Pixel für Zwischenüberschriften und 42 Pixel für Hauptüberschriften. Die Reihe sorgt für eine klare Hierarchie, sollte aber auf Lesbarkeit geprüft und bei Bedarf gerundet werden.

Logos und Formen

In Logos hilft das Verhältnis, Kreise und Proportionen aufeinander abzustimmen. Entscheidend bleibt am Ende das Auge: Optische Korrekturen gehen vor mathematischer Genauigkeit.

Mythen: Was der Goldene Schnitt nicht kann

Viele bekannte Behauptungen sind schlecht belegt. Für den Parthenon widerspricht der Mathematiker Keith Devlin ausdrücklich, die Annahme lasse sich nicht durch Messungen stützen. Auch für Leonardo da Vincis „Mona Lisa“ gibt es keinen Beleg, dass er den Goldenen Schnitt benutzte; selbst der „Vitruvianische Mensch“ entspricht ihm nicht.

Ähnlich verhält es sich mit dem Nautilus. Die Spirale seines Gehäuses wird häufig als Beweis dafür angeführt, dass die Natur dem Goldenen Schnitt folgt. Messungen an Gehäusen zeigen jedoch, dass das Wachstum nicht dem Wert 1,618 entspricht.

Auch die Wahrnehmungsforschung ist weniger eindeutig, als der Ruf des Schnitts vermuten lässt. Gustav Theodor Fechner stellte 1876 fest, dass Versuchspersonen Rechtecke im Goldenen Schnitt bevorzugten. Spätere Tests waren laut der Literatur bestenfalls uneindeutig. Zudem lagen die von ihm gemessenen Bildformate in Museen im Mittel bei 4:5 (Hochformat) und 4:3 (Querformat), also deutlich entfernt davon.

Besonders beliebt ist der Mythos bei Logos. Dass das Apple-Logo nach dem Goldenen Schnitt konstruiert wurde, wird oft behauptet. David Cole hat diese Behauptung 2013 auf Quora untersucht und kam zu dem Schluss, dass die Proportionen nicht nachweisbar angewendet wurden. Seine Pointe gilt bis heute: Visuelle Genauigkeit zählt mehr als mathematische Präzision, oder wie Designer sagen: Wenn es richtig aussieht, ist es richtig. Dazu passt, dass im Grafikdesign zuletzt ohnehin Authentizität statt glatter Perfektion in den Vordergrund rückt.

Alternativen: Drittelregel, Modulraster und Fibonacci

Der Goldene Schnitt konkurriert mit einfacheren Werkzeugen. Die Drittelregel teilt eine Fläche in drei gleiche Teile und ist im Alltag schneller anzuwenden. Ein Modulraster legt Spalten und Zeilen in festen Einheiten an und sorgt vor allem in Editorial- und Webdesign für Ordnung. Die Fibonacci-Folge (1, 1, 2, 3, 5, 8, 13 …) nähert sich dem Goldenen Schnitt an, weil das Verhältnis zweier aufeinanderfolgender Zahlen gegen 1,618 strebt. Sie eignet sich für Abstandsreihen, wenn ganzzahlige Werte gebraucht werden.

Werkzeug	Stärke	Wann einsetzen
Goldener SchnittDer Goldene Schnitt ist ein Teilungsverhältnis, bei dem sich die Gesamtstrecke zur größeren Teilstrecke verhält wie die größere zur kleineren. Mathematisch ergibt das den Wert von etwa 1,618, die sogenannte Zahl Phi (Kehrwert: etwa 0,618). In Prozent ausgedrückt wird eine Strecke ungefähr im Verhältnis 38,2 zu 61,8 geteilt. Weil sich dieselbe Proportion wiederholt, wenn man das größere Teilstück erneut teilt,… Weiterlesen: Goldener Schnitt	Ausgewogene Asymmetrie	Zweispaltige Layouts, Bildausschnitte, Schriftreihen
Drittelregel	Schnell und intuitiv	Fotografie, schnelle Kompositionen
Modulraster	Konsistenz über viele Seiten	Magazine, Websites, DesignsystemeEin Designsystem ist eine zentrale, strukturierte Sammlung aus Gestaltungsregeln, wiederverwendbaren Bausteinen und Dokumentation, mit der Marken und digitale Produkte einheitlich gestaltet werden. Es legt fest, wie Farben, Schriften, Abstände, Symbole, Bilder und Layouts eingesetzt werden, und stellt diese Elemente so bereit, dass Teams sie direkt nutzen können. Anders als ein klassisches Corporate Design Manual ist ein Designsystem meist digital angelegt… Weiterlesen: Designsysteme
Fibonacci-Reihe	Ganzzahlige Abstufungen	Abstände, Größenskalen

Mit Augenmaß einsetzen

Der Goldene Schnitt liefert Ausgangswerte für Spalten, Bildausschnitte und Größenreihen. Ob ein Entwurf trägt, entscheidet am Ende das Auge. Wer die Mythen um Parthenon, Mona Lisa und Konzernlogos kennt, kann das Verhältnis gelassen nutzen, ohne es zum Dogma zu machen.