Layout

Wann immer separate visuelle Elemente gemeinsam auf derselben Seite platziert werden, müssen sie an einem unsichtbaren Raster ausgerichtet werden, damit sie ordentlich und strukturiert wirken. Dieses unsichtbare Raster wird als Layout der Seite bezeichnet.

Ein Dokument, das beispielsweise für standardmäßige 8 ½ x 11-Zoll-Seiten konfiguriert ist, weist in der Regel voreingestellte Seitenränder von 1 Zoll auf. Diese Ränder lassen sich als unsichtbares Raster mit drei Spalten und drei Zeilen verstehen. Die erste Spalte des Rasters wäre 1 Zoll breit, die zweite Spalte 6 ½ Zoll breit und die dritte Spalte wiederum 1 Zoll breit, um zusammen eine Breite von 8 ½ Zoll zu ergeben. Was die Zeilen des Rasters betrifft, so wäre die erste Zeile 1 Zoll hoch, die zweite Zeile 9 Zoll hoch und die dritte Zeile wiederum 1 Zoll hoch, was eine Gesamthöhe von 11 Zoll ergibt.

Anstatt das Dokument als eine 8 ½ x 11-Zoll-Seite mit 1-Zoll-Rändern zu betrachten, können wir es nun präziser als eine Seite mit einem Layout beschreiben, das aus einem 3 x 3-Raster besteht, bei dem die erste und die letzte Spalte 1″ breit und die erste und die letzte Zeile 1″ hoch sind.

Vor diesem Hintergrund nehmen wir an, wir hätten eine Seite mit einigen Textabsätzen und möchten ein Bild hinzufügen. Üblicherweise fügen die meisten Menschen das Bild zwischen zwei Absätzen ein und passen die Höhe des Bildes an die Seite an. Da Bilder ein festes Seitenverhältnis haben – also das Verhältnis von Höhe zu Breite, das bei einem Quadrat 1:1 beträgt –, passt man bei einer Änderung der Höhe automatisch auch die Breite des Bildes an, um das Seitenverhältnis beizubehalten. Wenn Sie also die Höhe des Bildes verringern, damit es auf die Seite passt, entsteht rechts neben dem Bild Leerraum, da sich seine Breite verringert.

Typischerweise wird versucht, diesen Leerraum zu füllen, indem der Text um das Bild herumgeführt wird. Dieser Ansatz wird jedoch problematisch, sobald weitere visuelle Elemente wie ein zusätzliches Bild, eine Grafik und ein Diagramm hinzukommen – und zwar alle auf derselben Seite. An diesem Punkt reicht unser einfaches, durch die Standardränder definiertes 3 x 3-Rasterlayout nicht mehr aus, um den Inhalt ordnungsgemäß auszurichten, sodass alles ordentlich und strukturiert wirkt.

Um das Problem einer Vielzahl von im Text verstreuten visuellen Elementen zu lösen, können wir die Seite vertikal unterteilen, sodass wir statt eines 3 x 3-Rasters ein 5 x 3-Raster erhalten. Bei diesem neuen Raster wären die erste und die letzte Spalte nach wie vor 1 Zoll breit, aber in der Mitte befinden sich nun eine 3-Zoll-Spalte, dann eine ½-Zoll-Abstandsspalte und danach eine weitere 3-Zoll-Spalte, sodass wir in der Summe weiterhin eine 8 ½ Zoll breite Seite erhalten.

Anstatt nun den Text um Bild, Grafik und Diagramm herumlaufen zu lassen, erhalten wir saubere, strukturierte Spalten, in denen visuelle Elemente vertikal übereinander angeordnet sind. Für ein besonders präzises Erscheinungsbild passen wir die Breite der Bilder, Grafiken und Diagramme exakt an die Breite der jeweiligen Spalte an. Dies erzeugt ein ansprechendes Gefühl von Ordnung beim Lesen des Dokuments von oben nach unten und von links nach rechts. Diese Art von Layout wird als mehrspaltiges Layout bezeichnet.

Neben der vertikalen Anordnung visueller Elemente für ein ordentliches und strukturiertes Erscheinungsbild erleichtern mehrspaltige Layouts auch das Lesen des Textes, da kürzere Textzeilen einfacher zu erfassen sind als längere Zeilen.

Wenn beim Lesen eines langen Artikels beispielsweise jede Zeile etwa 60 Zeichen umfasst, ist dies leichter zu lesen, als wenn jede Zeile 1000 Zeichen lang wäre. Dies hängt mit der Art und Weise zusammen, wie unsere Augen von links nach rechts lesen: Je weiter wir unsere Blicke von links nach rechts und wieder zurück wandern lassen müssen, desto anstrengender wird das Lesen – im Gegensatz zu einer relativ schmalen Textspalte, bei der sich die Augen kaum bewegen müssen.

Eine wichtige Entscheidung bei mehrspaltigen Layouts ist, ob der Text innerhalb einer Spalte im Blocksatz formatiert werden soll, sodass der rechte Textrand stets bündig mit dem rechten Spaltenrand abschließt. In vielen Fällen lässt dies die Spalte ordentlicher und strukturierter wirken. Wenn man jedoch bei Schriftgröße und Spaltenbreite nicht achtsam vorgeht, können auffällige, unregelmäßige Lücken zwischen den Wörtern entstehen, die letztlich schlechter aussehen als ein linksbündiger Text. Hier empfiehlt sich ein Vorher-Nachher-Vergleich zwischen Linksbündigkeit und Blocksatz, um die Ausrichtung zu wählen, die optisch am besten überzeugt.

Neben einem einfachen 5 x 3-Rasterlayout mit 2 Inhaltsspalten auf einer geteilten Seite können Sie sich auch für ein 7 x 3-Rasterlayout mit 3 Inhaltsspalten entscheiden. Sie werden feststellen, dass sich die Wirkung der Seite drastisch ändert, sobald Sie die Breite der einzelnen Spalten anpassen – insbesondere, wenn die inhaltsführenden Spalten unterschiedliche Breiten aufweisen. Der Schlüssel beim Einsatz unterschiedlich breiter Spalten liegt darin, die Unterschiede deutlich auszugestalten; sind sie nur minimal verschieden, kann dies wie ein Versehen wirken. Beispielsweise könnten Sie zwei schmale Spalten mit Text und Grafiken anlegen und daneben eine breite Spalte mit einem Diagramm platzieren.

Sobald Sie verstanden haben, wie Inhalte auf einer Seite mithilfe einfacher Spaltenraster gegliedert und ausgerichtet werden, können Sie mit komplexeren Rastern experimentieren, die Kopfzeilen, Fußzeilen und Seitenleisten umfassen können. Die meisten Textverarbeitungsprogramme bieten verschiedene Layoutvorlagen zum Ausprobieren; wenn Sie jedoch mehr Anpassungsmöglichkeiten wünschen, bieten sich Programme an, die speziell für anspruchsvolle Layouts entwickelt wurden, wie Microsoft Visio oder Lucidchart. Diese Programme verfügen über Funktionen, die gezielt auf komplexe Rasterlayouts ausgelegt sind, wie etwa das automatische Ausrichten von Elementen am Raster beim Verschieben und Skalieren.

Für welches Layout Sie sich auch entscheiden: Denken Sie stets daran, dass das Ziel darin besteht, Ihrem Dokument ein ordentliches und strukturiertes Erscheinungsbild zu verleihen. Sollte Ihr Layout jemals dazu führen, dass das Dokument unruhig und unübersichtlich wirkt, müssen Sie entweder Ihr Raster anpassen oder ein einfacheres Layout wählen.