Print vs. Web

Die Visitenkarte ist orange, die Website eher lachsfarben, und auf der Messebanderole ist es wieder ein anderes Orange. Drei Medien, drei Marken, eine Firma. Genau da beginnt das Thema Print und Web: Beide sollen dieselbe Botschaft tragen, folgen aber komplett eigenen Regeln. Hier liest du, worin sie sich unterscheiden und, weiter unten in vier Festlegungen, wie du beides zu einem einheitlichen Branding verbindest.

Print: das Greifbare und Beständige

Gedruckte Medien sind mehr als Informationsträger. Ein Magazin, ein Buch oder ein Geschäftsbericht vermittelt über Material und Verarbeitung auch Wertigkeit: das Gewicht des Papiers, offene, raue Oberfläche oder gestrichener Glanz, eine Prägung am Umschlag.

Im Printdesign zählt Präzision. Farben werden in CMYK definiert, Bilder brauchen rund 300 dpi, jedes Layout ist statisch angelegt. Was gedruckt ist, bleibt. Deshalb ist Sorgfalt hier teurer als im Web: Nach dem Druck kostet jede Korrektur eine Neuauflage. Wie lange Blicke tatsächlich auf Gedrucktem verweilen, zeigt der Beitrag zum Leseverhalten bei Print-Werbung.

Web: flexibel, interaktiv, nie fertig

Im Web leben Farben in RGB, Layouts passen sich an jede Bildschirmgröße an, Texte lassen sich jederzeit ändern. Statt Seitenumbrüchen gibt es Scrollbewegungen, statt des Papiergewichts zählt die Ladezeit.

Dazu kommt die Interaktion: Links, Animationen und Mikroeffekte lenken die Aufmerksamkeit, und eine Website ist nie abgeschlossen, sie wird weiterentwickelt, getestet, optimiert. Der Preis dieser Freiheit: Was am Monitor brillant aussieht, kippt auf dem Smartphone schnell ins Unübersichtliche. Ohne Responsive Design funktioniert heute keine Seite mehr. Und gelesen wird am Bildschirm ohnehin anders: mehr dazu im Beitrag darüber, wie Menschen im Web wirklich lesen.

Zwei Medienlogiken

Ein Printlayout mit festen Seitenbreiten und Rastern lässt sich nicht ins Web schieben, und viele digitale Designs wirken auf Papier überladen. Der Kernunterschied: Print ist linear, eine Seite folgt der nächsten. Web ist non-linear, deine Besucher springen, scrollen, vergleichen.

Im Print übernehmen Satzspiegel, Kolumnentitel und Weißraum die Orientierung, im Web sind es Navigation, Typografie und Scrollverhalten.

Farbe und Typografie: wo es praktisch wird

Dein kräftiges Orange am Monitor wird im Druck stumpf, wenn niemand die Umrechnung geprüft hat. RGB-Werte müssen sauber in CMYK übersetzt werden; ein Softproof und bei kritischen Farben ein farbverbindlicher Proof gehören vor jede Freigabe.

Bei der Typografie gilt Ähnliches. Im Print lässt sich jedes Detail steuern: Laufweite, Kerning, Mikrotypografie. Im Web setzen Technik und Browser Grenzen. Nicht jede Schrift existiert als Webfont, und das Rendering variiert je nach Gerät. Lesbarkeit und Kontrast stehen dort an erster Stelle.

Leseführung: das Gutenberg-Diagramm

Ob Papier oder Bildschirm, das Auge westlicher Leser wandert ähnlich über eine Seite: von links oben nach rechts unten, entlang einer diagonalen Achse. Wer die starken Zonen gezielt nutzt, führt den Blick durch Cover, Landingpage oder Artikel. Wie das genau funktioniert, steht im Beitrag zum Gutenberg-Diagramm.

Print- und Webdesign kombinieren: ein Branding, zwei Medien

Die meisten Unternehmen brauchen längst beides: Visitenkarte und Website, Broschüre und Social-Media-Kacheln, Magazin und Newsletter. Das Problem ist selten das einzelne Stück. Es ist die Summe: Website und Drucksachen entstehen zu verschiedenen Zeiten bei verschiedenen Leuten, und am Ende erzählt jedes Medium eine etwas andere Marke.

Ich gestalte beides, Print und Web, und ein einheitlicher Auftritt entsteht in der Praxis über vier Festlegungen:

1. Farben als Paare definieren

Jede Markenfarbe bekommt von Anfang an zwei Werte: HEX/RGB fürs Web, CMYK für den Druck, einmal sauber abgestimmt statt bei jedem Projekt neu gemischt. So bleibt das Orange ein Orange, egal wo es auftaucht.

2. Eine Schriftfamilie für beide Medien

Die Hausschrift braucht eine Print- und eine Weblizenz und sollte in beiden Umgebungen gut lesbar sein. Wer das früh prüft, erspart sich den Bruch zwischen edler Drucktype und beliebiger Ersatzschrift auf der Website.

3. Bildsprache festlegen

Motive, Farbstimmung, Bildbearbeitung: Diese Regeln gelten medienübergreifend. Eine Broschüre mit warmen, echten Fotos und eine Website voller kalter Stockbilder passen nicht zur selben Marke.

4. Ein Styleguide, der beides regelt

Farbpaare, Schriften, Logo-Varianten (Vektor in beiden Fällen: EPS oder PDF für den Druck, SVG fürs Web), Abstände, Bildregeln: All das gehört in einen Styleguide, der ausdrücklich Print und Web abdeckt. Dann wird neues Material gegen ein Dokument geprüft statt gegen Geschmack.

Wiedererkennung heißt übrigens nicht, dass Web und Print identisch aussehen. Sie folgen denselben Prinzipien: gleiche Hierarchie, gleiches Rasterdenken, gleiche Stimme. Die Umsetzung darf und muss sich dem Medium anpassen. Wenn bei dir gerade die Web-Hälfte dran ist: Beim Webdesign setze ich genau diese Konsistenz um, ab 100 €.

Fazit

Du musst dich nicht zwischen Print und Web entscheiden, sondern für jede Botschaft das passende Medium wählen. Die vier Festlegungen (Farbpaare, eine Schrift, Bildsprache, ein Styleguide für beides) sind einmal Arbeit. Danach sitzt jedes neue Stück Material, egal ob es aus der Druckerei kommt oder aus dem Deployment.