Landingpage Web Design Layout Prozess in Sketch – komplette Schritt für Schritt Anleitung скачать в хорошем качестве

Landingpage Web Design Layout Prozess in Sketch – komplette Schritt für Schritt Anleitung

Schaue dir die fertige Landingpage hier an: https://jonasarleth.com/podcast Heute erstelle ich ein Layout für eine Landingpage mit dem Design Programm Sketch. Als Vorlage dient mir dafür ein Wireframe-Dokument, dass ich zuvor für das Projekt erstellt habe. Diese Anleitung zeigt dir gut, wie ich das Website-Design gestalte, wie ich mit Sketch arbeite und wie meine Layouts aufgebaut und strukturiert sind. Ich hoffe, ich kann dir mit diesem Tutorial einen Einblick in meinen Design-Prozess geben. Falls ja, geb mir gerne Feedback in den Kommentaren!Das ganze Video geht ziemlich lange. Um direkt zu den für dich interessanten Parts zu springen, kannst du folgende Zeitstempel benutzen: Video-Timestamps: 00:00:00 - Wie sieht die fertig designte Landingpage aus → Vorblick 00:01:24 - Meine Wireframe Vorlage kurz erklärt 00:02:46 - Mein Moodboard als Design Inspiration für das Layout 00:08:45 - Styleguide Infos und Schrift- bzw. Farb-Vorlagen 00:10:34 - Start Layout Hero Section (Bühne) + Layout Grid 00:26:55 - Start Layout Content 00:33:20 - Beginn Layout Podcast-Slideshow 00:45:40 - Testings Farbänderungen Bühne und Content-Bereich 01:01:30 - Layout „Um was geht es in dem Podcast” 01:12:46 - Layout Podcast Bewertungen Slider 01:29:15 - Layout Sign-Up CTA Bereich 01:34:51 - Layout „Über mich” Bereich 01:46:05 - Der Rest des Layouts (überwiegend Gestaltung vonTextinhalte) 02:26:32 - Feinschliff des Layouts und Details ausbessern 02:47:49 - Das Fertige Landingpage Design — Die kostenlose 5-teilige Landingpage Serie startet hier:    • Eine Landingpage Erstellen - Schritt für S...   — Lerne mehr über Web und UI/UX Design auf meinem Blog: https://jonasarleth.com/blog Meinen Webdesign Podcast abonnieren: ► iTunes: http://jonasarleth.com/itunes ► Pocket Casts: http://jonasarleth.com/pocketcasts ► SoundCloud: http://jonasarleth.com/soundcloud ► Overcast: http://jonasarleth.com/overcast Mein wöchentlicher Newsletter: www.jonasarleth.com/newsletter ► Instagram:   / jonasarleth   ► Dribbble: http://dribbble.com/jonasarleth Projektanfrage: https://jonasarleth.com/projektanfrage Abonniere gerne meinen YouTube Kanal um zukünftig über neue Videos informiert zu werden!