Design für Social Media anpassen: ein Look, jede Größe

Um ein Design für Social Media richtig anzupassen, behandle jedes Format als eigenes Layout. Einen quadratischen Post zu einem Banner zu strecken ist der schnellste Weg, ihn falsch aussehen zu lassen: Die Worte werden zu klein, der Hintergrund verzerrt sich, und die Ränder ergeben keinen Sinn mehr. Die Lösung: Behalte Look, Worte und Hierarchie und ordne sie für jede Form neu an. In Gradiently ist das ein Schritt namens Kopieren & Größe ändern.

Dieser Ratgeber zeigt, warum Größenänderungen Designs kaputtmachen, wie jede Form angeordnet werden will und wie du von einem fertigen Design zu einem ganzen Set kommst. Für die Zahlen selbst lass Bildgrößen für Social Media in einem anderen Tab offen.

Warum Strecken und Zuschneiden scheitern

Ein Design ist ein Geflecht von Beziehungen: Überschrift zu Rand, Überschrift zu Nebenzeile, Worte zum hellsten Teil des Hintergrunds. Änderst du die Form, brechen diese Beziehungen auf vorhersehbare Weise.

Wie jede Form angeordnet werden will

Es gibt eigentlich nur drei Familien von Formen, und jede hat ein natürliches Layout. Sobald du sie siehst, wird die Größenänderung zu einer Reihe kleiner Entscheidungen statt zu einem Redesign.

Story 9:16

1080 × 1920

Hochformat-Post 4:5

1080 × 1350

Quadratischer Post 1:1

1080 × 1080

X-Post 16:9

1600 × 900

X-Header 3:1

1500 × 500

LinkedIn-Banner

1584 × 396

Deshalb sind die Vorlagen von Gradiently Funktionen der Form statt fester Bilder. Eine Ankündigung stapelt sich in einer Story, läuft in einem Header quer und zentriert ihr Gewicht im Quadrat. Das Designsystem entscheidet die Anordnung, damit du sie nicht für jede Plattform neu bauen musst.

Auch der Hintergrund muss sich anpassen

Die meisten Tools verschieben beim Anpassen die Worte und lassen den Hintergrund als Bild, das dann gestreckt oder beschnitten wird. Ein Mark ist kein Bild. Er ist ein Rezept, für jede Größe neu gerendert, sodass das Material in jedem Seitenverhältnis seinen Charakter behält: Eine Story bekommt eine Komposition für ein hohes Bild, ein Banner eine für ein breites, und keine ist ein Ausschnitt der anderen.

Dasselbe gilt für die Lesbarkeit. Der Mark macht in jedem Format Platz für Worte, wo auch immer sie landen, und die automatische Farbe wählt pro Zeile hell oder dunkel, sodass eine Überschrift, die im Quadrat lesbar ist, auch lesbar bleibt, wenn sie in einen anderen Teil der Story wandert.

So kopierst du ein Design in Gradiently in andere Größen

1. 1

   Erst ein Design fertig machen

   Bring Worte, Hierarchie und Mark in dem Format in Ordnung, das dir am wichtigsten ist. Alles andere folgt daraus.

2. 2

   Größe ändern öffnen

   Es liegt in der linken Leiste des Studios. Such nach Plattform oder Größe, etwa Instagram-Story, A4 oder 1080 × 1920, oder stöbere nach Plattform. Markier Größen, die du oft nutzt, mit einem Stern, dann warten sie in den Favoriten.

3. 3

   Mehrere Größen wählen

   Wähl so viele, wie du brauchst. Jede wird für ihre Form neu angeordnet und als Vorschau gezeigt, bevor sich etwas ändert.

4. 4

   Kopieren & Größe ändern wählen

   So entsteht für jede Größe ein neues Design neben dem Original in deinem Arbeitsbereich. Das Original bleibt genau, wie es war.

5. 5

   Jede Kopie bei Bedarf anpassen

   Jede Kopie ist ein normales Design. Kürz eine Zeile für den Header, verschieb das Logo in der Story; Änderungen an einer berühren die anderen nicht.

Größe ändern funktioniert auch an Ort und Stelle: Ändere die aktuelle Seite, alle Seiten oder das ganze Design, ohne Kopien zu machen. Eigene Größen gibst du in Pixeln ein, oder für den Druck in Millimetern, Zentimetern oder Zoll, die dann bei 300 dpi in Pixel umgerechnet werden.

Eine Checkliste für jedes angepasste Set

• Die Überschrift ist in der Größe lesbar, in der Leute sie wirklich sehen, und das ist bei Thumbnails und Headern klein.
• Nichts Wichtiges liegt unter Plattform-Buttons, Bildunterschriften oder Profilbildern.
• Der hellste oder ruhigste Teil des Hintergrunds liegt in jedem Format hinter den Worten.
• Logos haben im ganzen Set dieselbe relative Größe, statt mit jeder Fläche zu skalieren.
• Nebeneinandergelegt sieht das Set aus wie eine Marke. Markenkonsistenz erklärt, warum das wichtiger ist als jeder einzelne Post.