CKM Trends Webdesign

Trends

In webdesign

1 / 38

Slide 1: Slide

CKMMBOStudiejaar 3

This lesson contains 38 slides, with interactive quizzes and text slides.

Lesson duration is: 60 min

Items in this lesson

Trends

In webdesign

Slide 1 - Slide

Terugblik:
Wat weten we nog?

Slide 2 - Open question

Webdesign trends

Slide 3 - Mind map

Slide 4 - Slide

Broken Grid

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

Slide 5 - Slide

Slide 6 - Slide

Slide 7 - Slide

Slide 8 - Slide

Aanwezige typografie

Grote letters

Slide 9 - Slide

Slide 10 - Slide

Slide 11 - Slide

Slide 12 - Slide

Slide 13 - Slide

Felle, onverwachte

kleuren

Slide 14 - Slide

Slide 15 - Slide

Slide 16 - Slide

Slide 17 - Slide

Slide 18 - Slide

Minimalistisch design

Veel witruimte, simpele typografie

Slide 19 - Slide

Slide 20 - Slide

Slide 21 - Slide

Slide 22 - Slide

Motion design

beweging krijgt een steeds grotere rol in webdesign

Slide 23 - Slide

Slide 24 - Slide

Slide 25 - Slide

Slide 26 - Slide

Mobile first

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

Slide 27 - Slide

Nike

Disney+

Slide 28 - Slide

Apple

Adobe

Slide 29 - Slide

Dark mode

steeds meer websites zijn (volledig)

beschikbaar in dark mode

Slide 30 - Slide

Slide 31 - Slide

Slide 32 - Slide

Zwevende elementen

en zachte schaduwen

Slide 33 - Slide

Slide 34 - Slide

Slide 35 - Slide

Slide 36 - Slide

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

Lever hier je homepagina in

Slide 38 - Open question