/ Kein π × Daumen

Emphasis (Betonung)

In jedem Layout braucht’s einen Fixpunkt. Einen Hauptdarsteller, an dem man hängen bleibt. Ob durch fette Typo, krassen Farbkontrast oder clevere Platzierung: Betonung schafft Hierarchie. Ohne sie wirkt alles gleich wichtig. Der Haken: Es kann nur einen geben. Wer alles fett macht, betont am Ende gar nichts mehr. Oft reicht schon ein einziges Element, das aus der Reihe tanzt.

Kontrast

Gegensätze bringen Spannung: dick gegen dünn, hell gegen dunkel, groß gegen klein. In der Typo sorgt Kontrast für Lesbarkeit und Dynamik und verhindert Monotonie. Halbe Sachen funktionieren dabei schlecht. Zwei Schriftgrößen, die fast gleich sind, sehen eher nach Versehen aus als nach Absicht. Wenn schon Kontrast, dann deutlich. Das gilt auch beim Mischen von Schriften: lieber eine kräftige Grotesk zur zarten Serife als zwei Schriften, die sich fast gleichen.

Sichtachsen

Ausrichtung bringt Ordnung. Elemente richten sich an unsichtbaren Linien aus: Headlines, Absätze, Einzüge und Bildkanten beruhigen so das Layout. Das Auge merkt sofort, wenn etwas zwei Millimeter danebensteht, auch wenn es nicht sagen kann, was genau stört. Das gilt nicht nur senkrecht, sondern auch waagerecht. Eine gemeinsame Oberkante, an der Bilder und Textblöcke hängen, nennt man Wäscheleine. Und wenn Textspalten oben oder unten auf derselben Linie enden, also sich „fangen“, wirkt der Aufbau gleich aufgeräumter und ergibt den gewollten Rhythmus. So entstehen Wiederholungen und Flächen, die aufeinander abgestimmt sind. Ein Raster hilft, diese Linien nicht jedes Mal neu erfinden zu müssen. Eine bündige Bildkante oder ein sauber gesetzter Einzug bringt oft mehr als jede Verzierung.

Verhältnis

Balance hält ein Layout im Gleichgewicht. Ob symmetrisch oder asymmetrisch: Schwere Typoblöcke mit Leichtigkeit drumherum geben Ruhe und lenken den Blick. Symmetrie wirkt schnell feierlich und ein bisschen steif. Spannender ist oft die Asymmetrie, wie auf einer Wippe: Ein großes Element nah an der Mitte hält zwei kleine weit außen in der Waage.

Repetition

Wiederholung schafft Rhythmus und eine Klammer. Dieselbe Serife, derselbe Farbton, dieselben Abstände binden die Gestaltungselemente zu einem Ganzen. Wer auf Seite 12 die gleiche Bildunterschrift findet wie auf Seite 3, fühlt sich gleich zu Hause. Und erst wenn ein Muster steht, fällt der eine bewusste Bruch darin überhaupt auf. Gleiche Dinge sehen gleich aus: gleiche Abstände, gleiche Bildformate, gleiche Auszeichnungen.

Proportion

Proportionen gliedern das Layout: die Größe der Headline im Verhältnis zur Zeile, die Spalte im Verhältnis zur Seite. Zwei Werkzeuge helfen dabei. Der Goldene Schnitt teilt eine Strecke so, dass sich der kleinere Teil zum größeren verhält wie der größere zum Ganzen, ungefähr 1 : 1,618. Das Verhältnis steckt in Architektur und Buchgestaltung und wirkt ausgewogen, ohne langweilig symmetrisch zu sein. Das zweite Werkzeug ist das Gestaltungsraster: ein unsichtbares Netz aus Spalten, Zeilen und festen Abständen, an dem sich alle Elemente ausrichten. Die Schweizer Typografie hat es groß gemacht. Gute Proportionen machen die Typografie schlicht und lesbar. Typografische Größenreihen funktionieren übrigens genauso: Jede Stufe ist um einen festen Faktor größer als die vorige. So wirken auch sehr unterschiedliche Größen wie aus einer Familie.

Die Drittel-Regel (Rule of Thirds) kennt man aus der Kamera-App. Das Bild wird mit je zwei Linien waagerecht und senkrecht in neun gleiche Felder aufgeteilt. Wer im Motiv etwas in den Fokus rücken will, setzt es nicht in die Mitte. Das Hauptmotiv gehört auf einen der vier Schnittpunkte. So kommt man dem harmonischen Goldenen Schnitt ziemlich nahe, ganz ohne Taschenrechner: Die Teilung 1/3 zu 2/3, also 1 : 2, liegt nah am Goldenen Schnitt von etwa 1 : 1,6. Den kennt man auch aus der Zahlenreihe 1, 2, 3, 5, 8, 13, in der sich benachbarte Zahlen wie 5 : 8 immer weiter an ihn annähern. Dazu gehört auch die Blickrichtung. Schaut ein Mensch im Bild nach rechts, sollte vor ihm Platz sein, er blickt also ins offene Format hinein und nicht gegen den Rand. Und Linien, die von links unten nach rechts oben steigen, folgen unserer Leserichtung. Sie wirken nach vorn und nach oben, positiv eben, wie eine Kurve, die steigt. Eine absteigende Linie liest sich dagegen eher wie eine schlechte Nachricht.

Weißraum

Weißraum ist Teil der Gestaltung und kein leerer, vergessener Bereich. Die weiße Fläche ist nicht übrig geblieben, sie ist bewusst gestaltet, genauso wie Schrift und Bild daneben. Sie betont die Typografie, schafft Ruhe im Layout und gliedert Absätze. Nicht umsonst sind Anzeigen von Luxusmarken oft fast leer, während der Prospekt vom Discounter bis zum Rand vollgepackt ist. Leere zeigt, dass man auf Fläche verzichten kann, die man auch hätte füllen können.

Gruppieren

Gleiche Farben, Fonts und Abstände schaffen eine Einheit. Sie entsteht durch Wiederholung und das Zusammenziehen verwandter Elemente oder Bilder. Das spart Erklärungen und schafft Intuition. Ähnlich = verbunden, selbst über Distanzen. Was nah beieinandersteht, gehört zusammen. Wer eine Bildunterschrift näher ans falsche Bild rückt, hat schon verloren.