Heutzutage arbeiten mehr Designer plattformübergreifend und wechseln zwischen Print- und Digitalprojekten. Obwohl die Theorie weitgehend identisch 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. Um in beiden Umgebungen effektiv und effizient arbeiten zu können, sind bestimmte Kenntnisse und Fähigkeiten erforderlich.
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, der den Wechsel vorgenommen hat, bürgen.)
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 nicht. Jeder Benutzer kann eine Website mit einer anderen Breite und Höhe des Browsers anzeigen 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, 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 erstellt werden, die unabhängig von Geräten - Desktop, Tablet oder Handy - optimal angezeigt werden. Designer erstellen das Design anhand fließender, anteilsgestützter Gitterkonzepte und flexibler Typografie und Bilder.
Neben den Größenänderungen ist der Speicherplatz unbegrenzt. Als Designer stecken Sie nicht in den Einschränkungen einer 4 x 6-Zoll-Postkarte oder eines 11 x 17-Poster. Die Leinwand reicht für beliebig viele Seiten und kann fast unendlich oft verschoben werden.
Lerne ein wenig HTML
Wenn Sie für das Web entwerfen möchten, müssen Sie die Grundlagen kennen. Und Sie können mit dem Training beginnen. (Sehen Sie sich diesen Artikel zu Design Shack an, um eine Liste der besten Startplätze zu erhalten.)
Beginnen Sie mit etwas HTML, der Sprache des Webs. Mit nur ein wenig Verständnis für HTML können Sie lernen, Farben, Schriftarten und Größen auf einer Website einfach zu ändern. HTML ist die Grundlage, auf der alles, was webbasiert ist, aufgebaut ist und ohne dass Sie im digitalen Design Schwierigkeiten haben werden.
Wenn Sie sich mit den Grundlagen von HTML vertraut gemacht haben, verzweigen Sie in CSS und grundlegenden Code. Mit CSS oder Cascading Style Sheets können Sie einen Stilsatz für Ihre Website basierend auf einem Stylesheet erstellen und ändern. Es erstellt eine Reihe von Entwurfsregeln und kann verwendet werden, um eine Websitehierarchie zu erstellen und die visuelle Konsistenz aufrechtzuerhalten. Wenn Sie die grundlegenden Codierungskonzepte verstehen, können Sie verstehen, warum die Dinge so funktionieren, wie sie im Internet funktionieren. Obwohl das Codieren auf den ersten Blick wie Kauderwelsch aussieht, macht es Sinn, wenn Sie wirklich anfangen, es zu betrachten.
Sie müssen kein HTML- oder CSS-Master sein, um ein großartiges digitales Projekt zu erstellen, aber es wird enorm helfen.
Dynamischen Inhalt erstellen
Das Druckdesign ist von Haus aus flach. Text und Bilder liegen auf einer Papiersorte oder einer anderen flachen Oberfläche. Digitales Design ist dynamisch und aktiv. Denken Sie daran und nutzen Sie es zu Ihrem Vorteil.
Objekte können sich verschieben, Sound oder Links enthalten und sogar Werkzeuge, mit denen Elemente angezeigt werden, wenn sich der Benutzer ihnen nähert. Web- und digitale Projekte sollten auf die Nutzererfahrung abgestimmt sein. Dies könnte sich durchaus von einigen der in der Druckwelt gewohnten Philosophien unterscheiden.
Es ist auch wichtig, allgemeine visuelle Hinweise und Benutzeroberflächenaktionen zu verwenden, damit Ihre Website auf eine Weise funktioniert, die die Benutzer erwarten und nutzen können.
Farbe ist anders
Druckdesigner arbeiten in CMYK. Das digitale Design basiert auf RGB- oder HEX-Farben.
So wie CMYK-Farben mit Zahlen erklärt werden, um Farbwerte von Grundfarben darzustellen, um jede mögliche Farbe zu erzeugen, arbeitet RGB mit 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 erzeugt werden. CMYK - Cyan, Magenta, Gelb, Schwarz - wird durch Kombinieren von Farben im Druckprozess erstellt. RGB ist eine Kombination von Farben, die in 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 Nummer benannt, wobei sich jedes Zahlenpaar auf Rot, Grün und Blau bezieht. (HEX-Werte enthalten auch Buchstaben, um Zahlen größer als 99 darzustellen.)
Grundlegendes zur Web-Typografie
Druckdesigner können daran gewöhnt sein, dass sie eine beliebige Schriftart verwenden können und über eine unbegrenzte Anzahl von verfügbaren Schriftarten verfügen. (Abhängig von der Lizenz natürlich.)
Web-Typografie kann etwas komplizierter sein, obwohl sie sich ständig verbessert. Die größte Herausforderung besteht darin, die Typ- und Browserkompatibilität zu verstehen. Nicht jede Schriftart wird auf verschiedenen Geräten auf dieselbe Weise dargestellt.
Außerdem gibt es grundlegende Webstandards und Bedenken hinsichtlich der Lesbarkeit, die beim Lesen auf einem Bildschirm auftreten. Sans Serif-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 den Typ wissen, bleibt derselbe. Üben Sie gutes Kerning, Führen und Tracking. Skalieren Sie den Text proportional zu anderen Textelementen und Elementen im Design, um ein sauberes Gesamtbild zu erhalten.
Bildgröße zählt
Das Web, in dem sich Millionen von Bildern mit niedriger Auflösung befanden, entwickelt sich dank der Entwicklung von Retina-Displays immer wieder neu, wenn es um Bilder geht.
Der Standard für die meisten Webbilder ist zwar 72 dpi - ich weiß, dass dies für Druckdesigner sehr klein erscheint, aber kleinere Bilder werden schneller geladen und sehen gut aus - mehr Websites fangen an, Bilder für die Retina-Anzeige zu berücksichtigen. 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 Pixeln zu speichern - ein üblicher Standard dank Pinterest und fixierten Bildern - kann ein Bild für die Retina-Anzeige 1.564 Pixel breit sein.
Webbilder werden häufig in bestimmten Formaten gespeichert - JPEG, PNG oder GIF - je nach Bildtyp und -nutzung. Übliche Druckformate wie TIFF sind für die Verwendung im Web nicht akzeptabel.
SEO hat Auswirkungen auf das Design
Machen Sie sich mit der Suchmaschinenoptimierung vertraut. Die Art und Weise, in der Ihre Website funktioniert und welcher Text darauf (und in verborgenen Tags) angezeigt wird, kann dramatische Auswirkungen darauf haben, wer Ihre Site findet und wie sie von Suchmaschinen eingestuft wird. SEO ist ein wichtiger Teil des Webdesignprozesses.
SEO bezieht sich auch auf soziale Medien. Nahezu jede Marke mit einem Internetauftritt verfügt über entsprechende soziale Medien. Beachten Sie dies während des Konstruktionsprozesses, damit alle Teile konsistent erstellt und gestaltet 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 anders aussehen. Sie müssen lernen, loszulassen, wenn es um diese Dinge geht.
Verstehen Sie Ihr Medium und seine Grenzen. Verzichten Sie nicht auf Ihr Design-Konzept, sondern lernen Sie auch, dass einige Dinge auf eine Art und Weise funktionieren, die möglicherweise ungewohnt ist oder auf eine bestimmte Art und Weise aussieht. Akzeptiere es und mache weiter.
Fazit
Ich begann meine Designkarriere in Zeitungen. Heute entwerfe ich ein bisschen von allem und teile meine Arbeit zwischen Print- und Webprojekten auf.
Obwohl es einige Arbeit von meiner Seite dauerte, um es zu bekommen? Wenn es um die Welt des Webs und des digitalen Designs geht, ist dies für Designer von heute eine unabdingbare Kompetenz und Notwendigkeit. Ich kann nicht ausdrücken, wie wichtig es für Designer ist, zu lernen, medienübergreifend zu arbeiten und deren Feinheiten zu verstehen.
Wenn Sie mit Print- und Digitalprojekten arbeiten können, werden Sie zu einem besseren Designer. Sie lernen Dinge, die Sie in verschiedenen Medien zu Projekten transportieren. Sie werden marktfähiger und bleiben hoffentlich zufrieden und gefordert, wenn Sie neue Fähigkeiten erlernen und anwenden.
Sind Sie ein Printdesigner, der mit der Arbeit an digitalen Designprojekten begonnen hat? Teilen Sie uns in den Kommentaren einige Ihrer Tipps und Erfahrungen mit.
Bildquellen: Webtype und Jeff Eaton.