Der Goldene Schnitt im Design und warum er für Ihre Marke wichtig ist

Wissen Sie, was unsere DNA und Salvador Dalis Das Sakrament des letzten Abendmahls mit Marken wie Pepsi gemeinsam haben? Sie sind Beispiele für den Goldenen Schnitt im Design. Der Goldene Schnitt ist ein mathematisches Verhältnis, mit dem optisch ansprechende Ergebnisse erzielt werden können. Und es geht nicht nur um menschengemachte Ergebnisse – der Goldene Schnitt findet sich überall in der Natur und sogar im menschlichen Körper.

Wenn Sie den Goldenen Schnitt im Design verwenden, führt dies zu Kompositionen, die für das menschliche Auge natürlich angenehm sind. Genau das soll Ihre Zielgruppe über Ihr Branding empfinden. Und deshalb werden wir in diesem Blog einen tiefen Einblick in den Goldenen Schnitt im Design geben.

Was genau ist der goldene Schnitt?

Zwei Größen bilden den goldenen Schnitt, wenn ihr Verhältnis gleich dem Verhältnis ihrer Summe zur größeren der beiden ist. Zu kompliziert? Schauen Sie sich die Abbildung unten an, die es vereinfacht.

Der Goldene Schnitt ist auch als göttliche Proportion, Phi, und unter einigen anderen Namen bekannt. Vor Jahrhunderten begannen einige aufmerksame und neugierige Seelen, die erstaunlichen Muster zu beobachten, die in der Natur um sie herum auftraten. Die Blattarrangements in Pflanzen, die Muster in den Blütenblättern einer Blume, wie die Barteln eines Tannenzapfens so makellos angeordnet sind, und sogar die Schuppen in einer Ananas. Sie bemerkten, dass diese alle genau das gleiche Muster hatten. Das besagte Muster geht als 1,2,3,5,8,13,21,34 und so weiter.

Das Muster wurde als Fibonacci-Folge bekannt. Wenn Sie anfangen, das Verhältnis einer Fibonacci-Zahl zur Zahl davor zu berechnen, erhalten Sie immer 1,61803. Dieser wiederum wird auf 3 Dezimalstellen aufgerundet, um den goldenen Schnitt zu erhalten. Da es für das menschliche Auge natürlich angenehm war, wurde dieser Anteil dann in viele verschiedene Arten von Kunstwerken integriert. Alles, von der Mona Lisa über Skulpturen, Fotografie und Architektur, wurde zu Beispielen für den Goldenen Schnitt im Design.

Einige andere Beispiele des Goldenen Schnitts finden sich in Wirbelstürmen, Schneckenhäusern, dem menschlichen Gesicht (diejenigen, die dem Verhältnis am nächsten kommen, gelten als die schönsten), Die Erschaffung Adams von Michelangelo und sogar in den Blumenmustern Blütenblätter.

Die Bedeutung des Goldenen Schnitts im Design

Der goldene Schnitt ist bei der Erstellung von Marketingmaterialien, Visitenkarten, Titelseiten von Zeitschriften, Websites und sogar Postern zu berücksichtigen, um nur einige zu nennen. Werfen wir einen Blick darauf, wie Sie es effektiv im Design einsetzen können.

Verwenden des Goldenen Schnitts im Design

Formen, die den goldenen Schnitt tragen

Den Formen, die sich am Goldenen Schnitt orientieren, wurde das Wort Golden als Signifikant hinzugefügt. Sie sind goldene Rechtecke, goldene Kreise, goldene Spiralen und goldene Dreiecke. Wenn sie richtig zusammengefügt werden, können diese Formen Designelemente bilden, die nicht ignoriert werden können.

Der goldene Schnitt in der Typografie

Wenn ein Design mit Text erstellt wird, sollten Sie immer über die Hierarchie der Typografie nachdenken. Es ist eine Best Practice im Design. Und zu diesem Zweck können Sie den Goldenen Schnitt verwenden, um sich bei der Größe Ihrer Schriftart(en) zu orientieren.

Nehmen wir zum Beispiel an, Sie müssen die Hierarchie für Ihren wichtigsten Text (A), Ihren etwas wichtigen Text (B) und Ihren weniger wichtigen Text (C) herausfinden. Wenn die kleinste Schriftgröße 10 Pixel beträgt, können Sie diese mit 1,618 multiplizieren, um eine ungefähre Richtlinie für die Schriftgrößen zu erhalten, die größer sein müssen.

Der Goldene Schnitt in der Bildkomposition

Um Ihre Designs schnell und ohne Qualitätseinbußen fertigzustellen, bitten Sie Ihren Designer, Ihr Design mit der goldenen Spirale zu überlagern. Sie können dann die genaue Positionierung der verschiedenen Elemente sehen und entscheiden, ob sie wirklich harmonisch zusammenpassen. Auch die Schwerpunkte eines Designs lassen sich mit der goldenen Spirale herausarbeiten. Das bedeutet, dass die Verwendung des Goldenen Schnitts im Design Ihnen dabei helfen kann, beispielsweise herauszufinden, wie Sie eine Überschrift so platzieren, dass sie die meiste Aufmerksamkeit erhält. Wenn das Design mehr Energie benötigt, kann diese Technik auch helfen zu sehen, welche Elemente verschoben werden müssen.

Der goldene Schnitt in Logos

Ein gut durchdachtes Logo ist sehr wichtig für Ihre Marke. Wenn es richtig gemacht wird, wird es zum am leichtesten zu identifizierenden Element in Ihrem Branding. Und spielt eine große Rolle dabei, dass Sie bei Ihrer Zielgruppe im Gedächtnis bleiben. Deshalb sollte der Goldene Schnitt beim Logodesign nicht außer Acht gelassen werden. Es wird dazu beitragen, die Aufmerksamkeit der Kunden sofort auf sich zu ziehen und ihnen auch dabei zu helfen, sich mit Ihrer Marke zu verbinden.

Die Logos einiger der größten und erfolgreichsten Marken der Welt wie Pepsi, Twitter und Apple richten sich tatsächlich nach dem Goldenen Schnitt. Wenn ein Logo entworfen wird, können sich Designer die Fibonacci-Folge sogar als eine Reihe von Kreisen vorstellen. Die Kreise können dann neu angeordnet werden, um das Raster als Grundlage für die Gestaltung des Logos zu bilden. Dies wurde im obigen Beispiel gezeigt, wo Sie sehen können, wie das Logo in den Kreisen platziert wurde.

Der goldene Schnitt bei der Auswahl von Layouts

Eine Reihe verschiedener Elemente so in ein Design einzupassen, dass es zusammenhängend aussieht, ist eine schwierige Aufgabe. Vor allem, wenn es um Landingpages oder Ihre Website geht. Der goldene Schnitt kann jedoch helfen, den Tag zu retten! Es kann verwendet werden, um die Abmessungen zu bestimmen, die in einem Layout benötigt werden, und wo jedes der beteiligten Elemente platziert wird. Eine sehr einfache Möglichkeit, dies zu beginnen, wäre, die Abmessungen gemäß 1:1.618 aus dem Get Get einzustellen. Und dann diesen Rahmen für die Zukunft zu verwenden. Dies wäre der praktischste Ansatz, bei dem Sie die Basisbreite von 960 Pixeln verwenden und sie dann durch 1,618 teilen können. Die Antwort, die Sie hier erhalten, ist die Höhe des Designs.

Der Goldene Schnitt und Inhalte im Web

Der Goldene Schnitt kann auch verwendet werden, um zu bestimmen, wie Textspalten angeordnet sind. Während Sie auf Ihren Zielseiten möglicherweise nur wenig Text haben, wird dies für Ihre Websites ins Spiel kommen. Beispielsweise zieht eine Seite mit einer schmalen Textspalte rechts und einem breiteren Textblock links nicht nur die Aufmerksamkeit des Betrachters auf sich. Außerdem werden die wichtigsten Informationen hervorgehoben. Für eine Seite mit einer Pixelbreite von 960 bedeutet dies, dass die rechte Spalte 367 Pixel und die linke 593 Pixel breit sein sollte.

Ihr Layout lässt möglicherweise keinen genauen Goldenen Schnitt zu, aber solange Sie dem Verhältnis von 1:1,61 so nahe wie möglich kommen, werden Sie die Vorteile der Einbeziehung des Goldenen Schnitts ernten.

Der andere Vorteil dieser Strategie besteht darin, dass sie den Lesern hilft, durch die verschiedenen Arten von Inhalten zu navigieren, die Sie einschließen (z. B. Video-, Foto- und textbasierte Inhalte). Und deshalb finden Sie Beispiele für dieses Layout auf vielen beliebten Seiten (z. B. Fast Company, BuzzFeed).

Verteilen Sie Ihre Elemente mit dem Goldenen Schnitt

Die Bedeutung von Weiß- oder Negativraum ist etwas, das wir in all unseren Design-Blogs betont haben. Es ermöglicht, dass die Elemente in einem Design atmen und nicht überladen aussehen. Allerdings wissen wir auch, dass es nicht immer einfach ist, herauszufinden, wie es geht. Herauszufinden, wo und wie man diesen negativen Raum verlässt, kann schwierig werden.

Wenn Sie jedoch den Goldenen Schnitt verwenden, haben Sie definitiv einen guten Ausgangspunkt. Und da der Versuch, dies ohne einen Bezugspunkt herauszufinden, sehr zeitaufwändig sein kann, sollten wir das um jeden Preis vermeiden. Schauen Sie sich einfach das obige Beispiel an. Sie können sehen, wie die Quadrate verwendet werden, um zu entscheiden, wo negativer Raum vorhanden sein muss.

Verwenden des Goldenen Schnitts zum Zuschneiden von Bildern

Eine der einfachsten Möglichkeiten, den Goldenen Schnitt in Ihre Designs zu integrieren, besteht darin, Ihre Bilder entsprechend zuschneiden zu lassen. Sie müssen dies nicht für jedes einzelne Bild tun, das Sie haben, aber wenn Sie das Gefühl haben, dass ein bestimmtes Bild wichtig ist und hervorgehoben werden muss, fragen Sie Ihr Design, ob es in ein goldenes Rechteck geschnitten werden kann. Sie können diese Technik auch beim Fotografieren anwenden. Die goldene Spirale kann als Leitfaden für die Bildkomposition verwendet werden.

Eine der einfachsten Möglichkeiten, den Goldenen Schnitt in Ihre Designs zu integrieren, besteht darin, Ihre Bilder entsprechend zuschneiden zu lassen. Sie müssen dies nicht für jedes einzelne Bild tun, das Sie haben, aber wenn Sie das Gefühl haben, dass ein bestimmtes Bild wichtig ist und hervorgehoben werden muss, fragen Sie Ihr Design, ob es in ein goldenes Rechteck geschnitten werden kann. Sie können diese Technik auch beim Fotografieren anwenden. Die goldene Spirale kann als Leitfaden für die Bildkomposition verwendet werden.

Was ist die Drittel-Regel?

Dieses Prinzip ähnelt dem Goldenen Schnitt und ist einfacher umzusetzen. Dies bedeutet jedoch, dass Ihre Ergebnisse nicht ganz so präzise wie das Verhältnis und für das Auge angenehm sind. Die Drittelregel beinhaltet ein Raster, das aus neun Teilen besteht. Jeder Teil ist gemäß der Regel gleich groß. Wir empfehlen Ihnen, sich auf den Schnittpunkt der Linien oder entlang der Linien selbst zu konzentrieren. Dadurch erhalten Sie das Ergebnis eines ausgewogenen Fotos oder Designs.

Wenn Sie im Fall der Fotografie Millimeterpapier über Ihren Sucher legen, sehen Sie, wie die Objekte, die Sie aufnehmen, mit den Rechtecken und Quadraten auf der Seite ausgerichtet sind. Diese Schnittpunkte dienen als Richtlinien dafür, wo Sie die primären und sekundären interessanten Elemente im Foto positionieren sollten.

Es gibt auch einige Ausnahmen von der Regel. Wenn Sie beispielsweise direkte Kopfschüsse machen, ist es am besten, das Gesicht auf dem Bildschirm zu zentrieren und die Gitterlinien zu vergessen.

Der Goldene Schnitt und die Titelseiten von Zeitschriften

Zeitschriftencover sind ein großartiges Beispiel dafür, wie effektiv der Goldene Schnitt im Design ist. Schauen Sie sich einfach das Cover des Complex-Magazins oben an, auf dem Solange Knowles zu sehen ist. Dieses Design verwendet den goldenen Schnitt, um das Verhältnis von positiven und negativen Räumen korrekt zu bestimmen. Wir können dies daran erkennen, dass die Spitze ihrer Nase und fast ihre Stirn nach oben geneigt sind. Und wie ihre Nase und ihr Auge ausgerichtet sind. Das Ergebnis ist ein ausgewogenes und natürlich ansprechenderes Bild für das menschliche Auge. Da Zeitschriftencover die Leser zum Kauf der Ausgabe anregen, ist die Einbeziehung des Goldenen Schnitts in die Designs sehr wichtig. Und Sie können dies mit einer beliebigen Anzahl von Marketingmaterialien gleichsetzen, die als Ihre ersten Berührungspunkte mit Ihrem Publikum fungieren.

Tools, die Ihnen helfen können, den Goldenen Schnitt im Design zu verwenden

Es kann anfangs schwierig sein, sich daran zu gewöhnen, die Regel des Goldenen Schnitts in Designs umzusetzen. Hier sind also einige Tools, die nützlich sein könnten, wenn Sie daran denken, Ihre Designs fertigzustellen.

PhiMatrix

Dies ist eine Overlay-Software, die gut mit dem Bearbeitungstool zusammenarbeitet, das Ihr Designer verwendet. Es ist kein Plug-in, sondern eher eine transparente digitale Vorlage, die auf das fertige Design gelegt werden kann. Es funktioniert gut mit Windows und Mac sowie mit einer ganzen Reihe von Apps.

BRT-Rechner

GRT Calculatore hilft bei der einfachen Entscheidung über Schriftgröße und Breite des Inhalts. Es gibt einem Designer die Möglichkeit, verschiedene Versionen von Schriftarten auf dem Bildschirm auszuprobieren.

Fokus

Wenn Sie ein Design auf WordPress erstellen möchten, ist Focus Ihr Werkzeug der Wahl. Dies ist ein WP-Thema, das sich vollständig auf den Goldenen Schnitt konzentriert. Es hat auch viele andere Must-Have-Funktionen für die ideale moderne Website.

Phi-Rechner

Dies ist ein großartiges Mac-Widget, das Designern helfen wird, wenn sie sich wohl genug fühlen, um das Verhältnis zu berechnen. Es ermöglicht die Berechnung des Phi. Und es liefert die notwendigen Informationen über die Ausrichtung und die Form der Kästchen.

Messschieber des Goldenen Schnitts

Möchten Sie ein Design auf Papier oder Leinwand und trotzdem den Goldenen Schnitt verwenden? Dieses Tool kann Ihnen dabei helfen. Es wird auf der ganzen Welt von Künstlern und Designern verwendet, um die perfekte Prise künstlerischer Balance zu erhalten. Und es hilft besonders bei allen Zusammensetzungen des menschlichen Körpers.

Ein letztes Wort zum Goldenen Schnitt im Design

Es gibt einen wichtigen Grund, warum der Goldene Schnitt so wichtig für das Design ist. Es bringt wirklich die ästhetisch ansprechendste Seite jedes Elements oder jeder Komposition zum Vorschein. Der Goldene Schnitt ist auch überall um Sie herum. Es ist sogar auf den Linien Ihrer Handflächen! Sie müssen den Goldenen Schnitt nicht in jedem einzelnen Design verwenden, das Sie fertigstellen möchten. Manchmal lassen es Ihre speziellen Anforderungen, das Format und/oder alle Elemente, die Sie einbeziehen müssen, einfach nicht zu.

Aber es wo immer möglich einzubauen, ist ein garantierter Weg, um die Aufmerksamkeit des Kunden zu gewinnen. Die daraus resultierenden Änderungen werden ziemlich subtil sein, aber sie werden ein Design von „meh“ zu „erstaunlich!“ machen. Schließlich hat die Mona Lisa nie ihren Reiz verloren, oder?