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

—