Social-Media-Post-Mockup

Warum ein Mockup vor dem Veröffentlichen

Ein Text, der sich im Dokument gut liest, wirkt ganz anders, sobald er in Feed-Breite umbricht und bei „Mehr ansehen“ abgeschnitten wird, ein Bild, das als Datei großartig aussieht, wird auf Instagram auf 4:5 beschnitten, und ein Kunde, der den Text per Mail freigegeben hat, reagiert oft anders, wenn er ihn als echten Post sieht. Ein Mockup klärt solche Gespräche mit einem Blick. Genau das fügen Agenturen in Präsentationen und Freigabe-Threads ein, und das legt man ins Portfolio, solange der echte Post noch nicht online ist.

Was das Mockup zeigt

Jede Plattform wird mit eigenem Layout, eigenen Schriften, Symbolen und Beschriftungen gezeichnet:

Jede Plattform gibt es im hellen und dunklen Modus, entweder als schlichte Post-Karte auf ruhigem Hintergrund oder in einem Handybildschirm mit Statusleiste, was in Präsentationen besser wirkt.

Karussells und Posts mit mehreren Bildern

Legen Sie zwei oder mehr Bilder ab, und das Mockup wechselt zum Mehrbild-Layout der jeweiligen Plattform. Facebook zeichnet eine Karussell-Anzeige: quadratische Karten nebeneinander, die nächste ragt rechts herein, jede mit Überschrift, Ihrem Seitennamen und einem Button, dessen Text Sie festlegen. Instagram und LinkedIn zeigen jeweils eine Folie mit Zähler in der Ecke und Punkten oder Leiste darunter, und Sie wählen, welche Folie vorne liegt. Bei einem Karussell enthält der Download immer zwei PNGs: die Feed-Ansicht, wie man beim Scrollen daran vorbeikommt, und eine Ansicht mit allen Karten nebeneinander, die Kunden sofort verstehen.

So wirkt das Ergebnis echt

• Nutzen Sie die echte Bildgröße. Die Vorschau beschneidet hohe Bilder so wie der Feed, Sie sehen also genau, was wegfällt. Quadratische oder 4:5-Bilder erscheinen vollständig.
• Laden Sie Ihr Logo als Profilbild hoch. Die Initialen reichen für einen schnellen Check, aber erst das Logo lässt das Mockup wie einen Screenshot wirken.
• Setzen Sie glaubwürdige Zahlen. Likes, Kommentare und geteilte Inhalte werden wie auf der jeweiligen Plattform formatiert, 1240 wird also dort zu 1,2 Tsd., wo die Plattform abkürzt.
• Fügen Sie den finalen Text ein. Zeilenumbrüche und Emojis bleiben erhalten, lange Texte werden dort gekürzt, wo der Feed kürzen würde.
• Schalten Sie die Anzeigenkennzeichnung ein, wenn Sie eine Anzeige statt eines organischen Posts prüfen. Die Beschriftung ändert sich je nach Plattform.

Herunterladen und verwenden

Der Download ist ein PNG in doppelter Bildschirmgröße und bleibt auf Folien, in Dokumenten und auf Portfolioseiten scharf. Da der Hintergrund enthalten ist, passt es direkt in eine Präsentation. Brauchen Sie es ohne Hintergrund für eine Montage, schneiden Sie es danach mit dem Zuschneide-Werkzeug zu.

Was es nicht kann

Es veröffentlicht nichts, plant nichts und verbindet sich mit keinem Konto, und es ist keine pixelgenaue Kopie jedes Plattform-Updates. Feeds verschieben sich alle paar Monate um ein paar Pixel; das Mockup folgt dem aktuellen Layout nah genug für Freigaben, Präsentationen und Portfolios, und genau dafür sind Mockups da. Video-Posts werden noch nicht dargestellt; nehmen Sie ein Standbild aus dem Video als Bild, das Layout ist ansonsten identisch.

Datenschutz

Unveröffentlichte Kampagnen gehören genau nicht auf irgendeine Mockup-Website. Dieses Werkzeug zeichnet die Vorschau und erzeugt das PNG vollständig in Ihrem Browser. Ihr Bild, Ihr Text und Ihr Logo verlassen Ihr Gerät nie.