Entwerfen wirksamer Banner-Anzeigen | Tina Garcia | Skillshare

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

Entwerfen wirksamer Banner-Anzeigen

teacher avatar Tina Garcia, Brand + Graphic Designer

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

    • 1.

      Einführung

      0:51

    • 2.

      Wichtige Punkte vor dem Design

      0:52

    • 3.

      Das Design einfach halten

      1:03

    • 4.

      Botschaft und Typografie

      1:33

    • 5.

      Symbolik

      2:06

    • 6.

      Call-to-Action (CTA)

      2:30

    • 7.

      Farbe

      1:03

    • 8.

      Animierte Banner-Anzeigen

      1:21

    • 9.

      Export für das Web

      1:25

    • 10.

      Kursprojekt

      4:31

  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Jedes Niveau

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

2.135

Teilnehmer:innen

20

Projekte

Über diesen Kurs

Einer der Faktoren, die ein Unternehmen effektiv machen, ist eine Bannerwerbung, die Markenbekanntheit schafft und dazu beiträgt, den Traffic auf Websites oder Blogs zu erhöhen.

Hast du dich jemals gefragt, ob die Banner-Anzeigen, die du entworfen hast, die besten sind, die sie sein könnten? In diesem 17-minütigen Kurs beschäftigen wir uns mit den besten Praktiken des Anzeigendesigns: einer fesselnden Botschaft, der guten Verwendung von Typografie und Farbe, einem starken Call-to-Action und einem sauberen Design. Diese Best Practices kannst du auf jede Art von Banneranzeige anwenden – ob statisch oder animiert – und auf Anzeigen für soziale Medien, Websites, Blogs oder Landing-Pages setzen.

Triff deine:n Kursleiter:in

Teacher Profile Image

Tina Garcia

Brand + Graphic Designer

Kursleiter:in

Welcome to my SkillShare teacher page! I'm Tina García, an independent brand + graphic designer.

Originally from Spain, I hail from a family of artisans and am passionate about branding and design. I've perfected my craft in the US, serving as a Graphic Artist at The Associated Press in NYC, and as Art Director at Marketing In Color in Tampa, FL, while working independently with small and mid-size businesses from different countries.

Personally, I enjoy spending time with my husband and our energetic young son, printmaking, and cooking.

Vollständiges Profil ansehen

Kursbewertung

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Einführung: Hallo, Antonio Garcia, und willkommen bei der Gestaltung effektiver Plan Stäbe in dieser Klasse wird auf die besten Praktiken des Designs auf ansprechende Nachricht aussehen . Könnte Typografie und Farbe einen starken Aufruf zum Handeln verwenden und das Zeichen reinigen. Folgen Sie zusammen, während ich Ihnen echte Beispiele visuell verstärkt jeden Punkt zeigen, werden Sie in der Lage sein, diese Best Practices zu jeder Art von Banner-Anzeige zu spielen. Ob ekstatische automatisierte UNWTO Anzeigen für Social-Media-Websites verwenden, Blut oder Landing Pages für das Klassenprojekt, Ich habe eine Band, A Rod für mein Lieblingsgetränk mit Adam vor dem Shop Wer aß Ihre eigenen durch die Anwendung der Bänder, werden Sie in dieser Klasse nicht geteilt in der Vergangenheit lernen. Vergiss, lasst uns anfangen. 2. Wichtige Punkte vor dem Design: obwohl diese Klasse sich auf die Sand-Best-Practices konzentriert, auf die ich in Faktoren hinweisen wollte , die vor dem Sprung zum Rücktritt hätte definiert werden sollen. Was ist das Ziel Ihrer Werbekampagne, mehr Besucher an Ihre Seite zu bringen, Markenbekanntheit zu generieren, um über einen bestimmten Verkauf darüber zu informieren, wer Ihre Zielgruppe ist? Sind sie ein Potential nach Verbrauchern? Was Ihre Zielgruppe Demographie? Das ist Alter, Geschlecht, ethnische Zugehörigkeit, Ort , Einkommen, Familienstand. Unter psychographischer Information. Dies sind persönlichere Eigenschaften wie Interessen, Persönlichkeit, Hobbys, Werte, Lebensstil, Einstellung zum Verhalten. Nachdem Sie all diese definiert haben, werden Sie einen Schritt näher an die Erreichung einer effektiven Online-Kampagne auf Remember Arts sind keine Gerechtigkeit Zeichen. Hinter ihnen sollte eine Strategie stehen. Werfen wir nun einen Blick auf die Best Practices des Designs. 3. Das Design einfach halten: Wir Newman ist das Zeichen übernimmt. Verstehen Sie Grund, warum es entfernt unnötige in der Lage sein, sich auf das zu konzentrieren , was da sein muss , da unser Ziel ist es, Ihre Zielgruppe zu engagieren und sie zu klicken seltsam sind die Zeichen sollten so sauber wie möglich sein? Wenn es zu viel los ist, wird es Ihre Zielgruppe verwirren. Dies ist ein gutes Beispiel. Die Saudi So BC Ich will mich Sue Mich mag ein wenig Ruhm aussehen. Es gibt zu viel Kopie, die auch nicht berechtigt ist, auf den Call to Action verloren geht. Siehst du, das Logo ist der Standardschwerpunkt. Anstelle des Aufrufs zum Handeln, sollte die untere eine kleinere auf es sind zu kalt, um Aktionen registrieren jetzt und fordern Sie einen zusätzlichen Rabatt. Es sollte nur eine Stadt mit kürzerer Kopie auf einer anderen Farbe geben, um es hervorzuheben . Nur weil es viel Platz in der Anzeige ist, bedeutet das nicht, dass Sie es mit der Größe der grafischen Elemente füllen müssen . Machen Sie sie nicht größer, nur um den Raum zu füllen, respektieren Sie den weißen Raum und lernen Sie, ihn zu lieben 4. Nachricht und Typografie: Ihre Herzensbotschaft ist ein wichtiger Teil des Designs. Sieh dir an, dass die Botschaft so klug ist? Arbeiten Sie eng mit einem Texter zusammen, um eine starke Botschaft zu erstellen. Ich würde es auch in den Raum passen, da es nicht viel Platz zum Arbeiten gibt. Wenn Sie alleine arbeiten, versuchen Sie, so kreativ wie möglich zu sein. Wer hat Ihre Konkurrenten durchsucht? Suchen Sie online nach Arts für Inspiration. Textanzeigen mit Killer Kopie Eine schöne Typografie kommt so effektiv wie Kunst mit Bildern auf Dies ist ein gutes Beispiel. Diese sind hat viele Dinge, die richtig laufen. Neben der Kopie, die kurz in den Punkt, es ist die kalte Zehe Aktion Prominenz gegeben und Verwendung in einer Schüssel Hintergrundfarbe Lesbarkeit ist auch sehr wichtig. Die Steuer sollte nicht schwer zu lesen sein. Es muss sofort lesbar sein, da die schlechte Post oft ist es, Sie zu einer Zielseite oder Website zu bringen, um Sie eine bestimmte Aktion zu tun . Es besteht keine Notwendigkeit, die Anzeige mit Kopie zu stopfen. Seien Sie prägnant und auf den Punkt. Du willst dein Publikum nicht übermäßig stimulieren. Die Landingpage von Websites. Sie stellen genügend Informationen über das Produkt oder die Dienstleistung bereit, die Sie anbieten. Verwenden Sie auf dienen Typografie und bleiben Sie weg von Kurs der Mittel ist Kryptbonds theokratischen Fonds Extrem dünne Telefone, alle Großbuchstaben Kopie außer für die Taste, oder ist kleiner als 12 Punkt Telefone. Es sei denn, er ist ein Haftungsausschluss oder Urheberrechtsvermerk. Natürlich die Telefongröße von dem Telefon ab, das Sie verwenden. Die Schrift ist, ich benutze die meisten sind Helvetica und Avenir. 5. Symbolik: Wir sind so gesättigt mit Medien, dass es wichtig ist, die Aufmerksamkeit Ihres Publikums zu erregen. Verwenden Sie ein leistungsfähiges Bild, das die Aufmerksamkeit der machen sie stoppen und lesen, wo Sie anbieten müssen, aber verwenden Sie Bilder nur, wenn Sie es auf einem Aufenthalt weg von abstrakten Konzepten benötigen. Ein Stier Hintergrundfarbe cumbias Effektiv Jetzt gibt es zwei Möglichkeiten, ein Bild als Hintergrund für die gesamte ungerade verwenden können . Wenn Sie diese Route nehmen, stellen Sie sicher, dass genügend Kontrast vorhanden ist, damit die Kopie nicht verloren geht oder schwer zu lesen ist. Gibt den Text in den dunkleren oder helleren Bereichen des Bildes wieder. Darauf finanziert Joseph die Farbe entsprechend. Eine andere Möglichkeit wäre, die Farbüberlagerung über dem Hintergrundfoto zu verwenden. Es wird es einfacher machen, sie Sie kennen, der Rest der Anzeige mit einem isolierten Bild für ein Produkt oder eine Dienstleistung. Diese Akte können auch einfacher zu gestalten sein, da sie, wissen Sie, auf den leeren Platz im Hintergrundbild beschränkt sind. Wenn Sie eine Anzeige mit weißem Hintergrund entwerfen, reicht der andere Rand eines Punktstrichs normalerweise aus. Ich benutze die Form nach London für ein Geschäft, also wenn Sie. Wollen Sie sagen, warum zeichnet die Hintergrundfarbe für Ihre Anzeige, wie das Formwerkzeug, wie das Formwerkzeug,die Form? Ich benutze dieses Panel nicht wirklich, also lassen Sie mich das jetzt schließen. Wählen Sie die Ebene mit einer Form aus. Ich bin Präsident später Sie. Es würde die Speisekarte auf dem Top-Wissen bringen. Wählen Sie Weiß oder kein Gefühl für die Hintergrundfarbe, einen Punkt einen Strich und diese Schuhe ein hellgrau für die Strichfarbe. Infografiken oder Vektorgrafiken sind auch eine effektive Möglichkeit, bestimmte Informationen von Diensten anzuzeigen . Sie sollten ein dominantes Logo in Ihrem sind, aber nicht so dominant wie das Wertversprechen oder der Aufruf zum Handeln. Wenn Sie beispielsweise eine Anzeige für Facebook oder Twitter entwerfen , ist der lokale Toby in der Anzeige nicht erforderlich, da er bereits direkt über dem Bild erscheint . 6. Call-to-Action (CTA): der Aufruf zum Handeln ist das wichtigste Element aus Ihrer Anzeige ist, wo Sie wollen, dass Ihr Publikum dies zu tun, es hat, um die Aufmerksamkeit zu gewinnen und ihn zu überzeugen, Maßnahmen zu ergreifen. Es sollte ein herausragender Brennpunkt sein. Platzieren Sie es nach dem Haupt-Kopierer, der Überschrift und in kontrastierenden Farben. Schauen wir uns diese Stunde zum Beispiel von Solarcity an. Die Anzeige sieht toll aus. Das Design ist sauber, eine einfache, aber die Stadt A fügt sich in zu viel. Nun lasst uns die untere Farbe ändern. Also, wie das Formwerkzeug, lassen Sie uns die Schaltflächenform zeichnen und ich werde ein Rot wählen. Also doppelklicken Sie auf die Ebene und lassen Sie mich wählen Rot. Nein, sagen wir, wie das Typwerkzeug. Und schreiben wir das Exemplar für den Buckman. Lassen Sie mich die Farbe Zehe Weiß ändern. Los, lass mich es fit machen. Jetzt sieh dir den Unterschied an. Haben Sie auch genug Kontrast, dass das Kopieren der Schaltfläche nicht verloren geht. Es sollte sofort lesbar sein. Einer der häufigsten Deckungsfehler ist, dass nur junge Menschen wissen, was zu tun Seien Sie also ganz klar, welche Maßnahmen Sie ergreifen wollen. Sprache einen großen Einfluss auf die Konvertierungslaufwerk für einfache, klare Sprache, die verwendet inspiriert, um Maßnahmen zu ergreifen. Weiße Räume soziale, wichtiges Element, um Ihren Aufruf zum Handeln die Aufmerksamkeit, die es verdient. Schönheitsanästhetika sollten nicht beeinträchtigt werden, so dass die Stadt sollte wirksam und in Ihrem Gesicht, aber dennoch angenehm für das Auge sein. 7. Farbe: Farbe ist das erste, was Hinweis in einer Anzeige und ist eine der mächtigsten Methoden aus dem Zeichen. Laut Kiss Metrics stellen 85% der Käufer Farbe als Hauptgrund für ein bestimmtes Produkt dar. Um also die besten Farben für Ihre Banneranzeige auszuwählen, sollten Sie wissen, wer Ihre Zielgruppe ist. Da Farben subjektiv auf die Gefühle, die Farbe evozieren könnte, hängt von den Lebenserfahrungen und kulturellen Unterschieden der Person ab. beim Entwerfen Ihrer Anzeige Denken Siebeim Entwerfen Ihrer Anzeigean die Botschaft oder die Emotionen, die Sie vermitteln möchten. Helle und warme Farben können Gefühle des Glücks, Optimismus auf Energie hervorrufen , aber sie könnten auch Feindseligkeit und Hunger hervorrufen. Kühle Farben wecken Gefühle aus Komfort, Kommunisten und Frieden, können aber auch Traurigkeit zum Ausdruck bringen. Neutrale Farben sind flexibel und dienen dazu, sich auf andere Farben oder abgetönte Farben zu konzentrieren , die überwältigend sein könnten. Zwei Gelehrte, um Kontrast zu erstellen Machen Sie den Aufruf zum Handeln, um auf einem Stock zu einer Kombination aus 2 zu 3 Farben hervorzuheben , weil die Verwendung zu viele kommen kann nicht verwirrend und schwer zu verstehen 8. Animierte Banneranzeigen: Es gibt drei Arten von animierten Künsten. Flash Jeeves auf HTML fünf. Blitzherzen sind größtenteils ausgestorben, also würde ich nicht empfehlen, Ihre Zeit zu verschwenden. Jeeves sind wie statische Banner mit wechselnden Dias. Sie werden von allen Arten von Geräten auf unterstützt. Sie brauchen kein Plugging wie Flash-Shots. Sind sie gut, wenn Sie mehr Produkte präsentieren möchten? HTML. Fünf funktioniert auf jedem Browser und Gerät und ermöglicht es Ihnen, responsive Banner-Anzeigen zu erstellen. Animationen auf Übergängen sind glatter als Jif-Banner. Es gibt Forschungen, die auf ästhetische Anzeigen hinweisen. Haben Sie eine höhere Click-Through-Rate und animierte eins aus? Der Grund dafür ist, dass animierte Anzeigen nicht schnell genug zum Call to Action gelangen. Der Aufbau bis zur Stadt kann bis zu 30 Sekunden dauern, aber wenn sie richtig ausgeführt werden, können sie gut funktionieren. Wenn Sie eine animierte Banneranzeige erstellen, können Sie einen der folgenden Schritte ausführen. Machen Sie eine einfache Animation von 15 Sekunden oder weniger mit drei Frames und wollen Schleifen kennen und platzieren Sie den Aufruf zur Aktion auf Logo im letzten Frame. Eine weitere Möglichkeit besteht darin, eine Anzeige mit einer subtilen Animation auf einer Studienkopie zu erstellen, was bedeutet, dass das Wertversprechen des Aktionsaufrufs während der gesamten Animation angezeigt wird. Was wichtig ist, ist, bei diesen irritierenden animierten Banner zu bleiben. Die Animation sollte nicht von der Nachricht getroffen werden. 9. Exportieren für Web: Einige Herausgeber haben Einschränkungen in Bezug auf sie Dateigröße hinzufügen, da je größer eine Bannerdatei ist, desto schwerer und langsamer ist, diese Webseite herunterzuladen. Versuchen Sie also, für ekstatische und animierte Adds unter 150 Kilobyte zu bleiben. Um eine ekstatische Datei zu speichern, fügen Sie eine flache im Bild hinzu. Also gehen Sie auf das Menü in der Jahrespanel in zwei, flachen Bild und dann gehen Sie zum Datei-Export, sagen für Web Hier, können Sie die Größe aus der Anzeige so sehen, wie J. Peg und wählen Sie die Komprimierungsqualität, die bringen die Anzeige unten 150 Babys. Ein Klick speichern Ich in der Regel animierte Anzeigen mit für den Shop entworfen, so um es zu speichern, wie erreichen, gehen Sie zum Datei-Export Safe a Web und wählen Sie GF. Und für die maximale Anzahl von Farben, wählen wir 256. Dies ist die Dateigröße, und klicken Sie auf. Siehe 10. Kursprojekt: für das Klassenprojekt erstellen Sie ein Banner bei mit Adobe für den Shop für Ihr Lieblingsgetränk. Befolgen Sie die Tipps. Kofler in dieser Klasse fühlen sich frei, ihre Elemente zu verwenden. Wird verwendet, um meine Anzeige zu entwerfen, finden Sie sie in der Spitzenklasse. Also geh ich zum Schild. Ein Akt für einfach orange, meist ein Wassertrinker, so zu wissen, schauen langweilig und gehen, um meine Lieblings-Runde von Orangenschalen zu wählen, wenn man bedenkt, dass ist nicht langweilig. Das sind also die beliebtesten Bonner aus. Die Größe ist. Diese sind nicht für soziale Medien. Die beste Leistung ist die 300 mal 250 Pixel, also werde ich diese Größe für meine ungerade verwenden. Also lasst uns gehen, um eine neue Datei. Es gibt 300 mal 250 zu tun. Eine Lösung 72. Rufen Sie eine Fernbedienung RGB, weil diese Hutgröße klein ist und gehen, um es dreimal größer zu machen so dass Sie es besser sehen können, So dass wird 900 mal 750 Pixel und klicken Sie auf OK, es gibt zwei Bilder, die ich verwenden werde. Ich werde diese für das Hintergrundbild auf diesem für das Produkt verwenden Bitte dehnen Sie die Bilder nicht wie ich hier tue. Ich schnappe sie aus dem Internet nur für diese Ausübung der Entschließung. Wasin-Typen. Also im wirklichen Leben, bitte immer ein Start mit einer guten Auflösung Bild. Also, wie das Textwerkzeug klicken Sie auf Drug, um ein Textfeld zu erstellen. Lasst uns die Schlagzeile schreiben. Wählen Sie San Serve Typografie aus. Lassen Mika mit Helvetica neue und eine Gerechtigkeit Größe unter Führung. Lassen Sie uns nun einen Call to Action erstellen. also, wie die Form Zehe auf, Zeichnen Siealso, wie die Form Zehe auf,den Knopf, der auf der Ebene fließt, um den Farbwähler hervorzuheben. Lassen Sie mich die I Drop bekommen, um eine Farbe innerhalb des Bildes zu wählen, um zu sehen, ob es funktioniert. Ok, funktioniert. Jetzt binden wir den Knopf. Kopieren. Ich werde die Größe reduzieren und die Farbe weiß ändern. Wählen Sie das Direktauswahlwerkzeug aus, um die Form zu ändern, und ordnen Sie dann die Layer an. Das ist die Stadt A und das ist der Bilderordner. Dann hören Sie gut zu, um zu sehen, wie es mehr aussieht. Ich werde aufräumen den Hintergrund ein wenig so kritisch Ihre Moschee und wählen Sie ist so Pinsel. Sie können die Burst-Größe nach Person ändern, die Klammertasten, die die Überschrift auf der Schaltfläche machen würde. Heben Sie sich mehr ab Jetzt werde ich ein Schauder für die Juden Flasche schaffen. Das Erstellen einer neuen Ebene wie der Pinsel, der schwarz verwendet, war die Farbe unter der Schattenebene. Also zur unteren Schattenschicht werde ich mit Emotion sein. Unschärfe-Effekt. Ähm, du reduzierst deine Pussy zu Un reduzierte Kapazität. Auch in der obersten Schattenebene entferne ich einen Teil des Schattenzugriffs. Ich werde die Schlagzeilen Farbe auf Grün ändern. Also, wie der Tropfen auf sie Holt diese Creme aus der Flasche. Auf diese Weise, sie ich werde einheitlicher aussehen und das war's. Bullen. Du bist großartig im Klassenprojekt. Wenn Sie an einer Anzeige arbeiten, die nicht mit dieser Klasse zusammenhängt und meine Füße zurückhaben möchten, gehen Sie weiter und posten Sie sie an Ich kann es kaum erwarten, sie zu sehen