Top 10 Webdesign trends 2017

Ook al varen wij van SocialLane graag onze eigen koers… nieuwsgierig naar nieuwe webdesign zijn wij altijd! En een nieuw jaar betekent nieuwe trends! In 2016 zagen we voornamelijk de Hero Images, Material Design, Card Lay-out en Micro interacties terug komen op websites. Daarnaast was het niet meer dan normaal dat er rekening gehouden werd met de verschillende schermgroottes bij de realisatie van een website. Ook weten we inmiddels precies wat het hamburgermenu is.

Onze favoriete trend van afgelopen jaar was Material Design. Zoals misschien al is opgevallen, heeft onze website een metamorfose ondergaan met deze trend als basis voor het webdesign.

Lees nu ook het blog ’10 webdesign trends 2018′!

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:

  1. Split content
  2. Lazy loading
  3. Scroooooooollen
  4. Videografie is het nieuwe fotografie
  5. Geometrische vormen
  6. Next level storytelling
  7. Oversized typografie
  8. Full screen navigatie
  9. Kleur
  10. 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.

webdesigntrends 2016

Maar dit mag ook door elkaar heen lopen, zoals hieronder terug te zien is.

webdesigntrends 2017
webdesigntrends 2017

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.

webdesigntrends 2017

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.

webdesigntrends 2017
webdesigntrends 2017

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.

webdesigntrends 2017

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.

webdesigntrends 2017

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!

webdesigntrends 2017

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.

webdesigntrends 2017

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.

webdesigntrend 2017

Wil jij deze webdesign trends ook op jouw website inzetten?