MockuptopAlle Ratgeber

Den Screenshot ins iPhone-Mockup setzen

Eine rohe Bildschirmaufnahme ist ein Rechteck voller Oberfläche. Ein Mockup gibt diesem Rechteck einen Körper, einen Schatten und einen Ort — und genau das lässt es wie ein Produkt statt wie ein Dokument wirken. Die Mechanik ist simpel; falsch gemacht werden meist Seitenverhältnis, Eckenradius und der Freiraum um das Gerät.

Im nativen Seitenverhältnis aufnehmen

Nimm den Screenshot auf einem Gerät oder Simulator auf, der zum geplanten Rahmen passt, damit das Seitenverhältnis von vornherein stimmt. Skalierst du eine 16:9-Aufnahme in einen 19,5:9-Rahmen, verzerrt alles subtil, und das Ergebnis wirkt falsch, ohne dass man es benennen könnte. Hast du nur eine unpassende Aufnahme, beschneide sie statt sie zu dehnen — ein fehlender Streifen einer Liste fällt nicht auf, verzerrte Schrift schon.

Ecken und Notch gehören dem Rahmen

Runde die Ecken des Screenshots nicht vorab im Bildbearbeitungsprogramm ab. Der Rahmen maskiert den Bildschirm bereits, vorgerundete Ecken erzeugen eine doppelte Kante oder einen Lichtsaum. Dasselbe gilt für Statusleiste und Dynamic Island: Zeichnet das Mockup sie, blende sie in der Aufnahme aus, sonst siehst du zwei Uhren. Ein gutes Mockup-Werkzeug bietet dafür Schalter, statt dich zur Nachbearbeitung des Ausgangsbilds zu zwingen.

Erst Luft lassen, dann den Hintergrund wählen

Ein Gerät, das an der Bildkante klebt, wirkt beengt und wird überall schlecht beschnitten. Lass großzügigen Rand und wähle dann einen Hintergrund mit genau einer Aufgabe: ein weicher Verlauf für Store-Screenshots, eine flache Markenfarbe für Social Media, Transparenz für eine Website, deren Hintergrund durchscheinen soll. Zu einem Foto greifst du nur, wenn die App von der physischen Welt handelt — sonst konkurriert es mit der Oberfläche um Aufmerksamkeit.

Häufige Fragen

Brauche ich ein echtes iPhone für ein iPhone-Mockup?

Nein. Eine Simulator-Aufnahme oder jeder Screenshot im passenden Seitenverhältnis genügt; den Gerätekörper rendert das Werkzeug.

Sollte das Mockup ein bestimmtes Modell zeigen?

Selten. Ein neutrales, stilisiertes Gerät altert besser, vermeidet Markenfragen und lässt deinen Eintrag nicht veralten, sobald neue Hardware erscheint.

In welcher Auflösung exportieren?

Mindestens in Zielgröße, für App-Store-Screenshots exakt in den Maßen der Klasse. In doppelter Größe rendern und herunterskalieren ergibt sauberere Kanten an gerundeten Körpern.

Direkt im Browser bauen. Screenshot auf ein 3D-Gerät legen, Kamera bewegen, Standbild oder Video exportieren. Keine Installation, kein Konto.

3D-Editor öffnen Foto-Editor öffnen
Sprache: EN TR DE ES FR IT PT AR RU JA KO