Opleiding : Schetsen, ontwerpen en prototypen van web- en mobiele interfaces

Praktijkcursus - 2d - 14u00 - Ref. SKT

Schetsen, ontwerpen en prototypen van web- en mobiele interfaces




Je leert hoe je ergonomie voor mobiele en webinterfaces kunt bouwen in UX-ontwerpmodus met behulp van Sketch. Je krijgt de interface en functionaliteiten onder de knie. Je zult in staat zijn om vormen te creëren met de pen tool voor diepgaand grafisch ontwerp, en je zult in staat zijn om prototyping en export tools te beheren.


INTER
INTRA
OP MAAT

Praktijkcursus ter plaatse of via klasverband op afstand
Disponible en anglais, à la demande

Ref. SKT
  2d - 14u00
Neem contact met ons op




Je leert hoe je ergonomie voor mobiele en webinterfaces kunt bouwen in UX-ontwerpmodus met behulp van Sketch. Je krijgt de interface en functionaliteiten onder de knie. Je zult in staat zijn om vormen te creëren met de pen tool voor diepgaand grafisch ontwerp, en je zult in staat zijn om prototyping en export tools te beheren.


Pedagogische doelstellingen
Aan het einde van de training is de deelnemer in staat om:
De UX-ontwerpbenadering toepassen op een adaptief of responsief webontwerpproject
Leer de methoden en technieken voor het ontwerpen van een responsieve interface
Ontwerp en prototype een interface met behulp van de Sketch App tool.
Navigatiepaden creëren die voldoen aan de behoeften van gebruikers
Beste praktijken toepassen in interfaceontwerp en interactie

Doelgroep
Grafische ontwerpers, webdesigners of iedereen die mock-ups moet maken voor websites en mobiele en tabletapplicaties.

Voorafgaande vereisten
Goede webvaardigheden, kennis van DTP-software is een pluspunt.

Opleidingsprogramma

1
Specifieke kenmerken van de software

  • Wat is Sketch App?
  • De voordelen en uitdagingen van de software.
  • Ontdek de essentiële plug-ins: Craft, Zeplin, Anima...
  • Functionele perimeters: wireframes, ontwerpsysteem, stijlgids, interactieve grafische mock-up.
Praktisch werk
Ontdekking van manipulatie.

2
Ontdek de interface van Sketch

  • Werkbalk en eigenschappenpanelen.
  • Werkplannen, pagina's en lagen.
  • Pas de werkbalk aan.
Praktisch werk
Omgaan met de interface van Sketch.

3
Prototypen van een grafisch model voor het web

  • De ontwerpfasen.
  • Interfaceontwerp.
  • Inhoudelijke choreografie.
  • Designtrends.
Praktisch werk
Maken van een eerste mock-up van een responsieve webpagina.

4
Interface voor mobiele toepassingen

  • Interfaces voor mobiele toepassingen.
  • Definieer de interfaceschets of gedetailleerde wireframe-mock-up volgens een aangepaste inhoudschoreografie.
Praktisch werk
Creatie van een eerste mobiele interface.

5
Ontwerpen met Sketch

  • Maak een werkplan.
  • Lagen maken en beheren.
  • Gebruik rasters en markeerstiften.
  • Vormen maken en aanpassen.
  • Vector- en bitmapafbeeldingen importeren.
Praktisch werk
Werken met lagen en markers.

6
Vormen construeren en toevoegen

  • Schetsen en vectoren.
  • Het potloodgereedschap.
  • Vormen maken, wijzigen en bewerken.
  • Maak vectorelementen met het pengereedschap.
  • Ankerpunten hanteren.
  • Tekstobjecten, lijnen en randen.
Praktisch werk
Maak aangepaste vormen met het pengereedschap.

7
Grafische elementen exporteren

  • De verschillende exportformaten voor het web identificeren (SVG, PNG, JPEG, CSS).
  • Exporteren voor Retina- of HD-schermen.
  • Hergebruik snel een gidsstijl met de Craft plug-in.
  • Effectief samenwerken met ontwikkelaars (met Sketch en Zeplin).
Praktisch werk
Een export voor het web maken.

8
Een interactief prototype maken met Sketch en InVision

  • Definieer reactieve zones.
  • Leg verbanden tussen werkplannen.
  • Exporteer en deel het interactieve prototype in InVision.
Praktisch werk
Creatie van een interactief prototype.