TutKit.com

Sketch-Tutorial – werde App-Designer

Kategorie: Webdesign | Trainer: Luca Kiedrowski

Werde UI- und UX-Designer: Kreiere mit Sketch Bedienoberflächen für Webseiten und Apps
Für den schnellen Einstieg: Eigne dir die Grundlagen zu Sketch, UI- und UX-Design an
Für dein Vorankommen: Lerne fortgeschrittene Designtechniken wie boolesche Operatoren kennen
Praxisnahes Tutorial: Erstelle am Beispiel einer App eine moderne Bedienoberfläche
Besseres Teamplay mit Entwicklern: Gib ihnen direkt entwicklungsfähige Prototypen an die Hand
Verstehe in 5 h das Konzept von UI und UX: Trainer Luca Kiedrowski zeigt Best-Practice-Beispiele
So bleibt Gelerntes im Kopf: Inklusive Arbeitsmaterialien zum Mitmachen

Kategorien:
Einführung
Design-Grundlagen
Prototypen erstellen
Screen-Design
Designs bereitstellen
Wichtige Infos bereitstellen
Profi-Design
Neuerungen in Sketch

Trainings-Informationen

Videos: 24
Kapitel: 8
Länge : 5 Stunden
Detailinformationen
Ähnliche Inhalte

Trailer ansehen
Gesamtinhalt herunterladen
Jetzt dabei sein

Einführung

Sketch-Tutorial: 1.1 Intro

Herzlich willkommen zum Sketch-Tutorial: Lerne, wie du mithilfe des Programms deine eigenen Apps designen kannst. Hier ein Überblick über den Kur ...

3 Min. mit Arbeitsdatei Kostenlos

Sketch-Tutorial: 1.2 Was ist Sketch?

Eine kurze Einführung in das Programm „Sketch“ und wie du Zugang zu diesem Programm bekommst. ...

1 Min. Kostenlos

Sketch-Tutorial: 1.3 Programm-Interface

Hier lernst du Sketch besser kennen. Ich zeige dir das komplette Programm und du lernst, wie du effektiv damit arbeiten kannst. ...

5 Min.

Sketch-Tutorial: 1.4 Hilfsmittel

Sketch wäre nicht so ein tolles Programm, wenn man keine Hilfsmittel benutzen könnte. Hier erfährst du, wie du diese Hilfsmittel hinzufügst. ...

3 Min. Kostenlos

Sketch-Tutorial: 1.5 Die wichtigsten Plugins

Plugins helfen dir, noch besser und schneller mit Sketch zu arbeiten. Ich zeige dir, welche Plugins dir am besten helfen können. ...

4 Min.

Sketch-Tutorial: 1.6 Libraries installieren

Mit Libraries kannst du standardisierte Designs von Apple oder Android direkt in dein Projekt übernehmen. ...

2 Min.

Sketch-Tutorial: 1.7 InVision

InVision ist ein Tool, welches dir dein Sketch-Projekt deutlich erleichtert. Dort kannst du „Wireframes“ erstellen, um dein Projekt zu struktur ...

3 Min.

Design-Grundlagen

Sketch-Tutorial: 2.1 Farben

Farben bieten dir die Möglichkeit, deine App mit Leben zu füllen. Hier findest du einen kleinen Einstieg in die Welt der Farben. ...

19 Min.

Sketch-Tutorial: 2.2 Schriften

Das soziale Netzwerk „Medium“ zeigt, wie sehr Schriften die User Experience beeinflussen können. Schriften in deiner App können sehr wichtig ...

18 Min.

Prototypen erstellen

Sketch-Tutorial: 3 Prototyping

Nun beginnen wir mit der eigentlichen App. ...

17 Min.

Screen-Design

Sketch-Tutorial: 4.1 Home Screen und Design-Vorlagen

Nun wagen wir uns an unser richtiges Projekt und beginnen mit dem Home Screen. Zusätzlich lernst du hier, wie wir Design-Vorlagen bilden können. ...

24 Min.

Sketch-Tutorial: 4.2 Gruppen erstellen und Text-Styles

In dieser Lektion lernst du, wie du Gruppen erstellen kannst und Text-Styles speichern kannst, um Zeit zu sparen. ...

17 Min.

Sketch-Tutorial: 4.3 Icons finden, erstellen und anpassen

Icons sind ein großer Teil einer App. In diesem Video erfährst du, wo du die besten Icons findest und wie du sie in dein Projekt integrierst. ...

16 Min.

Sketch-Tutorial: 4.4 Chat designen, mit Layern arbeiten

Nun begeben wir uns an den Chat unserer App. Dort arbeiten wir mit Layern, welche du ebenfalls nutzen solltest, um dir Zeit zu sparen. ...

15 Min.

Sketch-Tutorial: 4.5 iPhone X-Design

Das iPhone X änderte einiges im App-Design. Designer müssen nun mit einer neuen Bildschirm-Form arbeiten. Hier erfährst du die Basics. ...

10 Min.

Sketch-Tutorial: 4.6 User-Profil, Blur-Effekt

Mit Effekten kannst du deiner App ein interessantes Design geben. Wir setzen den Blur-Effekt in deinem User-Profil ein. ...

17 Min.

Sketch-Tutorial: 4.7 Design als Tool nutzen

In diesem Video erfährst du, wie du Design als Tool nutzen kannst, um deiner App einen Feinschliff zu verpassen. ...

18 Min.

Sketch-Tutorial: 4.8 Libraries nutzen & Action Sheet erstellen

Nun nutzen wir die iOS-Library, um ein Action Sheet zu bauen. Mit Libraries kannst du nicht nur beim Designen, sondern auch in der Entwicklung Zeit ...

5 Min.

Designs bereitstellen

Sketch-Tutorial: 5 Designs in InVision bereitstellen

Wenn deine App entwickelt werden soll, brauchen die Entwickler deine Designs. In dieser Lektion erfährst du, wie du deine Designs bei InVision ber ...

13 Min.

Wichtige Infos bereitstellen

Sketch-Tutorial: 6 Hilfe in die App einfügen

Die Nutzer der App finden oft nicht die richtigen Buttons oder haben andere Fragen, die nicht offensichtlich erkennbar sind. Deshalb erstellen wir ...

21 Min.

Profi-Design

Sketch-Tutorial: 7.1 Flat-Design-Grafiken erstellen lassen

Wenn du toughe Deadlines für deine Projekte hast, hast du oft nicht die Zeit, alles selbst zu designen. Hier erfährst du, wie und wo du Hilfe bek ...

14 Min.

Sketch-Tutorial: 7.2 Home-Redesign

Im Home Screen haben wir noch viel Luft nach oben. Deshalb machen wir ein Redesign unseres ersten Screens. ...

24 Min.

Sketch-Tutorial: 7.3 User Experience Kaufvorgang

Der Kaufvorgang eines Users muss wie geschmiert laufen, da dies einer der heikelsten Momente des User-Flows ist. ...

26 Min.

Neuerungen in Sketch

Sketch-Tutorial: 8 Prototyping in Sketch

In der neuen Version von Sketch hast du die Möglichkeit, einen Prototypen direkt in Sketch zu erstellen. ...

6 Min.

Diese Inhalte könnten dich ebenfalls interessieren

Wir sind auf der Suche nach interessanten Trainings für dich, bitte gib uns einen Moment.

Top