Editorial Design

Editorial Design

08 / Digital & Produktion

08 / DIGITAL & PRODUKTION

|

Kernfrage

Wie bringst du eine Publikation effizient und zugänglich in Druck und Netz?

Eine Ausgabe entsteht unter Zeitdruck und mit vielen Beteiligten. Stilvorlagen, ein klarer Korrekturprozess und saubere Daten sorgen dafür, dass Druck und Online-Ausgabe pünktlich und fehlerfrei erscheinen. Barrierefreiheit gehört von Anfang an dazu.

Lernziel: Du kannst Stilvorlagen planen und anlegen, einen Korrekturprozess organisieren, einen Artikel für Bildschirme umsetzen und Publikationen barrierearm gestalten.

Gute Produktion beginnt beim Konzept.

8.1 / Vom Layout zur Produktion

Systeme sparen Zeit und Fehler.

Damit eine Ausgabe sicher und pünktlich erscheint, braucht es vier Grundlagen:

01

Stilvorlagen

Absatz- und Zeichenformate legen jede Textebene einmal verbindlich fest.

02

Korrekturprozess

Klare Runden, klare Zuständigkeiten und immer nur eine aktuelle Version.

03

Responsive Artikel

Mit Responsive Design passt sich der Artikel jeder Bildschirmbreite an.

04

Druckdaten

Ein geprüftes PDF nach den Vorgaben der Druckerei.

Wie Druckdaten technisch korrekt aufgebaut werden, vertiefst du im Kurs «Pipeline & Workflow». Hier geht es darum, Publikationen so anzulegen, dass Produktion und Korrektur reibungslos laufen.

Ordnung in der Datei ist Ordnung im Heft.

8.2 / Barrierefrei publizieren

Gute Gestaltung schliesst niemanden aus.

Barrierefreie Publikationen sind für möglichst alle Menschen nutzbar, auch für Menschen mit Sehbehinderung oder Leseschwäche. Dazu gehören genug Kontrast, eine ausreichende Schriftgrösse, eine klare Struktur mit echten Überschriften und Alternativtexte für Bilder.

Wer mit Stilvorlagen arbeitet, legt die Basis für barrierefreie PDFs und Webseiten: Aus Absatzformaten werden Überschriftenebenen, die Screenreader erkennen. Vereinfacht gilt: Öffentliche Stellen in der Schweiz müssen barrierefrei publizieren; Massstab sind die Richtlinien WCAG, für den Bund konkretisiert im Standard eCH-0059.

Klare Struktur hilft allen Lesenden.

8.3 / Stilvorlagen planen

Erst planen, dann anlegen.

Bevor du Stilvorlagen im Layoutprogramm anlegst, lohnt sich ein Plan: Welche Textebenen gibt es, mit welcher Schrift, Grösse, welchem Zeilenabstand und welchen Abständen? Nummerierte Namen wie «01 Titel» oder «10 Grundtext» halten die Liste sortiert.

Absatzformate gelten für ganze Absätze, Zeichenformate für einzelne Wörter, etwa Kursive oder Kapitälchen. Baue Formate aufeinander auf: Basieren alle auf der Grundschrift, änderst du sie an einer Stelle für die ganze Ausgabe.

Ein guter Name erspart eine Suche.

Ausprobieren
Stilvorlagen-Planer

Plane Absatz- und Zeichenformate mit Name, Schrift, Grösse und Abständen. Das Werkzeug prüft das Raster und erstellt eine Liste zum Kopieren.

1 / Formate · 7 Absatz, 2 Zeichen

Absatzformat
Absatzformat
Absatzformat
Absatzformat
Absatzformat
Absatzformat
Absatzformat · nicht im Raster
Zeichenformat
Zeichenformat

Raster prüfen

Diese Zeilenabstände sind kein Vielfaches von 6,5 Pt: 20 Bildlegende. Für Legenden oder Kästen kann das bewusst so sein.

2 / Liste zum Kopieren

ABSATZFORMATE (Grundlinienraster 13 Pt)
00 Basis · Source Serif 4 Regular · 9,5/13 Pt · vor 0 Pt, nach 0 Pt
01 Dachzeile · Inter Bold, Versalien · 8/13 Pt · vor 0 Pt, nach 6,5 Pt
02 Titel · Inter Bold · 23/26 Pt · vor 0 Pt, nach 13 Pt
03 Lead · Inter Medium · 14/19,5 Pt · vor 0 Pt, nach 13 Pt
10 Grundtext · Source Serif 4 Regular · 9,5/13 Pt · vor 0 Pt, nach 0 Pt
11 Zwischentitel · Inter Semibold · 11/13 Pt · vor 13 Pt, nach 0 Pt
20 Bildlegende · Inter Regular · 7,5/10 Pt · vor 4 Pt, nach 0 Pt

ZEICHENFORMATE
Z Kapitälchen · Source Serif 4 Small Caps
Z Kursiv · Source Serif 4 Italic

Nummern im Namen halten die Formate sortiert. Lege «00 Basis» zuerst an und baue die anderen Absatzformate darauf auf.

Übung

Vom Druck auf den Bildschirm

Aufgabe: Lege die Stilvorlagen für «Quer» an und setze einen Artikel als digitale Seite um.

SCHRITT 1

Plane alle Absatz- und Zeichenformate im Werkzeug.

SCHRITT 2

Lege die Formate im Layoutprogramm an und wende sie auf deine Seiten an.

SCHRITT 3

Setze einen Artikel als responsive Seite mit echten Überschriften und Alternativtexten um.

SCHRITT 4

Prüfe Kontrast und Lesbarkeit auf Handy und Desktop.

Auswertung: Wo hat dir der Plan Zeit gespart, und was ist digital anders als im Druck?

Abschlussprojekt

Deine Ausgabe von «Quer»

Im Abschlussprojekt gestaltest du eine 16-seitige Ausgabe von «Quer». Du verbindest alles aus dem Kurs: Format, Raster, Schrift, Bild, Hierarchie, Dramaturgie und Cover. Dazu kommen Stilvorlagen und eine digitale Artikelseite.

SCHRITT 1

Konzept & Flatplan

Format, Leserschaft und die Seitenfolge aller 16 Seiten festlegen.

SCHRITT 2

Raster & Stilvorlagen

Satzspiegel, Grundlinienraster sowie alle Absatz- und Zeichenformate definieren.

SCHRITT 3

Inhaltsseiten

Seiten mit Bild, Hierarchie und sauberer Mikrotypografie gestalten und als PDF exportieren.

SCHRITT 4

Cover

Titelseite mit Masthead, Titelbild und Coverlines, getestet als Thumbnail.

SCHRITT 5

Digitale Artikelseite

Einen Artikel responsiv und barrierearm für den Bildschirm umsetzen.

Bewertungskriterien: konsequentes Raster, gute Lesbarkeit, klare Hierarchie, spannende Dramaturgie, wiedererkennbares Cover, saubere Stilvorlagen und eine zugängliche digitale Umsetzung.

Alles fügt sich zu einer Ausgabe.

© 2026 Corinna Kost, Basel