Inspiration

Webflow iPhone & iPad Mockups | Free Template

Level:
Einfach 👌
Das Video kann nur angezeigt werden, wenn Cookies erlaubt sind.
Cookies akzeptieren und Medien laden

Ich habe für dich ein paar kostenlose iPhone und iPad Mockups vorbereitet, die du ganz einfach in dein Webflow Projekt kopieren und per Klick anpassen kannst. Der Vorteil? Der Browser lädt das Device (SVG) nur einmal und du ersetzt quasi nur den Screen mit einem JPG. Gerade bei bildlastigen Seiten wie deinem Portfolio wird dadurch die Ladezeit verbessert und da es in Webflow als Symbol angelegt ist, kannst du das Bild in Zukunft sehr einfach mit einem neuen iPhone Design ersetzten. So bleibt dein Portfolio immer Up to Date.

Kapitel

00:00 – Intro
00:33 – Mockups vs. Screenshots
01:43 – Vorteile der Templates
03:03 – Exporteinstellungen deiner Screens
03:37 – Wie du die Templates nutzen kannst
05:15 – Aufbau der Templates
10:23 – Schatten integrieren

Ergebnis anschauen
Icon für einen externen Link
Projekt im Webflow Designer öffnen
Icon für einen externen Link