CKM Trends Webdesign

Trends

In webdesign

1 / 38

Slide 1: Diapositive

CKMMBOStudiejaar 3

Cette leçon contient 38 diapositives, avec quiz interactifs et diapositives de texte.

La durée de la leçon est: 60 min

Éléments de cette leçon

Trends

In webdesign

Slide 1 - Diapositive

Terugblik:
Wat weten we nog?

Slide 2 - Question ouverte

Webdesign trends

Slide 3 - Carte mentale

Slide 4 - Diapositive

Broken Grid

asymmetrie, overlap, experimentele plaatsing van elementen, lijkt op het eerste oog losgebroken van ‘het grid’

Slide 5 - Diapositive

Slide 6 - Diapositive

Slide 7 - Diapositive

Slide 8 - Diapositive

Aanwezige typografie

Grote letters

Slide 9 - Diapositive

Slide 10 - Diapositive

Slide 11 - Diapositive

Slide 12 - Diapositive

Slide 13 - Diapositive

Felle, onverwachte

kleuren

Slide 14 - Diapositive

Slide 15 - Diapositive

Slide 16 - Diapositive

Slide 17 - Diapositive

Slide 18 - Diapositive

Minimalistisch design

Veel witruimte, simpele typografie

Slide 19 - Diapositive

Slide 20 - Diapositive

Slide 21 - Diapositive

Slide 22 - Diapositive

Motion design

beweging krijgt een steeds grotere rol in webdesign

Slide 23 - Diapositive

Slide 24 - Diapositive

Slide 25 - Diapositive

Slide 26 - Diapositive

Mobile first

websites die op maat gemaakt zijn voor mobiel gebruik.
Responsive design ≠ Mobile First

Slide 27 - Diapositive

Nike

Disney+

Slide 28 - Diapositive

Apple

Adobe

Slide 29 - Diapositive

Dark mode

steeds meer websites zijn (volledig)

beschikbaar in dark mode

Slide 30 - Diapositive

Slide 31 - Diapositive

Slide 32 - Diapositive

Zwevende elementen

en zachte schaduwen

Slide 33 - Diapositive

Slide 34 - Diapositive

Slide 35 - Diapositive

Slide 36 - Diapositive

Opdracht

Vorm tweetallen.
Kies samen één website.
Restyle de homepage (above the fold) in XD volgens de Broken Grid trend. Behoud elementen als foto’s, tekst, enz., maar plaats ze anders.

Slide 37 - Diapositive

Lever hier je homepagina in

Slide 38 - Question ouverte