Portfolio Projekt-Teaser und Mockups erstellen – Design Tutorial
Minimal Website Mockups erstellen → Gerade Projekt-Teaser auf einer Portfolio-Website stellen häufig eine besondere Herausforderung dar. Ich gebe dir heute ein paar Tipps die meinen Designprozess erleichtert haben. Wir bauen zusammen eine Projekt-Collage, die du in verschiedenen Varianten als Mockup in deiner Projekt-Übersichtsseite einsetzen kannst. Ich nutze für das Layout das Design-Programm Sketch.
---------------------------------------------
Meine Onlinekurse:
👉 Webflow Onlinekurs: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen (ohne Programmierkenntnisse!):
https://formburg.com/kurs
👉 50+ Webflow-Tricks:
https://www.formburg.com/tricks
👉 Webdesign Angebote mit drei Preisoptionen erstellen:
https://www.jonasarleth.com/produkt/w...
---------------------------------------------
Kostenlosen Webflow Account anlegen:
https://formburg.com/webflow-kostenlos *
Webflow schnell und einfach lernen:
https://formburg.com/tutorials
---------------------------------------------
00:00 – Intro
00:41 – Herausforderungen der Projekt-Übersichtsseite
01:47 – Inspiration und Vorlage suchen
03:16 – Verschiedene Ausschnitte testen
07:09 – Projekt Collage bauen
09:08 – Rauschen hinzufügen
10:22 – Realistische Schatten anlegen
11:58 – Screenshots einfügen
21:47 – Schein setzen
22:49 – Ergebnis
#sketchapp #portfolio #webdesign
—
► Unterstütze meinen Kanal auf Patreon (mehrere Sonderfolgen pro Monat):
http://bit.ly/2llae2m
—
Mein Webdesign und Freelancer Blog:
► https://jonasarleth.com/blog
—
Social Media:
► Instagram: / jonasarleth
► Dribbble: https://dribbble.com/jonasarleth
► LinkedIn: / jonasarleth
—
Meinen Web & Design Podcast abonnieren:
► iTunes: https://jonasarleth.com/itunes
► Spotify: https://jonasarleth.com/spotify
► Pocket Casts: https://jonasarleth.com/pocketcasts
► SoundCloud: https://jonasarleth.com/soundcloud
► Overcast: https://jonasarleth.com/overcast
► Stitcher: https://jonasarleth.com/stitcher
—