In 2016 zagen we een aantal interessante dingen voorbij komen zoals: de Hero Images, Material Design, Card Lay-out en Micro interacties die vaak terug kwamen op websites. Uiteraard werd het de standaard om rekening te houden met diverse schermgroottes bij het ontwerpen van een website. Ook weten weet iedereen inmiddels wat het hamburger-menu is. Bij Webdesign Haarlem zijn ze ook op de hoogte van de laatste trends die in dit artikel te lezen zijn.

webdesigntrends 2017

Maar de vraag is natuurlijk… kunnen we deze trends ook in 2017 inzetten? Wij hebben de 10 webdesign trends voor 2017 onder elkaar gezet:

Split content
Lazy loading
Scroooooooollen
Videografie is het nieuwe fotografie
Geometrische vormen
Next level storytelling
Oversized typografie
Full screen navigatie
Kleur
Gradients

1. Split content

Stiekem zijn wij al fan! Dankzij deze trend wordt de content erg overzichtelijk weergegeven en ondersteunen beeldmateriaal en tekst elkaar perfect. De website is met deze trend namelijk opgebouwd uit twee scherm vullende delen. Dit kan met zowel tekst aan de ene kant en een afbeelding aan de andere kant.

2. Lazy loading

Zoals de naam al doet vermoeden gaat dit over de manier hoe website content op een scherm wordt geladen. Op de Facebooktijdlijn zie je deze trend al terugkomen. Afbeeldingen worden pas geladen wanneer de gebruiker naar beneden scrolt. Daardoor hoeft dus niet weer gewacht te worden totdat heel de webpagina geladen is omdat dit in kleinere delen gebeurt. Deze trend heeft ook een positief effect op de SEO omdat de laadsnelheid van de website zo omhoog gaat. Google rankt snelle websites namelijk hoger dan langzame websites.

3. Scroooooooollen

De long scroll pagina trend die we in 2016 al veel terug zagen komen gaan in 2017 nog meer doorzetten. Hierbij kan parallax scrolling ook nog steeds ingezet worden. Bij deze techniek worden afbeeldingen en andere lagen op de website op verschillende snelheden over elkaar heen gerold. Hierdoor ontstaat er een 3D illusie.

4. Videografie is het nieuwe fotografie

In 2016 zagen we de Hero Images* bovenaan websites. In 2017 zullen deze foto’s veelal vervangen worden door foto’s. Uit verschillende onderzoeken was al gebleken dat video veel meer de aandacht trekt dan foto. Dit komt vanuit het overlevingsinstinct van de mens. Vroeger betekende beweging een gevaar.

Bij webdesign met achtergrondvideo’s is het van belang om rekening te houden met het kleurgebruik. Wil je bijvoorbeeld tekst over een video plaatsen, zorg dan voor een groot contrast in de afbeelding. Let er bij video’s op je website ook op, dat het geluid uitstaat wanneer de video automatisch afspeelt. Of zoals bij het bovenstaande voorbeeld, de gebruiker de keuze geven om de video af te laten spelen.

5. Geometrische vormen

Patronen, lijnen, driehoeken… het mag allemaal dit jaar! Deze trend kan op verschillende manieren terugkomen op een website. Bijvoorbeeld geheel met illustraties zoals wij op onze homepagina hebben toegepast.

6. Next level storytelling

Dit jaar gaat de trend storytelling op websites zich nog verder ontwikkelen. Je kunt deze trend inzetten om mensen te triggeren met jouw verhaal. Je geeft zo een beleving mee wat gebruikers blijven herinneren. Een mooi voorbeeld hiervan is een landingspagina van National Geographic.

7. Oversized typografie

Groter dan groots zullen we in 2017 op het gebied van typografie zien terugkomen op websites. Deze trend kan perfect gecombineerd worden met split content, video’s en storytelling die bij de vorige trends al aan bod kwamen. In combinatie met andere elementen op een website kan dit namelijk de beleving sterk vergroten. Let er wel op dat de typografie dan wel een sprekende stijl heeft.

Veel mensen denken bij typografie aan een klein onderdeel van de website. In 2017 gaan we terugzien dat dit patroon doorbroken wordt. Met het inzetten van de juiste typografie kan de content een extra boost krijgen.

8. Full screen navigatie

Deze trend kan op verschillende manieren terugkomen…. als het maar scherm vullend is!

9. Kleur

En dan hebben we de kleur nog! De eerste sfeermaker bij een websitebezoek. Van de vale kleuren gaan we komend jaar naar het frisse kleurpalet. In het onderstaande kleurenpalet zie je twee verschillende type kleuren terugkomen. Namelijk de levendige- en de natuurlijke kleuren. Pantone omschrijft dit zelf als een spectrum wat emoties en gevoelens oproept.

Je ziet ook steeds vaker dat bedrijven de huisstijlkleuren verwerken in het interieur van het kantoor.

10. Gradient

Waarom zou je kiezen voor één kleur als je ook meerdere kleuren kan gebruiken in een gradient! Een gradient is een kleurverloop wat we al bij veel grote merken terug zien komen. Denk bijvoorbeeld aan het nieuwe logo van Instagram.

Wil jij deze webdesign trends ook op jouw website inzetten neem dan een kijkje bij webdesign bureau Haarlem