Editorial Design

Editorial Design

05 / Hierarchie & Seitenarchitektur

05 / HIERARCHIE & SEITENARCHITEKTUR

|

Kernfrage

Wie führst du Leserinnen und Leser Schritt für Schritt in einen Artikel?

Eine Seite hat eine Architektur: Dachzeile, Titel, Lead, Grundtext, Zwischentitel, Bildlegende und Kästen bilden Ebenen mit unterschiedlichem Gewicht. Eine klare Hierarchie zeigt auf einen Blick, wo es losgeht und was wichtig ist. Sie entsteht durch Grösse, Schriftschnitt, Abstand, Farbe und Position.

Lernziel: Du kannst die Textebenen einer Seite benennen, gezielt Einstiege schaffen und eine typografische Skala für alle Ebenen aufbauen.

Was wichtig ist, muss wichtig aussehen.

5.1 / Die Elemente einer Seite

Jede Textebene hat eine Aufgabe.

Ein Artikel besteht aus mehreren Textebenen. Diese vier führen in den Text hinein:

01

Dachzeile

Kurze Zeile über dem Titel; nennt Rubrik, Ort oder Thema.

02

Titel

Die grösste Ebene; weckt Neugier und macht klar, worum es geht.

03

Lead

Einleitender Absatz nach dem Titel; fasst zusammen und lockt ins Lesen.

04

Zwischentitel

Gliedern lange Texte und bieten beim Scannen neue Einstiege.

Dazu kommen Elemente wie Autorenzeile, Bildlegende, Pull Quote und Infokasten. Jede Ebene erhält eine eigene, klar unterscheidbare Gestaltung. Zu viele Ebenen verwirren: Meist reichen fünf bis sieben deutlich verschiedene Stufen.

Wenige klare Ebenen schlagen viele.

5.2 / Einstiege schaffen

Wer scannt, braucht viele Türen.

Viele Menschen lesen einen Artikel nicht von vorn nach hinten, sondern springen hinein. Pull Quotes, Zwischentitel und Infokästen bieten zusätzliche Einstiege. Ein Pull Quote ist ein hervorgehobenes Zitat aus dem Text, das neugierig macht.

Ein Infokasten enthält Fakten, Adressen oder Hintergründe, die den Lesefluss sonst stören würden. Er wird vom Haupttext klar abgesetzt, etwa durch eine Fläche, eine Linie oder eine andere Schrift.

01

Pull Quote

Ein starkes Zitat aus dem Text, gross gesetzt, als zusätzlicher Einstieg.

02

Lead

Fasst den Artikel in zwei bis drei Sätzen zusammen und führt in den Text.

03

Infokasten

Trennt Fakten und Service vom Lesetext.

Jeder Einstieg ist eine Einladung.

5.3 / Die typografische Skala

Gute Grössen stehen in Beziehung.

Statt Grössen zufällig zu wählen, kannst du sie aus einer Skala ableiten: Ausgehend von der Grundschrift wird jede Stufe mit demselben Faktor multipliziert, etwa 1,25 oder 1,5. So entstehen Grössen, die harmonisch zusammenpassen und sich deutlich unterscheiden.

Ein kleines Verhältnis wirkt ruhig und eignet sich für Bücher und Berichte, ein grosses wirkt laut und passt zu Magazinen. Die Skala ist ein Startpunkt: Runde die Werte auf halbe Punkte und stimme die Zeilenabstände auf das Grundlinienraster ab.

Ein Faktor, viele stimmige Grössen.

Ausprobieren
Typo-Skala

Wähle Basisgrösse und Verhältnis. Das Werkzeug berechnet die Grössen für alle Textebenen und zeigt sie in einer Artikelvorschau.

1 / Basis und Verhältnis

Ausgewogene Skala

7,5 bis 23 Pt

Passt zu Magazinen mit klarer, aber ruhiger Hierarchie.

2 / Skala

Titel23 / 26 Pt · 2 × Raster
Pull Quote18,5 / 26 Pt · 2 × Raster
Lead15 / 19,5 Pt · 1,5 × Raster
Zwischentitel12 / 13 Pt · 1 × Raster
Dachzeile9,5 / 13 Pt · 1 × Raster
Grundtext9,5 / 13 Pt · 1 × Raster
Bildlegende7,5 / 10 Pt · frei

3 / Vorschau

Basel · Reportage

Die letzte Fährfrau

Seit 23 Jahren steuert Rita Vogt ihre Fähre über den Rhein. Ein Abend auf dem Wasser.

Die Fähre hängt an einem Seil, das quer über den Fluss gespannt ist. Einen Motor braucht sie nicht: Die Strömung drückt gegen das schräg gestellte Ruder und schiebt das Boot ans andere Ufer.

Vier Minuten Stille

«Der Rhein ist nie zweimal gleich.»

Rita Vogt am Steuer ihrer Fähre (Kleinbasel, August 2026). Foto: Noah Frei

Grössen sind auf halbe Punkte gerundet, Zeilenabstände auf halbe Rasterschritte. Bildlegenden dürfen ein eigenes, feineres Mass haben.

Übung

Eine Einstiegsseite aufbauen

Aufgabe: Gestalte die Einstiegsseite einer Reportage für «Quer» mit allen Textebenen.

SCHRITT 1

Lege mit dem Werkzeug eine Skala für alle Textebenen fest.

SCHRITT 2

Setze Dachzeile, Titel, Lead, Grundtext und einen Zwischentitel ins Raster.

SCHRITT 3

Ergänze ein Pull Quote oder einen Infokasten als zusätzlichen Einstieg.

SCHRITT 4

Prüfe mit dem Drei-Sekunden-Test, ob die Lesereihenfolge stimmt.

Auswertung: Was haben andere in drei Sekunden zuerst gesehen, und war das beabsichtigt?

© 2026 Corinna Kost, Basel