Design to the Nines und die Drittelregel
Wenn Sie Zeit damit verbracht haben, die Kreativbranche zu erkunden, haben Sie wahrscheinlich schon die Phrase "Drittel-Regel" gehört. "Es ist einer jener Ausdrücke, die Leute gerne verwenden, wenn sie clever klingen wollen. Gehen Sie geradeaus. Sie können sich eine Notiz für später machen. Ich werde es niemandem erzählen.
Oft wird die Drittelregel in Bezug auf die Fotografie verwendet, und so funktioniert es: Um ein Bild effektiv zu nutzen, teilen Sie es in neun gleiche Teile auf. Die Linien, die durch diese Teilung gebildet werden, sollten eine klare Definition der wichtigsten Aspekte des Stücks bieten und ein visuell aufregendes Bild erzeugen.
Im Beispiel unten reiht sich der Horizont im rechten Foto an das untere Segment an, während die zur Seite hin abfallende Felsformation eine interessante Parallele zum weiten Himmel bildet. Es ist aus dem Gleichgewicht, im Gegensatz zu dem symmetrischen Foto auf der linken Seite, das es interessanter macht, geben Sie Ihrem Gehirn mehr zu studieren.
Ich bin mir sicher, dass Sie sich vorstellen können, warum es für eine gute Fotografie unerlässlich ist, mit den Zuschauern einen Akzent zu setzen. Wenn ein Foto nicht ästhetisch ansprechend ist, hat es seine Arbeit nicht erledigt, und Sie, der Betrachter, gehen weg und kümmern sich nicht darum, was der Fotograf durchgemacht hat, um die Aufnahme zu bekommen. Ein Bild muss verweilen, um effektiv zu sein. Das Gehirn versteht Symmetrie und räumt sie beiseite. Asymmetrie ist jedoch eine Herausforderung. Aufregend. Neu. Seltsamerweise ist es dieser ästhetisch ansprechende Grund, der dazu geführt hat, dass Künstler die Herrschaft der Terzen (und ihrer Cousine, göttlichen Proportionen) seit Jahrhunderten benutzen.
Aber das sind Lektionen für einen Kunstgeschichtsunterricht, und ich habe versprochen, dass ich nie wieder dorthin gehen würde. - Ich mache nur Spaß. Bitte schicken Sie mir keine Kunstgeschichte-Hass-Mail.
Warum ist die Drittelregel im Design wichtig?
Natürlich ist es bei jeder in der Kunst gegebenen "Regel" nicht notwendig, sich strikt an das Konstrukt zu halten. Die Drittelregel ist eher eine Richtlinie, die einem Designer hilft, Inhalte zu fokussieren. Ärgere dich nicht zu sehr darüber; es ist nicht so, dass Zuschauer sofort wissen würden, dass ein Designer den Goldenen Schnitt verwendet hat. (Seien wir ehrlich, es wäre eine bemerkenswerte Zeitverschwendung sicherzustellen, dass jeder Knopf mit der Fibonacci-Sequenz aufgebaut ist.) Stattdessen könnte ein Zuschauer denken: "Oh, das ist schön anzuschauen." "Du weißt schon Genauso mögen sie es genießen, ein gut strukturiertes Kunstwerk zu studieren. Und so frustrierend es auch ist zu wissen, dass deine harte Arbeit meist unbemerkt geblieben ist, das ist genau das, was du willst.
Bei all dem Trubel, der verschiedene Modeerscheinungen im Design umgibt, sind ein paar Elemente wahr geblieben: Überstreife die Seite nicht, behalte deine Schlüsselaspekte über der Falte und versuche, an dem magischen göttlichen Anteil festzuhalten.
Für Blogs und Nachrichtenseiten ist die Einhaltung des Goldenen Schnitts von 1,6 (usw.) relativ einfach. Sie haben Ihren Hauptinhaltsabschnitt auf der linken Seite und eine Seitenleiste, die knapp über ein Drittel der Größe des Inhaltsbereichs beträgt. Mit meinem kleinen Auge sehe ich, dass das gut mit den neun Quadraten für unsere Drittelregel funktioniert. Aber das ist, wenn Sie einen Blog wollen.
Angenommen, Sie haben ein Produkt zu verkaufen und möchten Ihre Seite so ästhetisch an möglichst viele Augen anpassen. Wir schauen uns ein Beispiel an, das die Terzregel gut verwendet, während wir uns von der typischen zweispaltigen Struktur fernhalten.
Die meisten Leser schauen sich eine Website in der Formation "F" an. Scannen Sie den oberen Rand der Seite und bewegen Sie sich dann auf der linken Seite nach unten. Natürlich funktioniert das gut mit dem zweispaltigen Format. Sehen wir uns jedoch unser Beispiel für die Website von uCast an. Entlang der obersten drei Rechtecke haben wir die üblichen Navigations-Goodies mit einem sauberen Logo, so dass wir wissen, worauf wir uns einlassen. Der Slogan reiht sich gut in das obere Drittel ein und fügt sich genau so gut ein, dass er wie die Horizontlinie im früheren Foto aussieht. Das Auge fällt dann auf die linke Seite, aber wenn es einmal zu Boden geht, führen uns die nummerierten Schritte wieder nach rechts. Wir haben einen vollständigen Kreis geschlossen und auf einer Seite hat ein Betrachter ein ziemlich klares Verständnis der Website und ihres Produkts.
Die Schnittpunkte der Linien sind von besonderem Interesse. Hier könnten viele die Drittelregel anwenden, und in der Tat hat uCast die Linien als eine schöne Buchstütze für ihren Slogan benutzt. Es sollte jedoch beachtet werden, dass die Drittelregel nicht vollständig angewendet werden soll. Wenn Sie ein Bild nach links oder rechts neigen, entsteht eine Bewegung, die für das Auge viel attraktiver ist als ein symmetrisches Design. Nutzen Sie die Schnittpunkte und implizierten Linien, aber nicht alle auf einmal, oder sie verlieren ihren Glanz.
Die Drittelregel ist ein einfaches Werkzeug, um Ihr Design in Schach zu halten. Es ist nicht allumfassend, aber es ist ein guter Anfang, wenn Sie das Gefühl haben, dass Ihr Design visuell nicht ganz zusammenpasst.
Sind Sie auf Websites gestoßen, die die Drittelregel enthalten könnten? Wie wenden Sie die Regel auf Ihre Designs an? Lassen Sie es uns in den Kommentaren wissen.