Sketch-tutorial - word UI- en UX-designer. Taal: Duits

Sketch-tutorial - word UI- en UX-designer.

Ontwerp (illustratie, lay-out & druk) 24 Videos · 5.2 h Videotraining · Nederlands Luca Kiedrowski by Luca Kiedrowski

Sketch is een effectief en intuïtief hulpmiddel waarmee je prototypes van webprojecten maakt. Met behulp van de UI- en UX-software creëer je dynamische gebruikersinterfaces voor websites en apps. Een belangrijk voordeel: aangezien de ontwerpen zijn gebaseerd op regels van webdesign, lever je een direct implementeerbaar resultaat aan de ontwikkeling op. Ontdek Sketch in deze uren en uren durende tutorial van Luca Kiedrowski, die je stap voor stap begeleidt van concept tot prototype tot volledig ontworpen webinterface.

  • Word UI- en UX-designer: Maak met Sketch gebruikersinterfaces voor websites en apps.
  • Voor een snelle start: Maak je de basisprincipes van Sketch, UI- en UX-design eigen
  • Voor je vooruitgang: Leer geavanceerde designtechnieken zoals booleaanse operatoren kennen.
  • Praktische zelfstudie: Maak aan de hand van een app een moderne gebruikersinterface.
  • Betere samenwerking met ontwikkelaars: Geef ze direct bruikbare prototypes in handen.
  • Begrijp in 5 h het concept van UI en UX: Trainer Luca Kiedrowski toont best practices voorbeelden.
  • Zo blijft het geleerde in het hoofd: inclusief werkmateriaal om deel te nemen.

Zelfs Google en Apple vertrouwen op Sketch - doe het als de groten en leer nu hoe je eenvoudig mooie, gebruiksvriendelijke en bovendien klaar voor ontwikkeling zijnde UI-ontwerpen maakt.

Inhoud

24 Videos, 315 Minuten

Invoering

7 Videos · 26 Minuten
01 Open Gratis

Schetsles: 1.1 Intro

Van harte welkom bij de sketch-tutorial: Leer hoe je met behulp van het programma je eigen apps kunt ontwerpen. Hier een overzicht van de cursus.

02 Open Gratis

Schets-tutorial: 1.2 Wat is Sketch?

Een korte introductie tot het programma "Sketch" en hoe je toegang tot dit programma kunt krijgen.

03 Open

Schets-Tutorial: 1.3 Programma-Interface

Hier leer je Sketch beter kennen. Ik laat je het volledige programma zien en je leert hoe je er effectief mee kunt werken.

04 Open

Schetsles: 1.4 Tools

Sketch zou niet zo'n geweldig programma zijn als je geen hulpmiddelen zou kunnen gebruiken. Hier leer je hoe je deze hulpmiddelen toevoegt.

05 Open

Schets-tutorial: 1.5 De belangrijkste plugins

Plugins helpen je om nog beter en sneller met Sketch te werken. Ik laat je zien welke plugins je het best kunnen helpen.

06 Open

Sketch-Tutorial: 1.6 Bibliotheken installeren

Met Libraries kun je gestandaardiseerde ontwerpen van Apple of Android direct in je project opnemen.

07 Open

Schets-Tutorial: 1.7 InVision

InVision is een tool die je Sketch-project aanzienlijk vergemakkelijkt. Daar kun je 'wireframes' maken om je project te structureren.

01

Schetsles: 1.1 Intro

3 min Open
02

Schets-tutorial: 1.2 Wat is Sketch?

2 min Open
03

Schets-Tutorial: 1.3 Programma-Interface

6 min Open
04

Schetsles: 1.4 Tools

3 min Open
05

Schets-tutorial: 1.5 De belangrijkste plugins

5 min Open
06

Sketch-Tutorial: 1.6 Bibliotheken installeren

3 min Open
07

Schets-Tutorial: 1.7 InVision

4 min Open

Ontwerp-basisprincipes

2 Videos · 37 Minuten
08 Open

Schets-Tutorial: 2.1 Kleuren

Kleuren geven je de mogelijkheid om je app tot leven te brengen. Hier vind je een korte introductie in de wereld van kleuren.

09 Open

Schets-Tutorial: 2.2 Lettertypes

Het sociale netwerk "Medium" laat zien hoe sterk lettertypen de gebruikerservaring kunnen beïnvloeden. Lettertypen in jouw app kunnen erg belangrijk zijn.

08

Schets-Tutorial: 2.1 Kleuren

19 min Open
09

Schets-Tutorial: 2.2 Lettertypes

18 min Open

Prototypes maken

1 Videos · 18 Minuten
10 Open

Schets-Tutorial: 3 Prototyping

Nu beginnen we met de eigenlijke app.

10

Schets-Tutorial: 3 Prototyping

18 min Open

Schermontwerp

8 Videos · 128 Minuten
11 Open

Schets-tutorial: 4.1 startscherm en ontwerpsjablonen

Nu wagen we ons aan ons echte project en beginnen met het startscherm. Daarnaast leer je hier hoe we ontwerpsjablonen kunnen maken.

12 Open

Schets-tutorial: 4.2 Groepen maken en tekststijlen.

In deze les leer je hoe je groepen kunt maken en tekststijlen kunt opslaan om tijd te besparen.

13 Open

Schets-Tutorial: 4.3 Iconen vinden, maken en aanpassen

Iconen zijn een groot deel van een app. In deze video ontdek je waar je de beste iconen kunt vinden en hoe je ze in je project integreert.

14 Open

Schetsles: 4.4 Chat ontwerpen, werken met lagen

Nu gaan we naar de chat van onze app. Daar werken we met lagen, die je ook zou moeten gebruiken om tijd te besparen.

15 Open

Schets-Tutorial: 4.5 iPhone X-ontwerp

De iPhone X heeft het een en ander veranderd in het app-design. Ontwerpers moeten nu werken met een nieuwe schermvorm. Hier leer je de basisprincipes.

16 Open

Schets-Tutorial: 4.6 Gebruikersprofiel, vervageffect

Met effecten kun je jouw app een interessant design geven. We gebruiken het vervageffect in jouw gebruikersprofiel.

17 Open

Schets-Tutorial: 4.7 Ontwerp als gereedschap gebruiken

In deze video leer je hoe je design als een tool kunt gebruiken om je app een laatste finishing touch te geven.

18 Open

Schetsles: 4.8 Bibliotheken gebruiken & actieblad maken

Nu gebruiken we de iOS-bibliotheek om een Actieblad te maken. Met bibliotheken kun je niet alleen tijd besparen bij het ontwerp, maar ook bij de ontwikkeling.

11

Schets-tutorial: 4.1 startscherm en ontwerpsjablonen

25 min Open
12

Schets-tutorial: 4.2 Groepen maken en tekststijlen.

18 min Open
13

Schets-Tutorial: 4.3 Iconen vinden, maken en aanpassen

16 min Open
14

Schetsles: 4.4 Chat ontwerpen, werken met lagen

16 min Open
15

Schets-Tutorial: 4.5 iPhone X-ontwerp

11 min Open
16

Schets-Tutorial: 4.6 Gebruikersprofiel, vervageffect

18 min Open
17

Schets-Tutorial: 4.7 Ontwerp als gereedschap gebruiken

18 min Open
18

Schetsles: 4.8 Bibliotheken gebruiken & actieblad maken

6 min Open

Ontwerpen beschikbaar stellen

1 Videos · 13 Minuten
19 Open

Schets handleiding: 5 ontwerpen in InVision aanbieden

Als je app ontwikkeld moet worden, hebben de ontwikkelaars jouw ontwerpen nodig. In deze les leer je hoe je jouw ontwerpen beschikbaar kunt stellen op InVision.

19

Schets handleiding: 5 ontwerpen in InVision aanbieden

13 min Open

Belangrijke info verstrekken

1 Videos · 22 Minuten
20 Open

Schets-Tutorial: 6 hulp toevoegen aan de app.

De gebruikers van de app vinden vaak niet de juiste knoppen of hebben andere vragen die niet direct herkenbaar zijn. Daarom maken we een vraag- en antwoordsectie.

20

Schets-Tutorial: 6 hulp toevoegen aan de app.

22 min Open

Profi-ontwerp

3 Videos · 66 Minuten
21 Open

Schetsles: 7.1 Flat design-afbeeldingen laten maken

Als je strikte deadlines hebt voor je projecten, heb je vaak niet de tijd om alles zelf te ontwerpen. Hier ontdek je waar en hoe je hulp kunt krijgen.

22 Open

Schets-Tutorial: 7.2 Thuis-Herontwerp

Op het startscherm hebben we nog veel ruimte voor verbetering. Daarom gaan we een redesign van ons eerste scherm maken.

23 Open

Schets-Tutorial: 7.3 Gebruikerservaring Aankoopproces

Het aankoopproces van een gebruiker moet gesmeerd verlopen, aangezien dit een van de meest delicate momenten in de gebruikersstroom is.

21

Schetsles: 7.1 Flat design-afbeeldingen laten maken

14 min Open
22

Schets-Tutorial: 7.2 Thuis-Herontwerp

25 min Open
23

Schets-Tutorial: 7.3 Gebruikerservaring Aankoopproces

27 min Open

Vernieuwingen in Sketch

1 Videos · 6 Minuten
24 Open

Schets handleiding: 8 Prototyping in Sketch

In de nieuwe versie van Sketch heb je de mogelijkheid om direct een prototype te maken in Sketch.

24

Schets handleiding: 8 Prototyping in Sketch

6 min Open

Toepassingsvoorbeelden

  • Smartphones met een app, waarvan het ontwerp is ontwikkeld in Sketch.
    Galerij openen
    Voorbeeld: In de tutorial maak je met behulp van Sketch een app die verder ontwikkeld kan worden.
  • Smartphone met een app waarvan het ontwerp is gemaakt in Sketch
    Galerij openen
    Voorbeeld: Je coach geeft je tips en trucs voor modern UX- en UI-design mee.
Opmerkingen (0)

Geef nu commentaar „Sketch-tutorial - word UI- en UX-designer.“