Druckentwurfstipps für Webdesigner

Ich habe vor fast einem Jahrzehnt meine Karriere im Printbereich begonnen und bin nach und nach ins Internet gegangen. Dieses ganz neue Medium brachte einige kreative und technische Hürden mit sich, mit denen ich lernen musste, mit ihnen umzugehen und sie sogar zu umarmen.

Der heutige Artikel ist für eine neue Generation von Designern gedacht, die den umgekehrten Sprung macht. Sie haben schon länger für die digitale Welt designt und sind bereit, das Druckdesign zu erlernen. Wir erleichtern Ihnen den Übergang mit einigen einfachen und praktischen Ratschlägen.

Druck ist nicht tot

In dem ursprünglichen Ghostbusters-Film von 1984, als er gefragt wurde, ob er gerne liest, verkündet Egon kühn "Druck ist tot". Diese Aussage war zu dieser Zeit nicht ganz richtig, aber es war eine äußerst genaue Vorwegnahme der Ereignisse der nächsten zwanzig Jahre, nämlich des Aufstiegs des Internets und des Personal Computing von der Dunkelheit zur Allgegenwart.

Zwar hat diese Revolution zumindest einen Baseballschläger in die Publikationsbranche gebracht und damit auch Designjobs in ihnen. Es ist jedoch definitiv nicht der Fall, dass alle Druckformen tot sind. In der Tat kann Druckdesign eine der wertvollsten und logischsten Fähigkeiten sein, die Sie als Webdesigner zu Ihrem Repertoire hinzufügen können.

Wenn Sie Kunden haben, die kleine Unternehmen besitzen, brauchen sie nicht nur Websites und Logos, sondern auch Visitenkarten, Schreibwaren, Ladenschilder, Kleidung und vielleicht sogar lokale Zeitungsanzeigen. Die meisten würden lieber die Kopfschmerzen bei der Arbeit mit mehreren Designern überspringen und einen Anbieter für all dieses Material finden. Wenn Sie sowohl mit Web als auch mit Print umgehen können, könnten Sie das sein!

Auflösung

Beginnen wir mit einigen Grundkenntnissen, die Sie wahrscheinlich bereits kennen. In der Web-Welt haben Sie den Luxus, mit Bildern mit relativ niedriger Auflösung zu arbeiten. Nun, Sie könnten dies als eine schlechte Sache ansehen, weil der Detaillierungsgrad so begrenzt ist, aber nachdem Sie mit beiden ausführlich gearbeitet haben, ist die Arbeit mit niedriger Auflösung im Web sehr viel einfacher.

Einer der Hauptgründe dafür ist, dass Sie auf fast jedem Computer, der in den letzten vier oder fünf Jahren erstellt wurde, 72-dpi-Grafiken erstellen können. Kleinere Bilder sind nicht so rechenintensiv wie größere Bilder. Wenn Sie es gewohnt sind, zu drucken und auf das Design für das Web umzusteigen, fühlt sich Photoshop wie eine völlig neue Anwendung an, die auf einem Supercomputer der Zukunft ausgeführt wird. Sie mögen denken, das klingt nach Übertreibung, aber warten Sie einfach, bis Sie 50 Ebenen in einem 11 "x17" -Dokument mit 300 dpi haben. Bis zum Ende des Tages werden Sie über Mac Pros auf Apple.com sabbern.

Zoll, nicht Pixel

Wie unterscheiden sich die Dinge für Print als Web? Für den Anfang sprechen Druckdesigner nicht in Pixeln. Teilen Sie den meisten Print-Designern mit, dass Sie etwas 1200px weit haben möchten, und sie werden Sie komisch ansehen (sie wissen, was Pixel sind, aber das ist nicht die typische Fachsprache). Das liegt daran, dass die Maße in ihren Photoshop-Versionen auf Zoll eingestellt wurden.

Dies ist ein wichtiger Unterschied, da Auflösung und Größe voneinander abhängig sind! Die Breite von 1.200 Pixel in einem 72-dpi-Dokument unterscheidet sich sehr von der Breite von 1.200 Pixel in einem 300-dpi-Dokument. Bei einem 5 "x7" Druckauftrag wird jedoch immer etwas gedruckt, das fünf Zoll breit und sieben Zoll hoch ist. Nur die Dichte der Tinte ändert sich.

Nicht immer 300 dpi

Sie haben wahrscheinlich erfahren, dass Druckdesigner Grafiken in einem 300-dpi-Arbeitsbereich erstellen. Dies ist jedoch nicht immer der Fall und diese Annahme lässt Sie wie ein Amateur aussehen, wenn es Zeit zum Drucken ist.

Die meisten Kleinformataufträge werden mit 300 dpi gedruckt. Diese Gegenstände können von jemandem genau eingesehen und in der Hand gehalten werden. Was ist mit einer Plakatwand? Ist es notwendig, eine so große Auflösung für etwas zu haben, das Sie aus mehreren hundert Metern Entfernung sehen? Die Antwort lautet "Nein". Großformataufträge wie Banner, Werbetafeln und ähnliches werden fast immer unter 300 dpi gebaut, normalerweise bei 150 dpi, aber je nach Größe manchmal sogar niedriger.

Häufig kann die Auflösungsfrage dem wahren Sachverständigen gestellt werden: dem Drucker (der Person, nicht der Maschine). Sie werden nicht wie ein Idiot aussehen, wenn Sie einfach fragen, ob es sich um einen 300- oder 150-dpi-Job handelt. Dies sind die häufigsten Fragen, wenn Sie ein Projekt beginnen, und müssen daher vor dem eigentlichen Start geklärt werden.

Sollte ich Konzepte mit niedrigen Auflösungen erstellen?

Angesichts der Tatsache, dass Computer 72-dpi-Grafiken viel schneller als 300-dpi-Grafiken erzeugen können, ist es häufig die Praxis von Designern, die ersten paar Designrunden in einem Arbeitsbereich mit niedriger Auflösung durchzugehen und den Job im Wesentlichen in "Hochauflösend" zu erstellen. gegen Ende des Projekts.

Bei Druckdesignern kann dies ein heiß diskutiertes Thema sein. Letztendlich kommt es auf die Präferenz an, aber ich mache diesen Weg fast nie. Wenn Sie nicht ständig mit großformatigen Jobs arbeiten, sollte das Erstellen von Comps mit hoher Auflösung nicht so lange dauern. Wenn ja, dann ist es wahrscheinlich wirklich Zeit für einen neuen Computer. Alles in 72dpi aufzubauen, nur um auf 300dpi zu konvertieren, indem man im Wesentlichen von vorne anfängt, erscheint mir immer mühselig, wenn es einfach ist, meine Ideen einfach als druckfertig aufzubauen.

Die einzige Ausnahme sind Bilddaten. Ich verwende bei der Präsentation gegenüber dem Kunden immer die relativ niedrigen Auflösungen, die von Aktienseiten bereitgestellt werden, um den unnötigen Kauf mehrerer teurer Bilder zu verhindern.

Farbe

Farbe ist ein riesiges Thema und verdient einen eigenen Artikel, so dass wir hier nicht zu viel Zeit darauf verwenden. Meine einfache Warnung ist, dass Farbe in der Druckwelt ein völlig neues Ballspiel ist. Im Webdesign pflegten wir uns Sorgen über "sichere Farben im Web" zu machen. Heutzutage sind Monitore jedoch so erstaunlich, dass wir im Allgemeinen nur die Farben auswählen, die wir in Photoshop wünschen, und akzeptieren, dass es von Bildschirm zu Bildschirm eine gewisse Variation geben wird.

Wenn Sie für den Druck entwerfen, arbeiten Sie mit Tinte und nicht mit Licht. Zu Beginn bedeutet dies, in CMYK statt RGB zu arbeiten, aber die Auswirkungen gehen weit darüber hinaus.Dinge wie Materialien kommen zusammen mit einer Vielzahl verschiedener Druckmaschinen und Verfahren zum Tragen. Manchmal ist die Farbe, die Sie auf Ihrem Bildschirm sehen, überhaupt nicht auf Papier zu sehen. In anderen Fällen erfordern bestimmte Prozesse wie der Siebdruck bestimmte akzeptierte Praktiken.

Mein bester Rat hier ist, herauszufinden, wie die Druckmethode aussehen wird, und so viel wie möglich zu erforschen. Mit einem vierfarbigen Standarddruckauftrag können Sie am einfachsten arbeiten. Gelegentlich müssen Sie jedoch nur mit einer oder zwei Farben arbeiten, um Ihrem Kunden Geld zu sparen. In diesen Fällen müssen Sie kreativ werden und lernen, großartige Designs mit einer viel eingeschränkteren Palette zu erstellen, als Sie es gewohnt sind.

Sie müssen auch häufig mit Sonderfarben arbeiten, dh, es ist eine dedizierte Tinte, die zu einer bestimmten Farbe gemischt wird, anstatt etwas, das live gemischt wird, indem verschiedene Farben auf das Papier aufgetragen werden. Weitere Informationen zum Arbeiten mit Schmuckfarben finden Sie in unserem letzten Artikel Eine Einführung in die Arbeit mit Schmuckfarben.

Nicht nur Photoshop

Webdesigner leben meist nur in Photoshop. Sie können zu Dreamweaver oder sogar zu Fireworks verzweigen. Eine weitere Erkundung der Adobe Creative Suite ist jedoch häufig nicht erforderlich.

Beim Drucken führen Sie jedoch in der Regel ein Seitenlayout in Anwendungen wie InDesign und Illustrator durch. Ein paar traurige Seelen benutzen Quark noch immer, aber ich kann mir nicht vorstellen, warum. Die gute Nachricht ist, dass Sie in InDesign besonders gut vorbereitet sind, weil Sie in Photoshop besonders stark sind. Die schlechte Nachricht ist, dass es sich immer noch um eine ganz andere Anwendung handelt. Es gibt also eine Menge zu lernen.

Zu den wichtigsten Konzepten gehört, warum Sie mehrere Anwendungen verwenden und wie Sie diese synergetisch in Ihren Workflow integrieren. Die einfache Antwort hier ist, dass Photoshop für Rastergrafiken ist. Alles andere (Vektorgrafiken und Text) sollte in Ihrer Seitenlayout-App behandelt werden.

Angenommen, Sie erstellen ein Magazin-Cover. Sie beginnen mit einer PSD, die Ihr Titelfoto enthält. Hier können Sie typische Farbkorrekturen, Klonen, Stilisieren und alles, was Sie für die Druckbereitschaft des Fotos benötigen, durchführen. Wenn Sie damit fertig sind, können Sie diese PSD in InDesign platzieren und die Vektorgrafiken (oft in Illustrator erstellt) und den Text, der den Rest des Covers ausmacht, überlagern.

Das Layout der Druckseite kann als Puzzle dargestellt werden. In dieser Metapher ist InDesign die Tischplatte, auf der Sie Ihr Puzzle erstellen. Sie erstellen viele Teile in anderen Anwendungen, bringen sie dann zusammen und mischen sie in InDesign herum. Wenn Sie die aktuellen Work-in-Progess-Teile über den Befehl Datei> Platzieren in InDesign ablegen, führen Änderungen, die Sie an der platzierten PSD, EPS usw. in einer anderen App vornehmen, automatisch dazu, dass Ihre InDesign-Datei aktualisiert wird.

Tut Photoshop nicht Text?

An diesem Punkt fragen Sie sich möglicherweise, warum Text in Photoshop nicht verarbeitet wird. Um fair zu sein, wird stark stilisierter Text (mit Fasen, Masken, Schatten, Texturen usw.) häufig im PSD-Teil der Datei gespeichert. In InDesign ist der Umgang mit einfachem Text jedoch viel einfacher. Die Text-Engine ist weitaus besser und verbessert nicht nur den Text, sondern ermöglicht auch weitaus fortgeschrittenere Manipulationen wie automatische Spaltenverteilung und sogar die Rechtschreibprüfung.

Ein weiteres wichtiges Problem ist, dass Sie normalerweise keine Datei an den Drucker senden (druckfertige PDF-Dateien stellen eine Ausnahme dar), sondern sammeln alle Teile Ihres Puzzles in einem Ordner. Dies umfasst Ihre verschiedenen platzierten PSD- und EPS-Dateien, Ihre InDesign-Datei und sogar Ihre Schriftarten. Die Arbeit in InDesign bietet Ihnen den Luxus eines automatischen Sammelns für Ausgabe. Befehl, der automatisch alle Ressourcen erfasst, die der aktuellen Datei zugeordnet sind.

Bleed & Trim

Einer der größten Anfängerfehler, die Sie im Druckdesign machen können, ist, dass Sie nicht mit einem Anschnitt auskommen. Druckereien verlangen bestimmte Spezifikationen von Designern, nicht weil sie wählerisch oder inkompetent sind, sondern weil der Prozess wirklich funktioniert und ohne diese der gesamte Druckauftrag beeinträchtigt wird.

Das Entnehmen mit Anschnitt ist einfach und ermöglicht jederzeit den perfekten, randlosen, professionellen Druck. Durch das Einfügen eines Anschnitts können Sie einen Druck erstellen, der größer ist als der endgültige Auftrag. Auf diese Weise sieht alles nach dem Abschneiden des Überstands perfekt aus und reicht bis zum Rand, unabhängig von geringfügigen Papierverschiebungen, die möglicherweise beim Drucken aufgetreten sind.

Im Webdesign kennen Sie das CSS-Boxmodell. Im Druckdesign gibt es etwas, das ähnlich aussieht und im Wesentlichen definiert, wie fast jeder Druckauftrag erstellt werden soll. Hier ist ein kurzer Blick auf die Funktionsweise:

Bei diesem Modell gibt es drei Hauptbereiche: das Anschnitt, den Beschnitt und den Live-Bereich. Die Trimmung ist am einfachsten zu verstehen. Dies ist die endgültige gewünschte Größe des gedruckten Dokuments. wo wird das Papier geschnitten? zu. Im obigen Beispiel hat unser Kunde ein Design bestellt, das fünf Zoll breit und drei Zoll groß ist. Von hier aus müssen wir zwei weitere Bereiche erstellen: einen, der größer als der Beschnitt ist, und einen, der kleiner ist.

Der größere Bereich ist der Anschnitt. Wie wir gerade erklärt haben, kann die Tinte vom Rand der Seite weggehen. Der Job oben hat einen Hintergrund mit Farbverlauf, aber dieser Hintergrund ist über die Grenzen von 5 "x3" hinaus auf einen Bereich von 5,75 "x3,75" gedehnt. Durch Hinzufügen von 0,25 "zur Gesamtgröße ergibt sich ein 1/8-Zoll-Anschnitt um die gesamte Seite, der in den USA Standard ist (in Großbritannien normalerweise 2 bis 5 mm). Alles, was Sie in das Dokument einfügen, sollte dies "bluten" auf der Seite, sei es ein Foto oder eine texturierte Füllung, sollte sich auf diesen größeren Bereich erstrecken, wobei zu beachten ist, dass sie an der Schnittlinie entlang geschnitten wird.

Der kleinere Bereich, den ich im obigen Beispiel erstellt habe, ist der "Live-Bereich". Dies ist ein sehr wichtiges Stück, das Sie als Webdesigner nicht kennen. Im Allgemeinen ist es eine schlechte Praxis, nicht blutenden Text und Grafiken zu nahe am Seitenrand zu platzieren. Sie möchten ihnen viel Raum für visuelle Atmung geben und auch sicher sein, dass sie nicht abgeschnitten werden. Daher wird der Live-Bereich als eine Art sicherer Bereich erstellt, in den Sie diese Art von Inhalt einfügen können. Wenn Sie beispielsweise eine große Überschrift wünschen, strecken Sie sie von einem Ende des Live-Bereichs zum anderen, aber nicht weiter.

Die Größe der Live-Bereiche ist nicht standardisiert und variiert von Job zu Job erheblich. Als Faustregel gilt, dass ich meinen Live-Bereich 1/8 "rundherum so einsetze, dass er mit dem Anschnitt übereinstimmt. Verschiedene Magazine und Zeitungen haben jedoch ihre eigenen Anforderungen, die Sie einhalten müssen. 8 "Einfügung ist nicht nahe genug und führt zu Grafiken, die immer noch so aussehen, als würden sie ohne Atemraum bis zum Rand gehen. In diesem Fall müssen Sie einen Augapfel nehmen und sich für einen akzeptablen Weltraumpuffer entscheiden.

Glücklicherweise können sowohl Illustrator als auch InDesign einen Großteil der Arbeit mit dem Erstellen von Dokumenten mit diesen integrierten Spezifikationen abwickeln. Dennoch ist es wichtig, die Konzepte zu verstehen. Wenden Sie sich auch an Ihren Druckdienstleister, da er wahrscheinlich vorgefertigte Vorlagen hat, die allen Beteiligten viel Ärger ersparen.

Designtrends

Um unsere Diskussion zu beenden, wollen wir kurz diskutieren, wie man ein Druckdesign aus einer kreativen Perspektive betrachten kann. Zunächst erfahren Sie schnell, dass Print ein ganz anderes Medium ist als Sie es im Web gewohnt sind. Im Webdesign sind Sie nur durch Ihre Vorstellungskraft eingeschränkt. Beim Drucken haben Sie eine physische Seitengröße, die angepasst werden muss. Scrollen ist nicht möglich! Das bedeutet, wenn Sie als Kunde eine Menge Text erhalten, müssen Sie herausfinden, wie Sie ihn lesbar und ansprechend gestalten.

Denken Sie auch daran, dass Ihr spezieller Designstil und Ihre Tendenzen für den Druck geeignet sind oder nicht. Genau wie beim Webdesign ist es wichtig, sich umzusehen und aktuelle Trends im Druckbereich zu beachten. Machen Sie einen Ausflug zum Buchladen und durchsuchen Sie einige Zeitschriften (überspringen Sie die Anzeigen nicht, sie sind der beste Teil), oder durchsuchen Sie die Junk-Mail, bevor sie den Papierkorb erreicht.

Wenn Sie sich der Trends bewusst werden, müssen Sie nicht konformistisch sein, sondern Sie behalten den Kontakt mit dem, was die Menschen gewohnt sind. Wenn Sie 1995 das letzte Mal auf das Druckdesign geachtet haben, könnten Sie dazu neigen, etwas zu produzieren, das für die heutigen Konsumenten hässlich und veraltet aussieht.

Wenn Sie nur über den Stand des modernen Webdesigns Bescheid wissen, könnten Sie ebenfalls Schwierigkeiten haben, diese Ideen auf eine gedruckte Seite zu übersetzen, und zwar auf eine Weise, die für den Betrachter sowohl sinnvoll als auch ansprechend ist. jQuery-Animationen sind hier nicht gut, man muss durch rein statische Ästhetik den Fokus einer Person auf sich ziehen.

Es braucht Zeit und Übung, aber ein Goo-Designer wird sowohl im Print- als auch im Webdesign florieren.

Fazit

Um ehrlich zu sein: Wenn Sie derzeit ein Webdesigner sind, der in Print einsteigen möchte, sind Sie in einer guten Position. In vielerlei Hinsicht kehren Sie zu einer einfacheren Denkweise zurück. Um den umgekehrten Weg zu gehen, ist viel neues technisches Lernen erforderlich, insbesondere wenn Code zum Tragen kommt.

Dieser Artikel soll Ihnen zeigen, dass Sie Photoshop nicht einfach öffnen können und entscheiden können, dass Sie eines Tages Printdesigner werden. Ihr Wissen als Webdesigner hilft, aber es gibt immer noch viel branchenspezifisches Lernen, das durchgeführt werden muss. Alles von der Vorlagenerstellung bis zur Fertigstellung des Designs ist ein sehr spezifischer Prozess beim Drucken. Wenn Sie Ihre Informationen nicht kennen, könnten Sie für Fehler finanziell haftbar gemacht werden. Wenn Sie sich ein wenig Zeit nehmen, um die Informationen zu lesen, können Sie sich viel Ärger und Kopfschmerzen ersparen.

Hinterlassen Sie unten einen Kommentar und teilen Sie uns mit, welche druckspezifischen Tipps Sie für Webdesigner haben, die den Übergang bewirken!

Bildnachweise: Corey Holms, Alain Bachellier, Nate Hofer, Katy Beck und Steve Garfield.