Stell dir vor, du siehst zwei Werbebanner für denselben Hundespielzeug-Shop. Der eine wirkt auf Anhieb klar, beim anderen brauchst du eine Weile, um überhaupt zu erkennen, worum es geht. Dieses Gespür für gutes Design lässt sich trainieren, und zwar am schnellsten, wenn du gute und schlechte Beispiele direkt nebeneinander betrachtest. Genau das tust du in dieser Anleitung. Du gehst Schritt für Schritt durch typische Gestaltungsentscheidungen, erkennst, warum sie funktionieren oder scheitern, und lernst, wie du sie auf deine eigenen Entwürfe übertragen kannst.
Das Video wird erst beim Abspielen von YouTube geladen – dabei werden Daten (u. a. deine IP-Adresse) an YouTube bzw. Google übertragen. Mehr dazu in der Datenschutzerklärung
Die Beispiele stammen aus Werbegrafiken und App-Anzeigen für Hundespielzeug. Das Thema ist bewusst alltagsnah, denn an ihm lassen sich Prinzipien wie Hierarchie, Weißraum und Lesbarkeit besonders gut zeigen.
Wichtigste Erkenntnisse
Überladene Gestaltung wirkt auf den ersten Blick vielleicht lebendig, bremst aber die Wahrnehmung. Ein klarer Aufbau mit Logo, Hauptüberschrift, Unterüberschrift und Produkt vermittelt die Botschaft schneller. Weißraum ist kein verschwendeter Platz, sondern ein Werkzeug, das Inhalte atmen lässt. Schriftarten, Farben und Effekte solltest du bewusst begrenzen, denn jede zusätzliche Verzierung konkurriert mit deiner eigentlichen Aussage. Und wenn du Vorbilder analysierst, fragst du nicht nur, was dir gefällt, sondern warum es dir gefällt.
Schritt-für-Schritt-Anleitung
Schritt 1: Zwei Varianten gegenüberstellen
Der einfachste Weg, dein Auge zu schärfen, ist ein direkter Vergleich. Lass dir zu einem Motiv zwei Versionen erstellen: eine bunte, überladene und eine reduzierte, cleane. Achte dabei auf denselben Inhalt, sonst vergleichst du Äpfel mit Birnen. Im Video werden zwei Banner für Hundespielzeug gegenübergestellt, die exakt dieselbe Botschaft transportieren sollen. Schon nach wenigen Sekunden wird deutlich, dass der Unterschied nicht im Inhalt liegt, sondern in der Art, wie dieser Inhalt präsentiert wird.
Schritt 2: Überladung als Lesbarkeitsproblem erkennen
Überladen bedeutet nicht automatisch hässlich, sondern vor allem, dass Elemente um die Aufmerksamkeit konkurrieren. Beim überladenen Banner ist die Überschrift so verschnörkelt und eingequetscht, dass du sie kaum entziffern kannst. Zusätzlich taucht der Hund unten noch einmal auf, obwohl er oben bereits das Hauptmotiv ist. Frag dich bei jedem Element, ob es eine Aufgabe erfüllt. Wenn nicht, ist es vermutlich nur Ballast. Eine Überschrift, die man nicht lesen kann, ist im Grunde keine Überschrift mehr.
Schritt 3: Eine klare Hierarchie aufbauen
Die cleane Variante folgt einer einfachen Ordnung: Zuerst kommt das Markenlogo, dann die Hauptüberschrift, darunter eine Unterüberschrift und schließlich das Produkt. Diese Reihenfolge entspricht dem Weg, den das Auge typischerweise nimmt. Du musst also nicht lange suchen, um zu verstehen, worum es geht. Prüfe bei deinen eigenen Entwürfen, ob du eine solche Abfolge erkennen kannst, wenn du das Bild nur kurz anschaust. Falls nicht, ordne die Elemente neu oder verändere ihre Größe, damit die wichtigsten Informationen dominieren.
Schritt 4: Ablenkungen konsequent entfernen
Dekorative Elemente wie Pfotenabdrücke im Hintergrund oder zwei konkurrierende Hintergrundfarben wirken auf den ersten Blick freundlich, lenken aber vom Wesentlichen ab. Der Betrachter weiß dann nicht mehr, wohin er zuerst schauen soll. Entferne deshalb alles, was nicht zur Botschaft beiträgt. Ein sauberer, einfarbiger oder klar strukturierter Hintergrund unterstreicht das Produkt viel stärker. Stell dir bei jedem Dekorelement die Frage, ob es die Aussage verstärkt oder nur Dekoration ist.
Schritt 5: Schrift auf Lesbarkeit prüfen
Ein Beispiel aus einer Social-Media-Anzeige zeigt, wie es gelingt: Die Headline ist gut lesbar, nicht kursiv, nicht unterstrichen und nicht angeschnitten. Genau diese Basics werden bei Gestaltungsanfängern oft vernachlässigt. Kursive Schreibschrift, Unterstreichungen oder abgeschnittene Zeilen erschweren das Lesen und wirken schnell unprofessionell. Teste deine Schrift, indem du den Entwurf verkleinerst. Wenn du die Headline auf dem Smartphone nicht mehr entziffern kannst, brauchst du eine andere Schrift, eine größere Darstellung oder kürzere Worte.
Schritt 6: Vorbilder gezielt analysieren
Eine hervorragende Methode zum Lernen ist die Analyse existierender Anzeigen. Suche in einer Bildersuche gezielt nach Begriffen wie „Dog Toy Social Media Ad“ und sieh dir an, was funktioniert. Eine gute Anzeige kann trotzdem Optimierungspotenzial haben. Im Video wird etwa vorgeschlagen, bei einer solchen Anzeige die Schatten beim gelben Bereich zu entfernen und die Pfoten im Hintergrund wegzulassen. Übe dich darin, nicht nur zu bewerten, sondern konkrete Verbesserungen zu benennen. Das trainiert deinen analytischen Blick deutlich stärker als reines Bewundern.
Schritt 7: Informationsmenge bei App-Anzeigen begrenzen
Gerade bei App-Werbung neigen viele Gestalter dazu, alles unterzubringen: Rabatte, Kontaktdaten, Vorteile, Logos und Zusatzhinweise. Das Ergebnis ist eine Anzeige, bei der man nicht weiß, wohin man zuerst schauen soll. Eine einzige Kernaussage, etwa ein Angebot wie „50% off“, reicht oft völlig aus. Alles Weitere gehört in die Landingpage. Wähle für jede Anzeige eine Hauptbotschaft und streiche den Rest konsequent. Auch wenn ein Design auf den ersten Blick minimalistisch wirkt, kann es durch zu viele Informationen dennoch überladen sein.
Schritt 8: Schriften und Farben begrenzen
Ein weiterer typischer Fehler sind zu viele Schriftarten und Farben. Im Video wird eine Anzeige kritisiert, die eine verschnörkelte, kursive Schrift und eine Vielzahl von Farben verwendet. Dazu kommt ein gelber Rahmen mit Schraffur, der nicht zum Rest passt. Selbst wenn viel Weißraum vorhanden ist, wirkt das Ganze unruhig. Lege dir eine Palette mit ein bis zwei Hauptfarben und höchstens zwei Schriftarten fest. Konsistenz wirkt hochwertiger als Abwechslung um jeden Preis.
Schritt 9: Weißraum als Gestaltungselement nutzen
Zum Schluss geht es um die Grundhaltung: Clean ist oft besser als überladen. Weißraum sorgt für Abstand zwischen den Elementen, erleichtert die Orientierung und lässt wichtige Inhalte wirken. Viele Templates zeigen dieses Prinzip sehr deutlich, indem sie mit Abständen und klaren Strukturen arbeiten. Dabei geht es nicht darum, perfekt zu sein. Auch die besseren Beispiele aus dem Video sind nicht ideal, aber sie sind verständlicher als die überladenen. Gib deinem Entwurf deshalb bewusst Luft, bevor du ihn für fertig erklärst.
Zusammenfassung – Gutes Design erkennen: Clean statt überladen
Gutes Design zeigt sich vor allem darin, wie schnell du die Botschaft verstehst. Du vergleichst zwei Varianten, erkennst Überladung als Lesbarkeitsproblem, baust eine klare Hierarchie auf und entfernst Ablenkungen. Du prüfst die Schrift, analysierst Vorbilder kritisch, begrenzt Informationen, Schriften und Farben und nutzt Weißraum bewusst. Wenn du diese Schritte bei jedem Entwurf wiederholst, schärfst du dein Auge Stück für Stück. Das Ergebnis sind Anzeigen, die nicht nur gut aussehen, sondern ihre Aufgabe tatsächlich erfüllen.
FAQ
Woran erkenne ich, dass ein Design überladen ist?Ein Design gilt als überladen, wenn mehrere Elemente gleichzeitig um Aufmerksamkeit konkurrieren und du nicht sofort weißt, wo du hinschauen sollst.
Ist ein minimalistisches Design immer besser?Nein, auch ein minimalistisches Design kann überladen wirken, etwa wenn zu viele Informationen auf engem Raum stehen. Entscheidend ist die Klarheit der Botschaft.
Wie viele Schriftarten sollte ich in einer Anzeige verwenden?Meistens reichen ein bis zwei Schriftarten. Mehr Schriften erzeugen schnell Unruhe und wirken weniger professionell.
Wie kann ich Vorbilder sinnvoll analysieren?Frage dich, welche Elemente zuerst auffallen, welche Information du erkennst und was du verbessern würdest. Konkrete Verbesserungsvorschläge schulen den Blick besonders gut.
Warum ist Weißraum so wichtig?Weißraum trennt Elemente voneinander, verbessert die Orientierung und lässt wichtige Inhalte stärker wirken.
Wie teste ich die Lesbarkeit meiner Schrift?Verkleinere deinen Entwurf auf die Größe, in der er später angezeigt wird, zum Beispiel auf einem Smartphone. Bleibt die Überschrift gut lesbar, ist die Schrift geeignet.
