Banner gestalten: Web-, Social- und Druckbanner, die wirken

Gutes Bannerdesign arbeitet mit der Form statt gegen sie. Ein Banner ist breit und flach, gib ihm also einen kompakten Wortblock, eine kurze Überschrift und vielleicht eine unterstützende Zeile, dort platziert, wo nichts sie verdeckt, und lass den Hintergrund die Farbe über den Rest der Breite tragen. Prüf zuerst Größe und sicheren Bereich jeder Plattform: Ein LinkedIn-Profilbanner hat 1584 × 396 Pixel und verliert seine linke untere Ecke an dein Foto, während ein YouTube-Banner 2560 × 1440 hat und auf Handys nur einen mittleren Streifen zeigt.

Bannergrößen für Web und Social Media

Worte in einem breiten Banner anordnen

Menschen lesen ein Banner wie eine Textzeile: von links nach rechts, schnell. Verteilst du Worte über die ganze Breite, muss das Auge zu weit wandern. Fasse sie zu einem Block von etwa einem Drittel der Breite zusammen und setz die Überschrift groß genug, dass sie noch lesbar ist, wenn das ganze Banner auf die Breite eines Handybildschirms schrumpft.

Bei dieser Höhe muss die Hierarchie einfach sein. Zwei Ebenen sind meist die Grenze: eine Überschrift und eine kleine Zeile darüber oder darunter. Brauchst du eine dritte, gehört sie wahrscheinlich ins Profil selbst. Visuelle Hierarchie erklärt, wie Größe und Abstand diese Arbeit ohne zusätzliche Dekoration leisten.

Sichere Bereiche und Beschnitt

Jede Plattform beschneidet oder verdeckt ihr Banner auf Desktop und Handy anders. Der sichere Ansatz ist überall derselbe: Lass den Hintergrund von Rand zu Rand laufen und halte Worte und Logos in der Mitte des Bildes, weg von der Ecke, in der der Avatar sitzt.

1. 1

   Die verdeckte Ecke finden

   Auf LinkedIn, X und Bluesky sitzt das Profilbild unten links. Halte diesen Bereich frei, nur für den Hintergrund.

2. 2

   Mit Beschnitt auf Handys rechnen

   Facebook und Etsy schneiden auf Handys die Seiten ab. Halte Worte innerhalb der mittleren zwei Drittel der Breite.

3. 3

   Den mittleren Streifen von YouTube nutzen

   Vom Bild mit 2560 × 1440 ist nur der mittlere Bereich von etwa 1546 × 423 Pixeln auf allen Geräten sichtbar. Setz Namen und Worte dorthin.

4. 4

   In echter Größe prüfen

   Lade hoch und sieh es dir dann auf Handy und Laptop an. Eine Vorschau im Design-Tool kann dir die Bedienoberfläche der Plattform nicht zeigen, und Plattformen ändern ihre Layouts, prüf also vor einem großen Launch ihre eigenen Hilfeseiten.

Druckbanner: Roll-ups und Eventschilder

Ein Roll-up-Banner, üblicherweise 850 × 2000 mm, ist das umgekehrte Problem: hoch und aus Metern Entfernung gesehen, während Leute vorbeigehen. Es braucht Logo und Überschrift im oberen Drittel auf Augenhöhe, sehr wenig im unteren Drittel, das hinter Tischen und Beinen verschwindet, und Schrift, die quer durch einen Raum lesbar ist. Frag deine Druckerei nach der gewünschten Auflösung; große Banner werden normalerweise aus Dateien weit unter 300 dpi gedruckt, weil niemand sie aus der Nähe sieht.

Für Messestände und Bühnen siehe Event-Rückwände gestalten, für große Papierformate Plakatgrößen.

Ein Look über alle Banner

Die meisten brauchen fünf oder sechs Banner auf einmal: LinkedIn, X, YouTube, einen E-Mail-Header, einen Website-Hero. Sie sehen nach einer Marke aus, wenn Hintergrund, Schrift und Farbe gleich bleiben und sich nur das Layout ändert. Ein Farbverlauf ist dafür ideal, weil er kein Motiv hat, das beschnitten werden könnte, solange er für jede Form neu gerendert statt gestreckt wird.

In Gradiently wird ein Mark in jeder Bannergröße neu gerendert, schiebt seine ruhigste Fläche hinter deine Worte und lässt die Automatische Farbe pro Zeile helle oder dunkle Schrift wählen. Mit Pro passt sich ein Design in einem Schritt an jede Größe an, die Banner für LinkedIn, X und YouTube entstehen also zusammen. Die Idee eines wiedererkennbaren Hintergrunds behandelt Ein unverwechselbarer Look.