Gestaltungsprinzipien für Printmedien, die sich jeder Designer zu Herzen nehmen sollte

Printdesigner haben fast alles gelöst, womit Sie sich heute am Bildschirm herumschlagen. Und zwar schon vor Ihrer Geburt, mit kleineren Budgets, schlechteren Werkzeugen und dem unerbittlichen Druck einer Deadline, die mitten in der Nacht vom Drucker lief.

Jede Welle digitalen Designs entdeckt ihre Arbeit langsam und unvollkommen neu. Alle fünf Jahre erfinden wir ein neues Rastersystem. Wir nennen Hierarchie „visuelles Gewicht“ und tun so, als wäre das neu. Wir diskutieren über Weißraum, als ginge es um die Präsentation eines Startups.

Das meiste davon hat die Branche bereits gelöst. Die Werke liegen in einer gebundenen Ausgabe von Wired aus dem Jahr 1995 oder einem Penguin-Taschenbuch von 1947 und warten darauf, von Ihnen entdeckt zu werden. Print ist kein Museum. Es ist eine Bibliothek, in die Sie gehen, sich nehmen können, was Sie brauchen, und wieder gehen können.

Warum Print das als erstes gelöst hat und wir es immer wieder vergessen

Print hatte Beschränkungen, von denen Digital immer noch vorgibt, befreit zu sein. Eine Seite ist eine feste Leinwand. Eine Magazin-Doppelseite kostet Geld für Druck und Versand.

Jede Entscheidung hatte ihren Preis, und dieser Preis zwang redaktionelle Zurückhaltung. Printdesigner mussten um die Aufmerksamkeit der Leser kämpfen, nicht gegen TikTok. Der Wettbewerb war fair. Die Werkzeuge beschränkten sich auf Typografie, Bild, Farbe, Papier und das Raster.

Mit diesen fünf Elementen schuf Massimo Vignelli die Unimark-Identität für American Airlines. Paula Scher entwarf die ikonischsten Poster von Pentagram. Wim Crouwel prägte die Bildsprache des Stedelijk Museums. Fünf Werkzeuge, jahrzehntelanger Kanon.

Digitaldesigner haben tausende Werkzeuge zur Verfügung, und die meisten von uns schaffen es immer noch nicht, eine Landingpage zu gestalten, die den Leser respektiert. Die Einschränkung liegt nicht in den Werkzeugen. Die Einschränkung ist, dass uns niemand gezwungen hat, den Kanon zu studieren.

Die sieben Prinzipien, die Print erkannt hat

Wenn man den romantischen Aspekt beiseite lässt, bleiben sieben Prinzipien übrig, die Print perfektioniert hat, während Digital immer wieder daran scheitert.

1. Hierarchie. Das Wichtigste ist der Hauptartikel. Alles andere dient dem Hauptartikel.

2. Raster. Ein Raster ist ein Vertrag mit dem Leser, kein Käfig für den Designer.

3. Rhythmus. Seite für Seite sollte sich wie ein Musikstück anfühlen, nicht wie ein Spielautomat.

4. Größe. Große Dinge sind groß, weil sie es sich verdient haben, kleine Dinge sind klein, weil sie es sich auch verdient haben.

5. Kontrast. Schriftstärke, Farbe, Dichte, Größe. Kontrast lenkt den Blick.

6. Zurückhaltung. Die meisten Entscheidungen zielen darauf ab, etwas wegzunehmen, nicht hinzuzufügen.

7. Respekt vor dem Leser. Die Zeit, Aufmerksamkeit und Intelligenz des Lesers sind Ihr Budget.

Diese sieben Prinzipien liegen jedem großartigen Printprodukt zugrunde. Sie finden sich in einem Penguin-Taschenbuch aus der Tschichold-Ära und auf dem Cover des Bloomberg Businessweek unter Richard Turley. Sie zeigen sich ebenso in einem U-Bahn-Plan von Vignelli und im Auftakt eines Artikels im New York Times Magazine. Die Namen ändern sich, die Prinzipien bleiben.

Hierarchie und Raster: Wählen Sie einen Lead, verankern Sie ihn im Inhalt

Schlagen Sie eine beliebige Ausgabe von Bloomberg Businessweek aus der Ära Richard Turley auf, etwa von 2010 bis 2014. Jede Doppelseite hat einen Lead. Der Lead ist riesig, der Begleittext klein, das Bild entweder schreit einem förmlich ins Gesicht oder ist dezent, und es gibt keine Zweifel daran, wo man anfangen soll.

Vergleichen Sie das mit einer typischen SaaS-Marketingseite im Jahr 2026. Die Hero-Überschrift, die markante Spitze, die Unterüberschrift, die drei Feature-Bullets, das Testimonial und der Farbverlauf wollen alle der Lead sein. Keines davon ist es. Der Leser springt ab.

Die Lösung für den Druck ist drastisch. Schauen Sie auf Ihren Bildschirm, fragen Sie sich, welches einzelne Element der Lead ist, und machen Sie dann alle anderen Elemente sichtbar kleiner, heller oder dezenter. Wenn zwei Elemente miteinander konkurrieren, haben Sie keine Hierarchie. Sie haben nur Lärm im Gewand einer Hierarchie.

Der Lead muss irgendwo landen. Dieser Ort ist das Raster. Jan Tschichold gestaltete die Penguin-Taschenbuchreihe Ende der 1940er-Jahre mit einem so strengen Raster neu, dass die Bücher bis heute modern wirken.

Wim Crouwel tat dasselbe für die niederländische Stadtplanung. Massimo Vignelli führte das Unigrid-System in allen Broschüren des National Park Service in den USA ein, und diese Broschüren sind auch nach fünfzig Jahren noch erhältlich, gut lesbar und ästhetisch ansprechend.

Ein Raster ist nicht das standardmäßige Zwölf-Spalten-Layout Ihres Web-Frameworks. Ein Raster ist ein Versprechen: Überschriften beginnen an derselben Stelle, Bildunterschriften stehen in einer festen Spalte, Spaltenabstände sind fixiert, und das Auge kann der Seite vertrauen. Der Leser sieht das Raster nicht. Er spürt es.

Die meisten digitalen Produkte haben kein Raster. Sie haben ein Layout, das die letzte Designprüfung überstanden hat. Das ist etwas anderes.

Rhythmus und Proportionen: Gestalten Sie die zweite Seite, verdienen Sie sich die Größe

Ein Printdesigner denkt in Doppelseiten, nicht in einzelnen Seiten. Ein Art Director eines Magazins plant, wie ein Artikel beginnt, sich entfaltet, an Fahrt gewinnt und endet – ähnlich wie ein Filmeditor eine Szene schneidet. Das Magazin „Wired“ war in der Ära von Carson und Plunkett berühmt dafür. Jeder Artikel war wie ein Lied, nicht wie eine einzelne Note.

Digitales Design denkt überwiegend in einzelnen Bildschirmen. Der Hauptartikel erhält hundert Stunden Aufmerksamkeit, der zweite fünfzehn Minuten, der dritte gar keine. Kein Wunder, dass unsere Marketingseiten unter dem Falz zusammenfallen.

Machen Sie es sich zum Vorbild. Skizzieren Sie die gesamte Seite als eine Abfolge von Takten. Wenn Sie den Rhythmus nicht laut beschreiben können, hat die Seite keinen.

Die Größe ist der laute Cousin des Rhythmus. Paula Schers Plakate für das Public Theater sind ein Paradebeispiel für Größe. Die Schrift füllt das Plakat, ist an den Rändern beschnitten, und eine einzige Strichstärke erledigt die ganze Arbeit.

Die Größe ist die Botschaft. Man liest die Schrift, weil die Schrift den Raum ausfüllt.

Digitales Design verwendet große Schrift oft eher als Stimmungsbild denn als Aussage. 48-Pixel-Überschriften mit dem Text „Willkommen auf der Plattform, die Ihr Team stärkt“ sind nicht groß, weil sie es verdient haben. Sie sind groß, weil das Designsystem ein display-xl-Token bereitgestellt hat und jemand es verwendet hat.

Die Druckregel ist einfach: Wenn ein Text groß ist, müssen die darin enthaltenen Wörter diesen Platz rechtfertigen. Entweder die Wörter rechtfertigen die Größe, oder die Größe wird reduziert. Es gibt keine dritte Möglichkeit.

Die fünf digitalen Sünden, die Druckprinzipien beheben

Die meisten schlechten digitalen Designs basieren auf einem von fünf wiederkehrenden Fehlern. Für jeden gibt es ein Druckprinzip, das ihn sofort behebt.

| Druckprinzip | Häufige digitale Sünde | Die Lösung |

|---|---|---|

| Hierarchie | Alles ist gleich groß, kein Zeilenabstand | Wählen Sie den einzigen Zeilenabstand, verkleinern Sie den Rest sichtbar |

| Raster | Dekoratives Layout ohne zugrunde liegende Struktur | Verwenden Sie ein echtes Raster und richten Sie jedes Element daran aus, ohne Ausnahmen |

Zurückhaltung | Zu viele Schriftarten, zu viel Schnickschnack | Beschränken Sie die Anzahl der Schriftarten auf zwei, entfernen Sie überflüssige Rahmen, Schatten und Farbverläufe.

Skalierung | Große Schrift mit schwachen Wörtern | Sorgen Sie dafür, dass die Wörter die Größe rechtfertigen, oder verkleinern Sie die Schrift.

Kontrast | Flache, grau-auf-graue Benutzeroberfläche ohne Struktur | Fügen Sie echten Gewichtungskontrast, eine klare Farbstruktur und eine realistische Dichteänderung hinzu.

Lesen Sie die Tabelle einmal und betrachten Sie dann Ihr eigenes Produkt. Sie werden mindestens drei dieser Fehler auf dem Bildschirm finden, den Sie diesen Monat veröffentlicht haben. Das ist in Ordnung, fast jeder hat sie. Es geht darum, sie zu benennen, damit Sie sie beseitigen können.

Zurückhaltung und Respekt: ​​Die zwei Prinzipien, deren Verinnerlichung schmerzhaft ist

Vignellis Lebenswerk war ein Kampf gegen die Dekoration. Ab einem gewissen Punkt verwendete er insgesamt nur noch fünf Schriftarten für den Rest seiner Karriere. Er glaubte, die meisten Designprobleme entstünden durch das Hinzufügen von etwas, das hätte entfernt werden sollen. Er hatte in fast allen Punkten Recht.

Zurückhaltung ist das am schwersten zu verinnerlichende Prinzip, denn die sichtbare Arbeit im Design besteht darin, was man hinzufügt. Niemand lobt den entfernten Farbverlauf, das ausgeschnittene Symbol oder die dritte Schriftart, die nicht geladen wurde. Der Leser hingegen lobt – im Stillen –, indem er die Seite tatsächlich zu Ende liest.

Eine nützliche Faustregel: Bevor Sie ein Design veröffentlichen, entfernen Sie drei Elemente und prüfen Sie, ob es weiterhin funktioniert. Wenn ja, behalten Sie die entfernten Elemente bei.

Der Respekt vor dem Leser ist der Grund für diese Zurückhaltung. Die Printmedien behandeln den Leser als Erwachsenen. Penguin ging davon aus, dass man einen 400-seitigen Roman in 11-Punkt-Garamond ohne Scrollanzeigen, Fortschrittsbalken oder geschätzte Lesezeit lesen kann.

Digitale Medien beleidigen ihre Leser seit 15 Jahren stillschweigend. Sie nutzen Lesezeit-Chips, Fortschrittsbalken und „TLDR“-Abschnitte in Artikeln, die selbst Zusammenfassungen sind. Man geht davon aus, dass der Leser Texte nicht ohne Hilfe bewältigen kann.

Vergessen Sie diese Annahme. Ihr Leser ist erwachsen. Er wird Sie mit Lesen belohnen.

So lesen Sie eine großartige redaktionelle Doppelseite

Nehmen Sie eine alte Ausgabe des New York Times Magazine zur Hand, oder einen Bloomberg Businessweek aus der Turley-Ära, oder einen beliebigen Geschäftsbericht von Pentagram. Schlagen Sie eine Doppelseite auf. Und jetzt schauen Sie genau hin.

Beachten Sie den Einleitungstext. Es gibt genau einen. Er ist entweder die Überschrift, das Bild oder ein Zitat.

Beachten Sie, wo der Einleitungstext steht, fast immer an einem Schnittpunkt des Rasters, niemals zentriert, nur um zentriert zu sein. Beachten Sie die unterstützende Schrift, kleiner, oft leichter, die nie mit dem Einleitungstext konkurriert.

Beachten Sie den Weißraum, mehr als Sie erwarten, geformt, nicht zufällig. Beachten Sie die Bildunterschriften, klein, in einer festen Spalte verankert. Beachten Sie die Seiten, die an einem bekannten Platz sind und sich nicht bewegen.

Das ist funktionierendes Raster. Das ist funktionierende Hierarchie. Das ist funktionierender Rhythmus.

Jede dieser Entscheidungen wurde bewusst von einem Menschen im Dienste des Lesers getroffen.

Typografie-Lektionen, die sich nahtlos übertragen lassen

Die Printtypografie ist der Bildschirmtypografie in dreierlei Hinsicht um Jahrzehnte voraus.

Erstens: Skalierungsverhältnis. Printdesigner wählen ein typografisches Verhältnis und halten sich daran. Große Terz, perfekte Quarte, Goldener Schnitt – was auch immer.

Bildschirmdesigner hingegen wählen: „Das Designsystem bietet acht Größen an, und ich werde die meisten davon verwenden.“ Das ist kein Skalierungsverhältnis, sondern ein Buffet.

Zweitens: Zeilenlänge und Zeilenabstand. Im Printbereich gilt die Regel von etwa 66 Zeichen pro Zeile für Fließtext mit einem Zeilenabstand von etwa 140 % der Schriftgröße. Webdesigner hingegen verwenden häufig Absätze mit 120 Zeichen Breite und minimalem Zeilenabstand, weil das Designsystem dies so vorgibt.

Drittens: Schriftpaarung. Im Printbereich gilt die Regel: maximal zwei Schriftfamilien, die unterschiedliche Aufgaben erfüllen müssen. Zum Beispiel Display- und Fließtextschriften oder Serifenschriften und serifenlose Schriften.

Im digitalen Bereich hat sich die Regel irgendwie dahingehend geändert, dass man „Inter“ verwendet und dann noch vier weitere Schriften hinzufügt, weil die Marketingabteilung sie mag. Beschränken Sie Ihre Schriftarten auf zwei, und Ihre Hierarchie wirkt über Nacht klarer.

Lektionen zu Weißraum und Covergestaltung

Weißraum ist nicht das Negative im Design. Er ist Design. Die Schweizer Schule lehrte dies bereits in den 1950er-Jahren, und irgendwie haben wir es seitdem zweimal verloren.

Betrachten Sie ein Müller-Brockmann-Poster. Der Weißraum erfüllt eine strukturelle Funktion. Er rahmt die Schrift ein, lenkt den Blick und gibt den auffälligen Elementen einen Ort zum Verweilen.

Weißraum bedeutet nicht die Abwesenheit von Inhalt. Er ist der Teil der Seite, der den Inhalt lesbar macht. Digitale Produkte haben Angst vor Weißraum, weil leere Pixel wie verschwendeter Platz wirken. Das sind sie aber nicht.

Weißraum ist der Freiraum, der den Leser zum Verweilen einlädt. Eine Landingpage mit doppelt so viel Weißraum konvertiert besser als dieselbe Seite mit doppelt so viel Text. Testen Sie es mit Ihrem eigenen Produkt. Beobachten Sie die Ergebnisse.

Ein Magazincover hat am Kiosk nur zwei Sekunden Zeit, um seine Wirkung zu entfalten. Es muss die Marke signalisieren, die Hauptgeschichte verkaufen und auch in Miniaturansicht gut aussehen. Editorial Designer arbeiten seit hundert Jahren an diesem Problem.

Ihr Homepage-Hero, Ihr Onboarding-Screen, Ihr App-Icon, Ihr Social-Media-Bild – all das sind Cover. Dieselbe Zwei-Sekunden-Regel gilt.

Machen Sie sich die Strategie zunutze. Eine zentrale Idee, ein typografischer Anker, ein Bild, das nicht blinkt. Wenn Ihr Hero drei Zeilen Text benötigt, um sich zu erklären, ist es kein Hero.

Was sich nicht von Print auf Digital übertragen lässt

Print hat nicht alles gelöst. Seien Sie ehrlich, was Ihnen die klassischen Formate nicht bieten können.

Print hat Interaktivität nicht gelöst. Eine Seite reagiert nicht auf einen Fingertipp. Die klassischen Formate lehren Sie nichts über Zustand, Feedback, Fehlerbehandlung oder den Moment, in dem der Nutzer etwas tut, was Sie nicht vorhergesehen haben.

Print hat Bewegung nicht gelöst. Editorial Designer denken in Stille. Bewegung ist eine Kunst, die man von Animation, Film und Spielen lernt, nicht von einer Magazinseite.

Print hat responsives Layout nicht gelöst. Das Print-Raster lehrt Disziplin, aber das responsive Raster ist ein Problem, das man zusätzlich lösen muss.

Das Prinzip bleibt bestehen, die Umsetzung nicht. Übernimm die Prinzipien, lass die Annahmen hinter dir. So kopiert man richtig.

Ein Designsystem mit Print-Einflüssen entwickeln

Du kannst all das in ein Designsystem integrieren, ohne dass dich jemand als überheblich bezeichnet. Der Trick besteht darin, die Prinzipien als Einschränkungen und nicht als Dekoration zu kodieren.

Begrenze deine Schriftarten auf zwei. Begrenze deine Schriftgrößen auf sechs, in einer realistischen Skala. Begrenze deine Farb-Tokens auf ein funktionales Set mit einem einzigen Akzent, der seine Wirkung rechtfertigt.

Begrenze deine Abstände auf einen Rhythmus, der über alle Breakpoints hinweg gleich bleibt. Begrenze deine Schatten und Rahmen-Tokens auf das kleinstmögliche Set, das seinen Zweck erfüllt.

Schreibe dann die Nutzungsregeln. Der Zeilenabstand ist in jeder Ansicht das größte Element. Das Raster ist unantastbar und die Ausrichtung nicht verhandelbar. Leerraum ist ein Element, kein Überbleibsel.

Dekoration wird nur dann hinzugefügt, wenn sie eine strukturelle Funktion erfüllt. Diese Regeln sind in der Dokumentation des Designsystems direkt neben den Komponenten enthalten und werden in Design-Crits genauso geprüft wie Code in Pull Requests.

Ein Designsystem ohne Prinzipien ist wie ein Aufkleberpaket. Ein Designsystem mit integrierten Druckprinzipien ist eine Publikation.

Das Bauhaus verstand dies bereits in den 1920er-Jahren. Tschichold kodifizierte es 1928 in „Die Neue Typografie“. Die Schweizer Schule setzte es in den 1950er-Jahren in die Praxis um.

Pentagram bietet es seit 60 Jahren kommerziell an. Die Prinzipien sind stabil, das Medium ist beständig.

Ein kurzer Workshop für Ihr eigenes Produkt

Wählen Sie einen Bildschirm Ihres aktuellen Produkts. Die Startseite, das Dashboard, die Einstellungsseite – was auch immer. Setzen Sie sich mit einem Printobjekt zusammen, das Sie schätzen: eine Magazinseite, eine Seite aus einem Geschäftsbericht, den Aufmacher eines Taschenbuchs, etwas von Pentagram, Vignelli oder Scher. Legen Sie die beiden nebeneinander.

Stellen Sie fünf Fragen: Was ist der Blickfang auf jedem Bildschirm? Wohin wandert der Blick zuerst, als zweites, als drittes? Wie viele Schriftarten und -größen werden verwendet, und wie viel Weißraum ist bewusst gestaltet bzw. zufällig entstanden?

Dann optimieren Sie die Seite. Entfernen Sie drei Elemente, verkleinern Sie den oberen Rand, begrenzen Sie die Schriftgröße auf zwei. Verschieben Sie den Zeilenabstand an einen Schnittpunkt des Rasters. Fügen Sie so viel Weißraum hinzu, bis die Seite luftiger wirkt.

Überprüfen Sie die neue Version anhand derselben fünf Fragen. Die Verbesserung wird deutlich sichtbar sein.

Wiederholen Sie dies einmal wöchentlich über einen Monat. Ihr Auge wird sich daran gewöhnen. Ihre Bildschirme werden ruhiger und schärfer. Ihr Team wird es bemerken.

Das ist der Nutzen einer Weiterbildung im Bereich Printmedien, und Sie können sich diese an einem Nachmittag aneignen.

Der Kanon ist eine lebendige Bibliothek – behandeln Sie ihn auch so.

Die Namen in dieser Zeitung sind nicht Geschichte. Vignelli, Tschichold, Crouwel, Scher, Müller-Brockmann, Carson, Turley, Pentagram, Penguin, Bloomberg Businessweek, das New York Times Magazine. Sie sind eine lebendige Bibliothek, aus der Sie diese Woche schöpfen können.

Ihre Bücher sind weiterhin erhältlich. Ihre Artikel sind weiterhin online verfügbar. Ihre Prinzipien gelten weiterhin.

Kaufen Sie eine Monografie. Abonnieren Sie eine Printzeitschrift. Legen Sie ein Designjahrbuch griffbereit auf Ihren Schreibtisch. Schlagen Sie darin auf, wenn Sie nicht weiterkommen.

Die etablierten Werke sind Ihrem Pinterest-Board in jeder Hinsicht überlegen. Die Praxis hat bereits die meisten Ihrer Probleme gelöst. Die Werke warten nur darauf, von Ihnen entdeckt zu werden. Schauen Sie hin.