CKM Trends Webdesign

Trends

In webdesign

1 / 38

Slide 1: Tekstslide

CKMMBOStudiejaar 3

In deze les zitten 38 slides, met interactieve quizzen en tekstslides.

Lesduur is: 60 min

Onderdelen in deze les

Trends

In webdesign

Slide 1 - Tekstslide

Terugblik:
Wat weten we nog?

Slide 2 - Open vraag

Webdesign trends

Slide 3 - Woordweb

Slide 4 - Tekstslide

Broken Grid

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

Slide 5 - Tekstslide

Slide 6 - Tekstslide

Slide 7 - Tekstslide

Slide 8 - Tekstslide

Aanwezige typografie

Grote letters

Slide 9 - Tekstslide

Slide 10 - Tekstslide

Slide 11 - Tekstslide

Slide 12 - Tekstslide

Slide 13 - Tekstslide

Felle, onverwachte

kleuren

Slide 14 - Tekstslide

Slide 15 - Tekstslide

Slide 16 - Tekstslide

Slide 17 - Tekstslide

Slide 18 - Tekstslide

Minimalistisch design

Veel witruimte, simpele typografie

Slide 19 - Tekstslide

Slide 20 - Tekstslide

Slide 21 - Tekstslide

Slide 22 - Tekstslide

Motion design

beweging krijgt een steeds grotere rol in webdesign

Slide 23 - Tekstslide

Slide 24 - Tekstslide

Slide 25 - Tekstslide

Slide 26 - Tekstslide

Mobile first

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

Slide 27 - Tekstslide

Nike

Disney+

Slide 28 - Tekstslide

Apple

Adobe

Slide 29 - Tekstslide

Dark mode

steeds meer websites zijn (volledig)

beschikbaar in dark mode

Slide 30 - Tekstslide

Slide 31 - Tekstslide

Slide 32 - Tekstslide

Zwevende elementen

en zachte schaduwen

Slide 33 - Tekstslide

Slide 34 - Tekstslide

Slide 35 - Tekstslide

Slide 36 - Tekstslide

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

Lever hier je homepagina in

Slide 38 - Open vraag