Sketch-Tutorial – werde UI- und UX-Designer

Mobiles UI- und UX-Design verstehen und mit Sketch umsetzen

Ob App, Webseite oder Blog – erwecke dein UI- und UX-Konzept zum Leben – mit Sketch. In diesem über fünfstündigen Tutorial eignest du dir flugs sämtliche Grundlagen zur Bedienung des Programms an, um schon kurz darauf intensiv an einem interaktiven App-Design-Beispielprojekt zu arbeiten. Trainer Luca Kiedrowski erklärt dir, was dich erwartet:

Darum solltest du dir das Sketch-Tutorial ansehen

Du setzt im UI- und UX-Design direkt auf ein professionelles Werkzeug, denn Sketch wird auch von namhaften Unternehmen wie Google, Facebook und Apple eingesetzt. Aufgrund der intuitiven Bedienung ist der Umgang mit dem Programm schnell erlernbar, sodass du schon in kurzer Zeit vorzeigbare Ergebnisse erzielst.

Ob du mit oder ohne Design-Hintergrund anreist: Das Sketch-Tutorial eignet sich allgemein bestens zum Einstieg in das Themenfeld UI- und UX-Design und speziell zur Umsetzung deiner eigenen App-Design-Ideen mit Sketch. Grundlagen und Anwendung in einem!

Wenn du bereits Designs für Web und Print gestaltest (zum Beispiel mit Photoshop oder Illustrator): Eigne dir die Fähigkeit an, deine Designs und einzelne Elemente wie Icons oder Symbole in dynamische und entwicklungsbereite UI-Designs zu übertragen. Mit deinem Know-how im Bereich Webdesign bietest du deinem Lebenslauf ein viel (und immer mehr) gefragtes Plus.

Verbessere die Zusammenarbeit mit Web-Entwicklern: Indem du Sketch verwendest, bereitest du Bedienoberflächen auf, die sich bereits an Regeln der Webgestaltung orientieren. Folglich übergibst du der Entwicklung Designs, die direkt umgesetzt werden können. Auf diese Weise verkürzt du den Weg vom Konzept und Design zur entwickelten Web-Anwendung enorm.

Beispiel: Im Tutorial erstellst du mithilfe von Sketch eine entwicklungsfähige App.

UI- und UX-Design mit Sketch von A bis Z

Das Hauptaugenmerk des Sketch-Tutorials liegt auf der praktischen Anwendung des Programms, welches beim Anbieter in einer kostenlosen Testversion verfügbar ist. Mit deinem Trainer durchschreitest du am Beispiel eines App-Designs Schritt für Schritt alle Phasen, von der Erstellung einer Skizze bis zum fertigen UI-Design. Arbeitsmaterialien liegen dem Tutorial bei, sodass du direkt praktisch mitmachen kannst:

Zunächst zeichnest du grob vor, wie die Bedienoberfläche der App später einmal aussehen soll. Danach tüftelst du unmittelbar an der Gestaltung. Du erstellst den Startbildschirm, arbeitest mit Gruppen, Layern und Text-Styles und wählst passende Icons aus. Du designst einen Chat, eine Hilfe und ein User-Profil, und du erfährst, wie du mit Libraries, Action Sheets und Effekten arbeitest. Am Ende steht ein vollständiges UI-Design, aus dem heraus du in der aktuellen Version 52 von Sketch sogar einen Prototypen erstellen kannst.

Im Vorfeld eignest du dir die wichtigsten Grundlagen zu Sketch und für das UI-Design an. So findest du dich in der Bedienoberfläche schnell zurecht, du kennst die wichtigsten Plugins und Hilfsmittel und weißt um den zielführenden Einsatz von Schriften und Farben. Ebenfalls zeigt dir dein Trainer, wann es sinnvoll ist, Sketch mit InVision zu kombinieren, zum Beispiel in der Phase des sogenannten Wireframings.

Beispiel: Dein Trainer gibt dir Tipps und Tricks zu modernem UX- und UI-Design mit auf den Weg.

Kompatibilität (alle Produkte für Windows und macOS)

Das Sketch-Tutorial bezieht sich auf Version 52 des Programms, mit der die Inhalte nachvollziehbar sind. Für Sketch steht eine kostenlose Testversion zur Verfügung.

Fazit

Verstehen und umsetzen: UI- und UX-Design mit Sketch – so geht´s! ✓ Tutorial zu Grundlagen & Praxis mit Arbeitsmaterial ✓ User Experience, UI-Design