Das Gutenberg-Diagramm: Blickführung im Printdesign
Das Gutenberg-Diagramm zeigt, wie der Blick über eine Seite wandert: vier Zonen, ein Praxisbeispiel aus Leipzig und konkrete Tipps fürs eigene Layout.
Was ist das Gutenberg-Diagramm?
Das Gutenberg-Diagramm zeigt die natürliche Blickbewegung beim Lesen von oben links nach unten rechts, in einer Art diagonaler Linie.
Dabei entstehen vier Zonen auf der Seite:
- Primäre optische Zone (oben links)
→ Hier beginnt unser Blick. Ein perfekter Platz für das Logo oder eine starke Headline. - Starke Nebenfläche (oben rechts)
→ Hier schweifen die Augen hin, aber nur kurz. Ich nutze diesen Bereich oft für ergänzende Infos oder Call-to-Actions. - Schwache Nebenfläche (unten links)
→ Dieser Bereich wird schnell übersehen. Ich platziere hier nie etwas, das wichtig ist. - Terminalbereich (unten rechts)
→ Hier landet der Blick am Ende. Ein idealer Ort für Kontaktinfos, ein Logo oder die finale Botschaft.
Warum das wichtig ist
Das Gutenberg-Diagramm funktioniert besonders gut für Layouts mit gleichmäßigem Textfluss (z. B. Flyer, Broschüren oder Magazine).
- Es sorgt dafür, dass Headlines nicht verpuffen.
- Es macht den Lesefluss intuitiv und angenehm.
- Es stellt sicher, dass Call-to-Actions dort stehen, wo man sie erwartet.
Ein Beispiel aus meiner Arbeit ist der ExpertenReport aus Leipzig (Doppelseite oben). Die Alternative wäre gewesen, den Infokasten unten links zu platzieren, wo Platz war. Genau dort schaut aber fast niemand hin. Deshalb sitzt er im Terminalbereich: Der Blick landet dort von selbst, ganz ohne gestalterische Tricks.
Gutenberg-Diagramm vs. andere Lesefluss-Modelle
Das Gutenberg-Diagramm ist nicht das einzige Modell. Für manche Projekte nutze ich auch andere Ansätze:
- Z-Lesefluss
→ Besonders geeignet für Anzeigen oder Landingpages, wo die Aufmerksamkeit in Sprüngen geführt wird. Wie lange Blicke auf Printanzeigen wirklich verweilen, zeigt der Beitrag zum Leseverhalten bei Print-Werbung. - F-Lesemuster
→ Typisch für Webseiten oder längere Textseiten. Nutzer scannen zuerst horizontal, dann vertikal. Was das fürs Netz bedeutet, steht im Beitrag über das Leseverhalten im Web.
Dieselbe Blickführungs-Logik stecke ich übrigens auch in Bildschirm-Layouts: Bei meinen Webseiten entscheidet sie, wo Headline, Inhalt und Kontakt stehen.
Meine Tipps für die Praxis
Wenn du das Gutenberg-Diagramm für dein eigenes Layout nutzen willst, achte auf Folgendes:
- Setze deine Headline oben links. Dort beginnt der Blick.
- Platziere wichtige Infos unten rechts. Das ist der natürliche Schlusspunkt.
- Halte den oberen rechten Bereich clean. Sonst springt das Auge ab.
- Vermeide, Wichtiges unten links zu verstecken. Das ist die schwächste Zone.
Häufige Fragen
Für welche Printprodukte eignet sich das Gutenberg-Diagramm am besten?
Das Gutenberg-Diagramm funktioniert besonders gut bei klassischen Printmedien mit gleichmäßigem Textfluss, zum Beispiel bei Flyern, Broschüren, Magazinen oder Plakaten.
Ist das Gutenberg-Diagramm auch heute noch relevant?
Ja, definitiv. Auch wenn viele Inhalte digital konsumiert werden, bleibt die Blickführung im Printdesign entscheidend, um Botschaften klar und effektiv zu platzieren.
Was unterscheidet das Gutenberg-Diagramm vom Z- oder F-Lesemuster?
Das Gutenberg-Diagramm zeigt den natürlichen, diagonalen Lesefluss. Das Z-Muster ist ideal für Anzeigen und kurze Inhalte, während das F-Muster vor allem auf Webseiten zum Einsatz kommt.
Pappelbaum Design
Deine eigene Website — ab 100 €
Professionelles Webdesign, persönlich gebaut und ohne Agenturumweg — vom Onepager bis zum Relaunch. Direkt mit mir, transparent zum Festpreis. Der erste Schritt kostet nichts.