So entwirfst Du Displayanzeigen für Online-Marketing

1. Einführung: - Hallo. Mein Name ist Jasmine und willkommen bei der Gestaltung für digitales Marketing Kurs in dieser Videoserie wird darüber gehen, wie Design einrichten und exportieren, was als Display-Anzeigen bekannt sind. Jetzt haben Sie diese Arten von Anzeigen mehr als wahrscheinlich schon gesehen. Wenn ich die Website ziehen, werden Sie sehen, dass wir den Inhalt der Website hier und dann um diesen Hauptinhalt haben. Wir haben diese digitalen Anzeigen, und diese waren sehr von Mensch zu Mensch. Digitale Vermarkter haben wirklich gut in der Suche und Anzeige der richtigen Art von Add um die genaue Art von Person, die sie Targeting. Wir werden nicht genau darauf eingehen, wie das vorkommt. Aber als Designer, und vor allem, wenn Sie für ein E-Commerce-Unternehmen arbeiten, könnten Sie aufgefordert werden, diese Art von Anzeigen zu produzieren. Und es ist eine unglaublich wertvolle Fertigkeit, tohave so in dieser Lektion wird darüber gehen, wie man das entwirft, was es statische Display-Anzeigen nennt und dann, in einer Follow-up-Serie, wird darüber gehen, wie man tatsächlich Animationen und Effekte zu den Display-Anzeigen, wie Sie hier sehen . Also lasst uns anfangen 2. Kurseinheit 1 – Einrichtung deiner Datei: jetzt gibt es eine Reihe von Möglichkeiten und Programmen, die Sie verwenden können, um diese Display-Anzeigen zu entwerfen, aber ich persönlich habe festgestellt, dass die einfachsten und intuitivsten Möglichkeiten mit Photoshopped Die meisten Designer sind bereits ziemlich vertraut mit Fotoshop, so gibt es keine Lernkurve, was nicht immer der Fall ist, wenn Sie versuchen, mit Google Web Designer oder mit HTML fünf zu entwerfen . Also zuerst werden die Dinge zuerst Google AdSense betrachten und die Spezifikationen für die unterstützten Add-Größen erhalten . Ich werde einen Link zu dieser Seite in der Beschreibung der Kursdetails setzen, aber wir können hier sehen, dass es eine Reihe von verschiedenen Größen gibt, die Google akzeptieren wird. Wir wollen sicherstellen, dass wir diese Top-Performer und einige der anderen Größen hier haben, um sicherzustellen, dass sie auf vielen verschiedenen Plattformen wie iPhones und Tablets vermarktet werden können . Also lassen Sie uns ein Fotoshop-Dokument einrichten, das ich hier abgeschlossen Suite von 12 verschiedenen Anzeigengrößen , und ich habe sie alle in der gleichen Datei. Der Grund, warum ich es so mache, weil ich gerne alle verschiedenen Anzeigen zur gleichen Zeit sichtbar haben , so dass es sicherstellen könnte, dass sie alle aussehen, als wären sie Teil der gleichen Kampagne. Ich möchte sicherstellen, dass, obwohl diese Anzeige vertikal ist und diese horizontal ist und diese Luft, quadratisch und rechteckig, sie alle sehen ziemlich gleich, was ich denke, ist ein wenig schwieriger zu dio, wenn Sie haben jedes Add in einem anderen Dokument gespeichert und Sie müssen zwischen Dokumenten umschalten. Also, Sie richten dies ein, wir gehen zu Datei neu, und ich werde meine Anzeigengröße hier festlegen, die in diesem Fall 300 mal 600 sein wird. Ich möchte sicherstellen, dass es ein 72 d P I und ein RGB-Farbmodus ist, und ich möchte auch sicherstellen, dass Kunstboards ausgewählt sind, damit es erstellt wird. Und jetzt habe ich meine erste Kunsttafel. Ich werde diese 300 mal 600 umbenennen, damit ich nicht verwirrt werde, wenn ich all diese verschiedenen Anzeigengrößen in meinem Art-Board-Panel habe . Dann gehe ich zu Layer New Art Board und setze meine nächste Add-Größe, die in diesem Fall 1 20 mal 600 sein wird und ich möchte es auf die gleiche Weise umbenennen wie ich die anderen 11 20 mal 600 gemacht habe . Kein Schlag. Okay, und da ist meine nächste Dad Größe, und du kannst tatsächlich auf den Rand des Flughafens klicken und diese bewegen, um sie in irgendeiner Weise auszulegen , die du willst. Wiederholen Sie diesen Vorgang, bis Sie alle unterschiedlichen Anzeigengrößen haben, die Sie für Ihre Kampagne benötigen . 3. Kurseinheit 2 - Designprinzipien und Praktiken: Okay, Also, jetzt hoffentlich haben Sie eine Datei, die in etwa so aussieht, wo Sie mehrere verschiedene Anzeigengrößen haben und jede in ein individuelles Kunstboard gesetzt hat, und von hier aus können Sie anfangen, Grafikelemente und Design hinzuzufügen, die die Art und Weise, wie Sie normalerweise würde. Ich mag es, mit einer dieser rechteckigen hinzufügen Größen zu beginnen, weil es mir eine gute Grundlage gibt , um von zu arbeiten, wenn ich durchgehe und dann in eine der vertikalen und horizontalen Bauchmuskeln übersetzen . Also geh hier durch. Also zoomen Sie hier hinein und Sie können sehen, dass sie diese Bildebene haben und ein Logo mit einem äußeren Glanz haben, um ihm eine gewisse Lesbarkeit zu geben. Ich habe diese Form, die irgendwie wie eine Gedankenblase ist. Und dann habe ich Schlagzeilen im Text, und ich habe das hier. Schlagzeilen im Text, Aber hier drin nennt man das CT A oder Call to Action. Nun, die Wahrheit ist, dass sobald die Anzeige auf einer Website ist, die gesamte Addis klickbar Ich kann überall hier klicken, und es wird den Benutzer auf die richtige Seite weiterleiten. Aber eine starke und definierte siehe ta hilft, die Aufmerksamkeit des Benutzers zu lenken und macht es wahrscheinlicher , dass der tatsächlich auf die Anzeige klicken, so dass einige gemeinsame CTS jetzt angemeldet werden. Mittlerweile sind wir so, als hätte ich hier mehr erfahren. Aber egal, welche Zeile Sie angegeben haben, Sie möchten sicherstellen, dass sie in irgendeiner Weise hervorgehoben ist. Also gehen Sie vor und beenden Sie Ihr erstes Layout. In der nächsten Lektion zeige ich Ihnen einige einfache Möglichkeiten, den Prozess der Erstellung aller anderen Anzeigengrößen mit einigen integrierten Fotoshop-Paketen zu beschleunigen und zu optimieren . 4. Kurseinheit 3 – Photoshop Hacks: Richtig. Also, jetzt haben wir eine abgeschlossen, und wir müssen im Wesentlichen genau das gleiche neu gestaltet. Fügen Sie 12 weitere Male hinzu und um den Prozess zu beschleunigen, werde ich tatsächlich nur alle diese Ebenen duplizieren und sie auf die nächstnächste AB-Größe kopieren . Und um dies zu tun, Ich werde tatsächlich alle diese Ebenen auswählen und rechts schnell und wählen Sie doppelte Ebenen die Sie im Fenster sehen werden. Wenn das Fenster erscheint, kann ich auch auswählen, auf welchem Artboard die Ebenen dupliziert . Weshalb ist das so? Am Anfang ist es wirklich hilfreich, alle Ihre Kunsttafeln zu benennen. Es macht es einfach so viel einfacher, wenn Sie jede Art von Referenz durchlaufen und auf, Sie wissen, all diese verschiedenen Anzeigengrößen duplizieren Sie wissen, müssen. Also wählen Sie sie in meiner nächsten nächsten Add-Größe, die in diesem Fall 50 mal 2 50 ist und ich werde okay treffen, und jetzt sind alle genau die gleichen Grafikelemente in der gleichen Reihenfolge und im gleichen Layout wie das, das es gerade entworfen hat. Und von hier aus muss ich nur ein paar Anpassungen vornehmen. Teoh diese Anzeigengröße, muss ich einige der Texte oft ändern, vielleicht verkleinern einige dieser Bilder, bewegen Sie Ihre Bewegung Dinge um ein wenig, aber insgesamt, sehr einfache Anpassungen. Und selbst wenn ich diese Ebenen auf einige dieser horizontalen und vertikalen Größen dupliziere , verwende ich immer genau die gleichen Grundelemente, was wirklich hilfreich ist und hilft, das Gefühl jedes Adds konsistent zu halten. Eine andere Abkürzung ist, sagen wir, Sie legen alles fertig, und dann entscheidet das Team, dass es tatsächlich einen Teil des Textes ändern möchte. In diesem Fall, sagen wir, sie wollen es sagen, Klicken Sie hier statt mehr gut lernen, anstatt durch eine einzelne, einzeln in eine Bearbeitung es jedes Kunstboard klicken. Ich kann tatsächlich gehen, um Text zu bearbeiten, zu finden und zu ersetzen, und ich werde Photoshopped sagen, jede Instanz von zu finden, mehr zu erfahren und es durch quick hier zu ersetzen, um sicherzustellen, dass es so ist, dass alle Ebenen zu durchsuchen . Und dann wird die Groß-/Kleinschreibung nicht beachtet. Und dann werde ich sagen, ändern Sie alle und Photoshopped wird tatsächlich durchgehen und finden jede Instanz von mehr erfahren und aktualisieren Sie es für mich, und ich könnte das mit jeder Textebene tun, die ich tatsächlich sagen kann. Gut, sagen wir, für die in diesem Beispiel, bestraft 25.000 und aktualisieren Sie es auf 30.000. Tun Sie genau das Gleiche geändert. Alle Fotoshop wird diesen Befehl ausführen. Und jetzt wurde meine Steuer wieder aktualisiert. Macht es wirklich einfach, Art von globalen Änderungen an diesen Display-Anzeigen vorzunehmen. Eine weitere Zeit sparende Zukunft ist die Verwendung von intelligenten Objekten anstelle von Bildebenen. Ich habe es in diesem Beispiel nicht verwendet, weil diese Layoutart eine Fotomanipulation erforderte , in die ich gehen musste und tatsächlich in einem Hintergrund zu diesen verschiedenen Anzeigengrößen hinzufügen musste. Aber in diesem Beispiel, tatsächlich in das Bild als Smart-Objekt fallen gelassen. Und dann, wie wir besprochen haben, habe ich es auf jedem Kunstboard dupliziert. Es ist also im Wesentlichen das gleiche Smart-Objekt, das mehrere, verschiedene Zeiten miteinander verknüpft ist. Und der Vorteil, das zu tun, tut es. Nehmen wir an, dass ich dann dieses Bild ändern muss. Aus welchem Grund auch immer, ich kann tatsächlich in dieses intelligente Objekt doppelklicken und ein neues Ersatzbild ablegen. Also werde ich voran gehen und mein neues Bild finden, es fallen lassen und die Größe ändern, um sicherzustellen, dass es zu diesem Kunstboard passt. Sobald es eingestellt ist, werde ich in diesem Bild tatsächlich weiter und flach gehen. Das ist also das gleiche wie vorher. Dann werde ich das sagen. Und wenn ich zu meinem Originaldokument zurückgehe, sehe ich, dass der Fotoshop tatsächlich aktualisiert wurde. Alle von ihnen, weil sie all dies auf dem exakt gleichen duplizierten Bild waren. Also alles, was ich tun muss, ist reingehen und ein paar feinere kleinere Anpassungen vornehmen, wie sie skalieren und sicherstellen, dass sie sich korrekt in dem Rahmen befinden, in dem ich sie haben möchte, was wiederum viel Zeit spart, wenn Sie wissen, dass Anpassungen diese diese aktualisieren -Anzeigen. 5. Kurseinheit 4 – Exportieren deiner DisplayAnzeigen: jetzt, wenn es an der Zeit ist, diese Anzeigen zu exportieren, ist es ziemlich einfach, da diese statisch sind, da es keine Animation daran beteiligt . So können Sie im Wesentlichen einfach eine flache Bilddatei wie ein J Peg oder ein PNG exportieren. Also wollen wir Dateien exportieren Kunstboards in Dateien und dann von hier aus alle auswählen, wo ich sie exportiert werden soll . Teoh, in diesem Fall werde ich sie einfach auf meinem Desktop speichern. Wir erstellen einen neuen Ordner, in dem sie sich befinden sollen. Sagen wir, Ästhetik fügt keine Kreation hinzu. Und dann genau hier, wo es Dateinamenpräfix steht. Das ist nur, ich werde das in die Kampagne umbenennen, die ich werde nur wissen, welche, die sie in diesem Fall sind, auch einen generischen Markenkopf angibt. Und dann werde ich sagen, unser Board Inhalt nur so, dass es keine überlappenden Bereiche gibt und Sie überprüfen können. Das macht hier wirklich keinen Unterschied. Wir können sehen, dass wir verschiedene Optionen für den Export dieser Dateien haben. Wir können sie nicht einmal exportieren, da PSD mit Layern ist. Sollten Sie diese mit anderen teilen müssen, aber für unsere Zwecke, gehen wir sie einfach als JPEG exportieren. Dann werde ich rennen. Also wird es durchgehen und, äh, äh, im Wesentlichen flachen und jedes Kunstboard als individuelles J. Peg exportieren . Und jetzt, wenn ich zu meinem angegebenen Dateiort gehe, können Sie sehen, dass es jedem einzelnen j peg das Präfix zugewiesen hat, das ich ihm zugewiesen habe und auch den Namen der Kunsttafel hinzugefügt hat, was wiederum nur die Wichtigkeit der richtigen Benennung hervorhebt sind jeweils gelangweilt. Jetzt. Es ist nur eine gute Angewohnheit, wenn Sie so viele verschiedene Arten von Dateien verwalten. Also, da gehst du hin. Jetzt senden Sie den Soft, der für die Verwaltung der Kampagne und Google AdWords verantwortlich ist, und Sie sind fertig, können Sie offiziell digitales Marketing in Ihre Liste der Skillsets hinzufügen. Wenn Sie dies noch weiter machen und noch mehr ansprechende Anzeigen mit Animation und einigen Effekten machen wollen , schauen Sie sich meine Folgen natürlich an, die ziemlich bald sein wird, wo wir tatsächlich in einige erweiterte Funktionen eintauchen, Denken und das Buch