Feedback & Wünsche

TutKit.com

Sketch-Tutorial – werde App-Designer

Sketch-Tutorial – werde App-Designer

4eck Media GmbH & Co. KG

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

Trainings-Informationen

Trailer ansehen
Gesamtinhalt herunterladen
Jetzt dabei sein Jetzt gratis testen

Tutorial ansehen Arbeitsdateien herunterladen

Einführung

Sketch-Tutorial: 1.1 Intro

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?

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

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-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

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

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

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

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

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

Sketch-Tutorial: 3 Prototyping

Nun beginnen wir mit der eigentlichen App. ...

  17 Min.

Screen-Design

Sketch-Tutorial: 4.1 Home Screen und Design-Vorlagen

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

© 2002-2021 4eck-Media GmbH & Co. KG • Mit erstellt von 4eck-media.de

Top

Cookie-Einstellungen

Auf unserer Webseite verwenden wir Cookies. Einige davon sind notwendig. Weitere Informationen zu den verwendeten Cookies erhältst du hier.

Alle akzeptieren Auswahl speichern