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

[Canonical HTML page](https://gradiently.design/de/guide/one-look-every-size)

Ein quadratischer Post, eine hochformatige Story und ein Banner im Verhältnis drei zu eins sind verschiedene Aufgaben. Ein gutes System löst jede für sich und sieht trotzdem aus wie eine Marke.

## The short version

- Der verlässliche Weg, ein Design für Social Media anzupassen, ist, es für jede Form neu anzuordnen, statt ein Bild zu strecken oder zuzuschneiden.
- Hohe Formate stapeln ihren Inhalt, breite Formate lassen ihn quer laufen, und quadratische Formate zentrieren ihr Gewicht.
- In Gradiently macht Kopieren & Größe ändern für jede gewählte Größe ein neues Design, jeweils für seine Form neu angeordnet, während das Original bleibt, wie es war.
- Weil ein Mark für jede Größe neu gerendert statt skaliert wird, behält der Hintergrund in jedem Seitenverhältnis seinen Charakter.
- Jede Kopie bleibt voll bearbeitbar, sodass du Worte oder Layout für eine Plattform anpassen kannst, ohne die anderen anzufassen.

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](https://gradiently.design/de/guide/social-media-image-sizes) 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.

### Ein Bild strecken oder zuschneiden

- Schrift skaliert mit der Fläche, riesig in einer Story und winzig in einem Header
- Der Hintergrund verzerrt sich oder verliert seinen besten Teil an den Zuschnitt
- Großzügige Ränder werden eng, oder umgekehrt
- Wichtige Worte landen unter Plattform-Buttons und Profilbildern

### Jede Form neu anordnen

- Schrift ist so groß, wie das Format tatsächlich gesehen wird
- Der Hintergrund wird für die neue Form gezeichnet
- Ränder werden für diese Form gesetzt
- Worte stehen in der sicheren Zone jedes Formats

## 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

Hoch, quadratisch und breit. Jede Familie verlangt eine andere Anordnung derselben Worte.

| Form | Natürliches Layout | Achte auf |
| --- | --- | --- |
| Hoch (Story, Reel, Pinterest-Pin) | Stapeln: Überschrift oben, Details darunter, Raum oben und unten | App-Buttons und Bildunterschriften am oberen und unteren Rand |
| Hochformat und Quadrat (Feed-Posts) | Gewicht zentrieren; eine starke Überschrift | Zuschnitte im Raster von Profilseiten |
| Querformat (X-Post, YouTube-Thumbnail, Folien) | Quer laufen lassen: Worte auf eine Seite, Raum auf die andere | Kleine Vorschaugrößen; wenige, große Worte |
| Sehr breit (Header, Banner) | Eine kurze Zeile, großzügige seitliche Ränder | Profilbilder und Buttons, die das Bild überdecken |

Was sich ändert, wenn ein Design zwischen Formen wechselt. Die Worte bleiben gleich, die Anordnung nicht.

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.

Eine Hochformat-Story, die eine Eröffnung ankündigt, mit Label, Überschrift und Detail untereinander

In einer Story stapelt sich die Ankündigung…

Ein breiter Header mit derselben Ankündigung, waagerecht angeordnet auf demselben lebendigen Verlauf

…und in einem Header läuft sie quer, mit denselben Worten.

## 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.

Ein breiter X-Header mit den Worten Du, in jeder Größe auf einem lebendigen Verlauf, gezeichnet für das breite Format

Ein Header ist ein eigenes Layout: breite Ränder, kleinere Schrift, Raum zum Atmen und ein Mark, gezeichnet für drei zu eins.

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. **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. **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. **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. **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. **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.

> **Bitte um das ganze Set** Der Designer kann das aus einem Satz erledigen, etwa *dieselbe Idee in jeder Größe* oder *sechs Posts für unsere Launch-Woche, ein System*. Das Set entsteht neben deinem Design. Siehe [den Ratgeber zum Designer](https://gradiently.design/de/guide/designer-ai-guide).

## 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](https://gradiently.design/de/guide/brand-consistency) erklärt, warum das wichtiger ist als jeder einzelne Post.

## FAQ

### Wie passe ich ein Design für Social Media an, ohne dass es gestreckt aussieht?

Ordne es für jede Form neu an, statt ein Bild zu strecken: Inhalt in hohen Formaten stapeln, im Quadrat zentrieren und in breiten quer laufen lassen. Kopieren & Größe ändern in Gradiently macht das automatisch.

### Verändert Kopieren & Größe ändern mein Original?

Nein. Kopieren & Größe ändern macht für jede Größe ein neues Design neben dem Original, das genau so bleibt, wie es war.

### Kann ich jede angepasste Kopie einzeln bearbeiten?

Ja. Jede Kopie ist ein normales, bearbeitbares Design, sodass du Worte oder Layout für eine Plattform anpassen kannst, ohne die anderen zu verändern.

### Kann ich eine eigene Größe wählen?

Ja. Gib eine Größe in Pixeln ein, oder für den Druck in Millimetern, Zentimetern oder Zoll, die bei 300 dpi umgerechnet wird.