8 Tipps für Druckdesigner, die auf Web- und Digitaldesign umsteigen
Heutzutage arbeiten mehr Designer plattformübergreifend und wechseln zwischen Print- und Digitalprojekten hin und her. Obwohl ein Großteil der Theorie dieselbe ist, gibt es in der Praxis viele technische Unterschiede, wenn es darum geht, an etwas zu arbeiten, das im Vergleich zu einer Website gedruckt wird. Es sind bestimmte Kenntnisse und Fähigkeiten erforderlich, um in beiden Umgebungen effektiv und effizient zu arbeiten.
Aber es ist möglich. Hier geben wir acht Tipps für Druckdesigner, die auf digitale Projekte umsteigen. (Und ich kann für jeden einzelnen Tipp als Designer bürgen, der den Wechsel vorgenommen hat.)
Entdecken Sie Envato-Elemente
Design ist fließend
Eines der Dinge, die sich im Druckdesign nicht ändern, ist die Größe. Jedes Dokument wird in einer bestimmten Größe entworfen und gedruckt. (Und häufig auch auf einem einzigen Medium.)
So funktioniert das Web einfach nicht. Jeder Benutzer kann eine Website mit einer anderen Breite und Höhe des Browsers oder die Website auf einem Mobiltelefon oder Tablet anzeigen. Daher muss jedes Design eine Vielzahl von Größen und Geräten berücksichtigen.
Machen Sie sich mit Responsive Design vertraut, was es ist und wie es funktioniert. Responsive Design (manchmal auch als RWD bezeichnet) ist ein Ansatz für das Website-Design, bei dem Websites so erstellt werden, dass sie unabhängig vom Gerät - Desktop, Tablet oder Handy - optimal angezeigt werden. Designer erstellen das Design mit fließenden, proportionalen Rasterkonzepten und flexibler Typografie und Bildern.
Zusätzlich zu Größenänderungen ist der Speicherplatz „unbegrenzt“. Als Designer sind Sie nicht an die Einschränkungen einer 4 x 6 Zoll großen Postkarte oder eines 11 x 17 Zoll großen Posters gebunden. Die Leinwand reicht für so viele Seiten, wie Sie möchten, und kann fast unendlich scrollen.
Lerne ein wenig HTML
Wenn Sie für das Web entwerfen möchten, müssen Sie die Grundlagen kennen. Und Sie können beginnen, indem Sie sich selbst trainieren. (In diesem vorherigen Artikel zu Design Shack finden Sie eine Liste großartiger Startpunkte.)
Beginnen Sie mit ein wenig HTML, der Sprache des Webs. Mit nur ein wenig Verständnis von HTML können Sie lernen, Farben, Schriftarten und Größen auf einer Website einfach zu ändern. HTML ist die Grundlage, auf der alles Webbasierte basiert, und ohne es werden Sie im digitalen Design Probleme haben.
Wenn Sie mit den Grundlagen von HTML vertraut sind, verzweigen Sie zu CSS und Basiscode. Mit CSS oder Cascading Style Sheets können Sie eine Reihe von Stilen für Ihre Website basierend auf einem Stylesheet erstellen und ändern. Es erstellt eine Reihe von Entwurfsregeln und kann verwendet werden, um eine Website-Hierarchie zu erstellen und die visuelle Konsistenz aufrechtzuerhalten. Das Verständnis grundlegender Codierungskonzepte hilft Ihnen zu verstehen, warum die Dinge so funktionieren, wie sie im Web funktionieren. Obwohl das Codieren auf den ersten Blick wie Kauderwelsch aussieht, ist es sinnvoll, wenn Sie erst einmal anfangen, es zu betrachten.
Sie müssen kein Meister in HTML, CSS oder Code sein, um ein großartiges digitales Projekt zu erstellen, aber es wird enorm helfen.
Dynamischen Inhalt erstellen
Das Druckdesign ist von Natur aus flach. Text und Bilder liegen auf einem Papiertyp oder einer anderen ebenen Fläche. Digitales Design ist dynamisch und aktiv. Denken Sie daran und nutzen Sie es zu Ihrem Vorteil.
Objekte können sich bewegen, Sound oder Links enthalten und sogar Werkzeuge, mit denen Elemente eingeblendet oder schwebt, wenn sich der Benutzer ihnen nähert. Web- und digitale Projekte sollten auf die Benutzererfahrung ausgelegt sein. Dies könnte eine ziemliche Veränderung gegenüber einigen der Philosophien sein, die Sie in der Druckwelt gewohnt sind.
Es ist auch wichtig, allgemeine visuelle Hinweise und Benutzeroberflächenaktionen zu verwenden, damit Ihre Website so funktioniert, wie Benutzer es erwarten und wissen.
Farbe ist anders
Druckdesigner arbeiten in CMYK. Das digitale Design basiert auf RGB- oder HEX-Farben.
So wie die CMYK-Farbe anhand von Zahlen erklärt wird, um Farbwerte von Grundtönen darzustellen, um jede mögliche Farbe zu erhalten, arbeitet RGB nach demselben Konzept. RGB - Rot, Grün, Blau - werden in unterschiedlichen Mengen gemischt, um jede Farbe im digitalen Spektrum zu erzeugen.
Der Unterschied besteht darin, wie Farben erstellt werden. CMYK - Cyan, Magenta, Gelb, Schwarz - entsteht durch die Kombination von Farben im Druckprozess. RGB ist eine Kombination von Farben, die im Licht angezeigt werden.
Farben werden mit RGB-Werten (von 0 bis 255 oder jeder Farbe) benannt, um 16 Millionen verschiedene Kombinationen zu erstellen.
HEX-Werte sind eine Erweiterung der RGB-Farbe und jeder Wert entspricht einer RGB-Farbe. Ein HEX-Wert ist einfach der HTML-Ausdruck einer RGB-Farbe. Farben werden mit # gefolgt von einer sechsstelligen Zahl benannt, wobei sich jedes Zahlenpaar auf Rot, Grün und Blau bezieht. (HEX-Werte enthalten auch Buchstaben für Zahlen größer als 99.)
Grundlegendes zur Web-Typografie
Druckdesigner können an die Idee gewöhnt sein, dass sie jede Schriftart verwenden können und eine unbegrenzte Anzahl von Schriftarten zur Verfügung haben. (Natürlich abhängig von der Lizenzierung.)
Web-Typografie kann etwas kniffliger sein, obwohl sie sich ständig verbessert. Die größte Herausforderung besteht darin, die Kompatibilität von Typ und Browser zu verstehen. Nicht jede Schrift wird auf verschiedenen Geräten gleich gerendert.
Dann gibt es grundlegende Webstandards und Lesbarkeitsprobleme, die beim Lesen auf einem Bildschirm auftreten. Ob es Ihnen gefällt oder nicht, serifenlose Schriften sind so ziemlich der Standard, wenn es um Text im Web geht. Und die oft gemiedene Schrift Arial ist überall. Warum? Weil es immer als Arial rendert. Keine Überraschungen da.
Der Rest der Dinge, die Sie über Typ wissen, bleibt gleich. Übe gutes Kerning, Führen und Verfolgen. Skalieren Sie den Text proportional zu anderen Typen und Elementen im Design, um ein ordentliches, sauberes Gesamtbild zu erhalten.
Bildgröße ist wichtig
Das Web, in dem einst Millionen von Bildern mit niedriger Auflösung zu Hause waren, entwickelt sich dank der Entstehung von Retina-Displays wieder weiter, wenn es um Bilder geht.
Während der Standard für die meisten Webbilder 72 dpi beträgt - ich weiß, dass dies für Druckdesigner sehr klein erscheint, aber kleinere Bilder schneller geladen werden und gut aussehen -, beginnen mehr Websites, Bilder für die Retina-Anzeige in Betracht zu ziehen. Diese hochauflösenden Webbilder werden häufig noch mit 72 dpi gespeichert, sind jedoch in Bezug auf die Gesamtgröße viel größer.
Anstatt ein Bild mit einer Breite von 600 Pixel zu speichern - ein gängiger Standard dank Pinterest und angehefteten Bildern - kann ein Bild für die Retina-Anzeige 1.564 Pixel breit sein.
Webbilder werden je nach Bildtyp und Verwendung häufig in bestimmten Formaten gespeichert - JPEG, PNG oder GIF. Gängige Druckformate wie TIFF sind für die Verwendung im Web nicht akzeptabel.
SEO hat einen Einfluss auf das Design
Machen Sie sich mit der Suchmaschinenoptimierung vertraut. Die Art und Weise, wie Ihre Website funktioniert und welcher Text darauf (und in versteckten Tags) angezeigt wird, kann dramatische Auswirkungen darauf haben, wer Ihre Website findet und wie sie von Suchmaschinen eingestuft wird. SEO ist ein wichtiger Teil des Webdesign-Prozesses.
SEO bezieht sich auch auf soziale Medien. Fast jede Marke mit einer Webpräsenz verfügt über entsprechende soziale Medien. Beachten Sie dies während des Designprozesses, damit alle Teile konsistent erstellt und entworfen werden können.
Lernen loszulassen
Das Druckdesign ist sehr präzise. Sie können jeden Raum und jedes Detail messen und es wird immer so aussehen, wie Sie es entworfen haben. Das Web funktioniert einfach nicht so. Es gibt einige Dinge, die in verschiedenen Umgebungen unterschiedlich aussehen. Man muss lernen loszulassen, wenn es um diese Dinge geht.
Verstehe dein Medium und seine Grenzen. Opfern Sie nicht Ihr Designkonzept, sondern lernen Sie auch, dass einige Dinge auf eine Weise funktionieren, die möglicherweise ungewohnt ist oder auf eine bestimmte Weise aussieht. Akzeptiere es und gehe weiter.
Fazit
Ich habe meine Designkarriere in Zeitungen begonnen. Heute entwerfe ich ein bisschen von allem und teile meine Arbeit zwischen Print- und Webprojekten auf.
Obwohl ich einige Arbeit benötigt habe, um es in der Welt des Web- und Digitaldesigns zu „verstehen“, ist es eine unschätzbare Fähigkeit und Notwendigkeit für Designer auf dem heutigen Markt. Ich kann nicht ausdrücken, wie wichtig es für Designer ist, zu lernen, medienübergreifend zu arbeiten und die Feinheiten der einzelnen zu verstehen.
Wenn Sie mit Print- und Digitalprojekten arbeiten können, werden Sie zu einem besseren Designer. Sie lernen Dinge, die Sie medienübergreifend zu Projekten tragen. Sie werden marktfähiger und bleiben hoffentlich zufrieden und herausgefordert, wenn Sie neue Fähigkeiten erlernen und einsetzen.
Sind Sie ein Druckdesigner, der begonnen hat, an digitalen Designprojekten zu arbeiten? Teilen Sie uns in den Kommentaren einige Ihrer Tipps und Erfahrungen mit.
Bildquellen: Webtype und Jeff Eaton.
