Wie man die Drittelregel im Design effektiv nutzt | Tipps, Vorlagen und bewährte Strategien

Verstehen Sie, wie die Drittelregel im Design genutzt wird, um Designs zu schaffen, die natürlich optisch ansprechend sind. Die Drittelregel bietet einen Rahmen, der Ihnen bei der Zusammenstellung Ihrer Designs hilft.

Grafikdesigner, Künstler und Fotografen verlassen sich auf dieses Prinzip, das Orientierung für Struktur, Hierarchie und Ausgewogenheit der Designelemente bietet. Befolgen Sie die visuelle Führung der Drittelregel, um dynamische Designs zu erstellen, die die Aufmerksamkeit des Betrachters auf Schlüsselelemente lenken.

Entdecken Sie unsere Tipps und bearbeitbaren Vorlagen, um mehr zu erfahren und Ihre Reise zur Erstellung Ihrer eigenen faszinierenden Designs zu beginnen.

Die Drittelregel ist eine Methode, mit der Bilder oder Grafiken in neun Drittel unterteilt werden, indem ein gleichmäßig verteiltes Raster mit drei Spalten und drei Zeilen erstellt wird. Designer und Fotografen können diese Richtlinien erstellen oder sich vorstellen, um die Elemente in ihrem Design anzuordnen oder die Ansicht des Fotos, das sie aufnehmen möchten, zu positionieren.

Die Asymmetrie, die durch die Zusammenstellung eines Bildes nach der Drittelregel entsteht, macht es auffälliger. Befindet sich das Hauptmotiv im Bild beispielsweise in der Mitte, sieht es statisch aus, wenn es sich jedoch näher an einem der Ränder befindet, folgen die Augen ihm. Dadurch entsteht ein Bewegungsgefühl.

Im Design hilft die Drittelregel dabei, Elemente innerhalb einer Komposition harmonischer, ausgewogener und ästhetisch ansprechender anzuordnen. Indem Sie zwei horizontale und zwei vertikale Linien in gleichem Abstand über Ihr Design ziehen, erhalten Sie ein Raster aus neun identischen Kästchen. Dies hilft beim Ausrichten von Text, Positionieren von Fotos und Platzieren anderer Designelemente.

Das Drittelregelgitter enthält vier Schnittpunkte oder Sweet Spots in der Mitte. Diese zeigen den natürlichen Fokus des menschlichen Auges beim Betrachten eines Bildes. Designer und Fotografen nutzen dies, um ihre Fotos und Designs auf natürliche, ansprechende Weise zu arrangieren. Richten Sie den Schwerpunkt Ihres Designs an mindestens einem der vier zentralen Schnittpunkte des Rasters aus, damit der Betrachter diesen automatisch zuerst sieht.

Beispielsweise kann im Webdesign die Drittelregel dazu beitragen, Informationen für Website-Besucher besser zu strukturieren und zu vermitteln. Die wichtigsten Elemente Ihrer Landingpage wie Überschriften oder ein Call-to-Action sollten entlang der vier Schnittpunkte platziert werden, damit Benutzer sie sofort erkennen und Maßnahmen ergreifen können.

Es ist wichtig, sich daran zu erinnern, dass die Drittelregel eine Richtlinie ist, die für die Kreativität angepasst werden kann. Kreative nutzen es als mentales Bild, wenn sie ihre Kompositionen betrachten, wenden aber dennoch ihre individuelle Sichtweise und Kreativität auf ihre Designs an.

Erstellen Sie ein Drittelregelraster, um Ihr Design entlang seiner Linien zu strukturieren. Verwenden Sie die Rasterlinien, um Elemente auf Ihrer Leinwand zu positionieren und sie in einer Reihenfolge anzuordnen, die es dem Betrachter erleichtert, die Informationen sofort aufzunehmen. Stellen Sie sicher, dass Sie das Hauptthema Ihres Entwurfs im zentralen Feld Ihres Rasters und kleinere wichtige Elemente in der Nähe der vier Schnittpunkte des Rasters platzieren.

Eine weitere Möglichkeit, die Drittelregel anzuwenden, besteht in Verbindung mit der bewährten F-förmigen Struktur im Webdesign. Untersuchungen haben gezeigt, dass der Blick zuerst auf den oberen linken der vier Sweet Spots gelenkt wird, sich dann zum unteren linken Schnittpunkt und wieder nach oben zum oberen rechten Punkt bewegt, wodurch die Linien eines großen F entstehen. Das bedeutet, dass Ihr wichtigster Inhalt auf einer Webseite im oberen Drittel platziert wird und der Schnittpunkt oben links der Referenzpunkt ist, von dem aus sich Ihre Struktur erstreckt.

In dieser herunterladbaren Design Wizard-Vorlage haben wir den Call-to-Action im mittleren Abschnitt des Rasters und zwischen den beiden oberen Schnittpunkten ausgerichtet. Dadurch wird der Text an einer zentralen Stelle platziert, sodass der Betrachter zuerst hinschaut und die Kernbotschaft sofort liest. Es verdeutlicht die konkrete Bedeutung des Reisens vor der atemberaubenden Kulisse einer Waldlandschaft, die auch mit der Natur oder der Umwelt im Allgemeinen in Verbindung gebracht werden könnte.

Verwenden Sie eine visuelle Hierarchie, um Betrachter durch Ihr Design zu führen, von der wichtigsten Information zur nächsten. Anstatt dass alle Designelemente auf einmal um Aufmerksamkeit wetteifern, ermöglicht eine klar definierte Hierarchie Ihrem Publikum, Informationen in einer klaren Reihenfolge innerhalb von Sekunden aufzunehmen.

Ein Framework wie die Drittelregel bietet die Unterstützung, auf der Sie Ihre Designhierarchie aufbauen können. Nutzen Sie die Linien als Leitfaden für Ihre Entscheidungen zur Priorisierung von Elementen sowie dem Muster, dem die Augen auf natürliche Weise folgen. Der Betrachter beginnt am Schnittpunkt der Drittel oben links, bewegt sich nach unten links, nach oben rechts und schließlich nach unten rechts..

Um mit der Gestaltung Ihres Designs zu beginnen, wählen Sie Ihren Schwerpunkt. Alle anderen Elemente, die Sie hinzufügen, unterstützen Ihren Schwerpunkt. Ihr Fokus muss nicht in der Bildmitte liegen. Experimentieren Sie und richten Sie Elemente auf jeder Seite der Zeichenfläche aus, während Sie die Mitte leer lassen, oder platzieren Sie die meisten Ihrer Designelemente auf einer Seite und streben Sie ein Zweidrittel-Stil-Layout an. Verwenden Sie die Drittelregel der Rasterlinien, um Elemente auszurichten und verschiedene Kompositionen auszuprobieren.

In unserer editierbaren Design Wizard-Vorlage haben wir die wichtigste Information, nämlich den Titel des Films, im mittleren Drittel zwischen den vier Sweet Spots platziert. Die großen und fetten Buchstaben der modernen serifenlosen Schriftart Advent Pro und der vergrößerte Abstand zwischen ihnen ziehen sofort die Aufmerksamkeit des Publikums auf sich. Das Erscheinungsdatum, die Besetzung und der Slogan in der oberen und unteren Hälfte bilden die Hierarchie zwischen dem Filmtitel und den unterstützenden Informationen.

Bevor Sie darüber nachdenken, in Ihrem Design ein Gleichgewicht herzustellen, sollten Sie sich darüber im Klaren sein, dass ein ausgewogenes Stück sowohl symmetrisch als auch asymmetrisch sein kann. Symmetrie ist sofort attraktiv, kann aber vorhersehbar werden, während Asymmetrie einen interessanten Punkt hinzufügt und ein Gefühl von Bewegung in einem Bild erzeugt. Beides hat seinen Reiz und lässt sich zu einem ausgewogenen Design kombinieren.

Wenn Sie an einem symmetrischen Stück arbeiten, verwenden Sie das Raster der Drittelregel, um die genaue Mitte für Ihr Hauptobjekt zu finden. Wenn Sie ein asymmetrisches Design anstreben, erreichen Sie mithilfe der Drittelregel ein Gleichgewicht, indem Sie interessante Punkte in der Nähe eines der vier Schnittpunkte platzieren. Platzieren Sie mehr auf der rechten oder linken Seite als in der Mitte, um ein attraktives Design zu schaffen.

Die Drittelregel hilft auch dabei, ein Gleichgewicht zwischen Bild und Text herzustellen. Verwenden Sie das Raster, um zu ermitteln, welcher Teil Ihres Layouts mehr Aufmerksamkeit erregt als andere. Dadurch können Sie Entscheidungen entsprechend der Bedeutung der Schrift in Ihrem Design treffen. Beispielsweise befindet sich jeder größere, wichtigere Text in der Nähe der Schnittpunkte, während alle zusätzlichen Informationen in einem der unteren Drittel platziert werden können.

In unserer bearbeitbaren Design Wizard-Vorlage haben wir den Horizont im Foto so verschoben, dass er mit der oberen Linie des Drittelregelrasters übereinstimmt. Dies ist eine häufig verwendete Technik in der Fotografie, um mehr vom Motiv und weniger leeren Raum zu zeigen. Der Fokus liegt auf dem Bild, während die Kontaktdaten und der Call-to-Action zusätzliche Informationen sind, die im unteren Drittel platziert sind.

Das Lesemuster von links nach rechts und von oben nach unten in der westlichen Welt konditionierte unsere Augen auf einen diagonalen Scan von rechts oben nach links unten. Die Idee hinter unserem Design besteht darin, dass der Betrachter die Seite überfliegt, indem er den Call-to-Action unten rechts liest, und dann nach links geht, um die Kontaktinformationen zu finden, die er zum Handeln benötigt.

Im Grafikdesign hilft die Drittelregel Designern, komplexere Kompositionen mit mehreren Elementen zu arrangieren. Mithilfe der Kästchen und Rasterlinien können Sie Objekte und Texte entsprechend ihrer Bedeutung platzieren. Dies hilft, Platz zu schaffen und ein überladenes Design oder eine visuelle Überforderung Ihres Publikums zu vermeiden.

Schaffen Sie mehr Spannung und Energie, indem Sie wichtige Texte und andere Designelemente entlang der Linien der vier Schnittpunkte platzieren. Berücksichtigen Sie beim Entwerfen Ihres Designs das westliche Lesemuster oder den Diagonalscan. Erstellen Sie einen Fluss von oben links nach unten links, wobei die wichtigsten Informationen oben links und die nächst wichtigeren unten rechts stehen.

In unserer herunterladbaren Design Wizard-Vorlage haben wir den Text entlang der Linien in der Nähe der vier Schnittpunkte platziert, damit der Betrachter ihn leicht scannen und lesen kann. Der Titel sticht in der fetten Schriftart Alfa Slab One hervor und bildet einen Kontrast zum Slogan im dünneren Advent Pro. Das Raster der Drittelregel trägt dazu bei, den Raum zu schaffen, der in diesem Design benötigt wird, um das mit einer Abschlussfeier verbundene Gefühl der Freiheit zu vermitteln.

Wenn Sie die Drittelregel in all Ihren Entwürfen effektiv nutzen möchten, nutzen Sie das Raster als Orientierung und ordnen Sie Ihre Komposition um die Rasterlinien herum an. Entwickeln Sie ein Auge für dieses Designprinzip, indem Sie Ihre Designs ein paar Mal übereinander legen, bis Sie sich wohl fühlen, wenn Sie es sich nur vorstellen.

Gehen Sie zu designwizard.com. Wenn Sie noch kein Konto haben, klicken Sie oben rechts auf Registrieren. Geben Sie Ihre E-Mail-Adresse ein und erstellen Sie ein Passwort. Um Ihr neues Konto zu bestätigen, klicken Sie auf den Link in der Bestätigungs-E-Mail in Ihrem Posteingang. Melden Sie sich mit Ihren Design Wizard-Daten an.

---

Auf dem Dashboard Ihres Design Wizard finden Sie Ihre Größen und WEITERE GRÖßEN. Wählen Sie die gewünschte Größe und eine Vorlage aus oder klicken Sie auf „Benutzerdefinierte Größe“, um benutzerdefinierte Abmessungen einzugeben.

Um die Drittelregel auf Ihr Design anzuwenden, klicken Sie auf das Rastersymbol über der Zeichenfläche. Geben Sie in Spalten und Zeilen die Zahl 3 ein. Klicken Sie auf den Schieberegler, um das Raster anzuzeigen. Passen Sie Ihr Design entlang der Rasterlinien und gemäß der Drittelregel an.

Die Drittelregel ist ein einfacher Rahmen, der Ihnen dabei hilft, auffällige Designs zu erstellen. Anstatt das Raster aus drei Reihen mal drei Spalten über die Designs zu legen, haben erfahrene Designer die Struktur verinnerlicht. Üben Sie die Verwendung des Rasters zum Anordnen Ihrer Kompositionen, bis Sie es nicht mehr benötigen.

Während die Drittelregel einen Leitfaden für Designs bietet, die von Natur aus optisch ansprechend sind, experimentieren Sie mit den Gürtellinien und lassen Sie Ihrer Kreativität freien Lauf, um die Regeln zu umgehen. Um attraktive Designs zu erstellen, experimentieren Sie mit verschiedenen Platzierungen. Scheuen Sie sich nicht, Risiken einzugehen und neue Wege beim Komponieren von Elementen auszuprobieren.