RATGEBER · DIE GEOMETRIE

Der Goldene Schnitt im Logo-Design: Was stimmt, und wie man ihn nutzt.

Es gibt ein berühmtes Bild des Apple-Logos, übersät mit Kreisen im Goldenen Schnitt. Es ist eine schöne Zeichnung, und sie entstand nach dem Logo, nicht davor. Hier ist, was Designer wirklich mit 1,618 tun, und welche der berühmten Behauptungen einem Lineal standhalten.

The Celestial Blueprint, Kollektion Gold & Colour — Fibonacci-Goldener-Schnitt-Wandkunst von RAGANA Design

Die berühmten Logos, nachgeprüft

Das Apple-Logo: Das kursierende Diagramm aus Kreisen und Verhältnissen wurde von einem Designer gezeichnet, Jahre nachdem Rob Janoff 1977 das Zeichen entworfen hatte, und Janoff hat unmissverständlich gesagt, dass er den Goldenen Schnitt nicht verwendet hat. Die Kreise passen, weil ein Designer Kreise gewählt hat, die passen; das lässt sich mit fast jeder gerundeten Form machen. Der Twitter-Vogel von 2012 wurde tatsächlich aus überlappenden Kreisen gebaut — das Designteam hat die Konstruktion veröffentlicht —, aber die Kreise stehen in einfachen ganzzahligen Verhältnissen zueinander, und die Goldener-Schnitt-Version dieses Diagramms ist, wieder einmal, eine spätere Überlagerung.

Pepsis Redesign von 2008 kam mit einem durchgesickerten Agenturdokument, das den Goldenen Schnitt, die Mona Lisa, das Erdmagnetfeld und einiges mehr bemühte; man liest es am besten als Verkaufsargument. Der Rahmen von National Geographic dagegen ist ein echtes goldenes Rechteck — 1,61 zu 1 — und ist es, seit der gelbe Rahmen eingeführt wurde. Toyotas drei Ellipsen wurden in Diagrammen in goldene Rechtecke eingepasst, mit demselben Vorbehalt wie bei Apple. Die ehrliche Bilanz: ein klarer Fall, eine ganzzahlige Konstruktion, die falsch beschrieben wird, und mehrere nachträglich angefertigte Zeichnungen.

Warum der Mythos so hartnäckig ist

Ein goldenes Rechteck sieht gut aus, und ein Zirkel kann fast alles so aussehen lassen, als wäre es geplant gewesen. Bögen über ein fertiges Logo zu legen ist befriedigend, so wie es befriedigend ist, Gesichter in Wolken zu finden, und es ergibt ein eindrucksvolles Bild fürs Portfolio. Nichts davon ist unehrlich, eher zirkulär: Das Verhältnis wird benutzt, um eine Form zu erklären, die nach Augenmaß gewählt wurde, und das Auge neigt nach zweitausend Jahren derselben Gebäude und Gemälde ohnehin zu Proportionen in seiner Nähe.

Die nützliche Lehre ist die Umkehrung des Mythos. Das Verhältnis ist kein Geheimnis, das in guten Logos verborgen liegt; es ist ein Werkzeug, nach dem man vor dem Zeichnen greifen kann, um einen Satz von Größen zu erzeugen, die zueinander passen. Dort verdient es seinen Platz in der Gestaltung, und das hat nichts mit Spiralen zu tun.

The Gilded Silhouette, Kollektion Klimt Reimagined — Fibonacci-Goldener-Schnitt-Wandkunst von RAGANA Design
The Gilded Silhouette: Die Deco-Geometrie ist aus einem kleinen Satz zusammenhängender Größen gebaut — einer modularen Skala —, und die Figur sitzt im Goldenen Schnitt des Rahmens. The Gilded Silhouette →

Schriftskalen: wo es wirklich funktioniert

Wählen Sie eine Grundschriftgröße, sagen wir 16 Pixel, und multiplizieren Sie mit 1,618 für die nächste Stufe: 26. Noch einmal multiplizieren: 42. Noch einmal: 68. Teilen für die Größen darunter: 10. Das ist eine modulare Skala, und die goldene ist die klassische Wahl, weil jede Stufe groß genug ist, um als eigene Ebene gelesen zu werden, und klein genug, dass die Ebenen noch zusammengehören. Die meiste Schrift auf dieser Website folgt ihr: Fließtext um 17, Zwischenüberschriften bei 27, Überschriften zwischen 42 und 68, je nach Bildschirm. Der Leser sieht die Rechnung nie; er sieht eine Seite, die nicht mit sich selbst streitet.

Dieselbe Skala funktioniert für Abstände. Ist der Absatzabstand eine Einheit, ist der Abstand vor einer Überschrift 1,618 Einheiten und der zwischen Abschnitten 2,618. Designer, die das nach Augenmaß tun, kommen auf etwas Ähnliches; es nach Zahlen zu tun macht es über eine ganze Website hinweg konsistent, und das ist es, was das Auge tatsächlich bemerkt.

Layout: das goldene Rechteck und der Schnitt

Eine Seite oder ein Plakat, als goldenes Rechteck angelegt, mit dem Hauptelement im Goldenen Schnitt statt in der Mitte, ist die älteste Verwendung des Verhältnisses in der Gestaltung und noch immer die verlässlichste. In der Praxis: Setzen Sie das, worauf es ankommt, 38 Prozent von einer Kante und 38 Prozent von oben, geben Sie ihm die größere Fläche, und lassen Sie die Nebenelemente den verbleibenden 38-Prozent-Streifen einnehmen. Ein zweispaltiges Layout mit Spalten von 62 und 38 Prozent wirkt ausgewogen, ohne symmetrisch zu sein; 50 und 50 wirkt statisch, 70 und 30 wirkt schief.

Für ein Logo selbst ist das Verhältnis am nützlichsten im Verhältnis von Zeichen und Wortmarke — Zeichenhöhe zu Texthöhe bei 1,618 — und im Freiraum darum herum, gesetzt im Goldenen Schnitt der Zeichenhöhe. Keines von beiden macht ein schlechtes Zeichen gut. Beide verhindern, dass ein gutes Zeichen aussieht, als wären seine Teile an verschiedenen Tagen entstanden.

GrundgrößeSkala ×1,618Skala ×1,618²Skala ×1,618³Darunter (÷1,618)
14 px23 px37 px59 px9 px
16 px26 px42 px68 px10 px
18 px29 px47 px76 px11 px
20 px32 px52 px85 px12 px
The Sovereign Ledger, Kollektion Golden Fibonacci — Fibonacci-Goldener-Schnitt-Wandkunst von RAGANA Design
The Sovereign Ledger ist die Konstruktion, aus der jede dieser Zahlen stammt: Quadrate von 1, 1, 2, 3, 5, 8, jedes die Summe der beiden davor. The Sovereign Ledger →

Wie ich es in den Werken verwende

Die Kollektion Blueprint Fibonacci und Stücke wie The Celestial Blueprint sind so gezeichnet, wie ein Designer ein System bauen würde: eine Grundeinheit, eine Skala, und jedes Element aus der Skala bemessen, mit sichtbar gelassener Konstruktion. Die von Klimt abgeleiteten Werke tun es leise — die Mosaikbänder steigen im Verhältnis an, die Figur sitzt im Schnitt —, und die Deco-Stücke machen es zum Motiv. Der Punkt ist in jedem Fall derselbe wie bei einer gut gebauten Seite: Nichts im Bild hat eine Größe, der der Rest des Bildes nicht zugestimmt hätte.

Fragen

Verwendet das Apple-Logo den Goldenen Schnitt?

Nein. Der Designer Rob Janoff hat gesagt, dass er ihn nicht verwendet hat. Das bekannte Diagramm mit Goldener-Schnitt-Kreisen über dem Logo wurde später von jemand anderem gezeichnet und passt, weil die Kreise so gewählt wurden, dass sie passen.

Welche Logos verwenden den Goldenen Schnitt wirklich?

Der gelbe Rahmen von National Geographic ist ein echtes goldenes Rechteck. Die meisten anderen Behauptungen — Apple, Toyota, Pepsi — sind Überlagerungen, die nach Fertigstellung des Logos gezeichnet wurden. Der Twitter-Vogel von 2012 wurde aus Kreisen gebaut, aber in ganzzahligen Verhältnissen.

Wie nutzen Designer 1,618 tatsächlich?

In Schriftskalen (jede Größe das 1,618-Fache der vorigen), in Abständen, in 62/38-Layouts und im Verhältnis eines Zeichens zu seiner Wortmarke. Es lässt einen Satz von Größen zueinander passen; es entwirft nicht die Form.

WEITERLESEN
Der Goldene Schnitt in der Kunst, erklärt an einem NautilusDIE GEOMETRIEWandbilder nach dem Goldenen Schnitt aufhängenIM RAUMWandkunst für Spas, Praxen und Hotels: ein Leitfaden für die PraxisFÜR RÄUME
DIE WERKE
Blueprint FibonacciKollektionKlimt ReimaginedKollektionGolden FibonacciKollektion

Für eine Wand, für die Sie verantwortlich sind.

Beschreiben Sie mir den Raum und wie er sich anfühlen soll. Ich schicke Ihnen drei passende Werke, jedes mit einem Mock-up an Ort und Stelle.

Schreiben Sie mir