UX Designer: visual design met Sketch en Invision

Hoe praktisch een prototype van jouw app of website maken?
  • icon Voorjaar 2025
  • icon Nog niet gekend
  • icon Nog niet gekend
  • icon Nog niet gekend
Hou me op de hoogte
  • icon Voorjaar 2025
  • icon Nog niet gekend
  • icon Nog niet gekend
  • icon Nog niet gekend

Introductie

Het ontwerpproces voor apps begint vaak met UX Design. Tools zoals Sketch en InVision laten ontwerpers toe om aantrekkelijke functionele ontwerpen te maken en interactieve prototypes te bouwen. In Sketch creëren ontwerpers de gedetailleerde ontwerpen, om vervolgens met InVision het ontwerp om te zetten in interactieve prototypes. Met deze werkwijze ervaren stakeholders en gebruikers de functionaliteit en gebruikerservaring van een product voordat het wordt gebouwd.

Wat kent men na het volgen van deze opleiding?

Na deze opleiding kan je een volledig interactief klikbaar prototype van een app of website maken met Sketch en Invision.

Omschrijving

In deze opleiding leer je een design system opzetten en consequent de stijl bewaken van al jouw digitale producten. Je leert componenten voor jouw websites of apps responsive op te bouwen. Je maakt gebruik van deze bouwsteen om een volledig klikbaar prototype te bouwen in Invision om voor te leggen aan je klant of aan de eindgebruiker. Zo is het mogelijk om snel verbeteringen qua design en usability door te voeren nog voor de development start.

Voor wie is deze opleiding bestemd?

Grafisch ontwerpers, digital designers, UX-designers en developers.

Voorkennis

Er is geen specifieke voorkennis vereist.

Methodologie

De cursus wordt klassikaal gegeven in groepen van maximum 14 personen. Je kan dus rekenen op maximale persoonlijke aandacht. Na de theoretische uitleg werk je aan praktijkoefeningen.

Hoe ziet het programma van deze opleiding eruit?

1. Introductie programma

2. Gereedschappen verkennen

3. Lagen en pagina’s

4. Inspector menu

5. Shapes & masks

6. Tekst & layer styles

7. Shared styles & style overrides

8. Symbols & Nested symbols

9. Gebruik van libraries

10. Importeren van bestanden (foto’s, vectorafbeeldingen)

11. Variabele data in je design

12. Exporteren voor verschillende devices en CSS-code

13. Grids & guides

14. Layout instellingen

15. Artboards

16. Pagina’s

17. Responsive design

18. Plug-ins

19. Interactieve prototypes maken in Invision

20. Presentatie van je design op verschillende devices

Wil je meer weten?

FotoLies Debacker
curl effect

Heb je vragen over een opleiding?
Of denk je eraan om die op maat of op locatie te organiseren?

Contacteer onze Commercieel coördinator

Lies Debacker

Stel je vraag

Ook interessant voor jou

  • KMO-portefeuille
Stem tijdens de ontwerpfase af met jouw opdrachtgever hoe de app er uitziet, nog voor ze gebouwd is!
  • icon Nog niet gekend
  • icon Voorjaar 2025
  • icon Nog niet gekend
  • icon Nog niet gekend