Trends in het ontwerpen van websites in 2016 die u moet overwegen voordat u uw site maakt

dk new media site 1

We hebben veel bedrijven zien evolueren naar een schonere, eenvoudigere ervaring voor websitegebruikers. Of je nu een ontwerper, een ontwikkelaar bent of gewoon van websites houdt, je kunt iets leren door te kijken hoe ze het doen. Maak je klaar om geïnspireerd te worden!

  1. animatie

Als we de vroege, opzichtige dagen van het web achter ons laten, dat overspoeld werd door flitsende gifs, geanimeerde balken, knoppen, pictogrammen en dansende hamsters, betekent animatie vandaag de dag het creëren van interactieve, responsieve acties die het vertellen van verhalen verbeteren en een rijke gebruikerservaring bieden.

Voorbeelden van uitgebreide animaties zijn het laden van animaties, navigatie en menu's, hover-animaties, galerijen en diavoorstellingen, bewegingsanimaties, scrollen en achtergrondanimaties en video's. Bekijk deze site van Beagle, een platform voor voorstelbeheer:

Beagle geanimeerde website

Klik door om de geweldige JavaScript- en CSS-animatie van Beagle te zien wanneer u naar beneden scrolt op hun site.

Rijke animatie is ook te zien in micro-interactie. Op LinkedIn kan een gebruiker bijvoorbeeld de muisaanwijzer over een kaart bewegen voor een subtiel pop-upmenu met opties, en vervolgens kiezen om het verhaal over te slaan of andere acties te ondernemen.

GIF-animaties zijn (met plezier?) Opnieuw opgestart en kunnen voor veel verschillende doeleinden worden gebruikt, waaronder komedie, demonstraties en zelfs alleen voor decoratie.

  1. materiaal ontwerp

materiaal ontwerp, een ontwerptaal ontwikkeld door Google, vertrouwt op de elementen van op druk gebaseerd ontwerp (typografie, rasters, ruimte, schaal, kleur en gebruik van afbeeldingen), samen met responsieve animaties en overgangen, opvulling en diepte-effecten zoals belichting en schaduwen zorgen voor een meer realistische, boeiende en interactieve gebruikerservaring.

Material Design gebruikt schaduw, beweging en diepte om een ​​strakke, moderne esthetiek te bieden met een focus op het optimaliseren van UX zonder al te veel toeters en bellen.

Andere voorbeelden van materiaalontwerp zijn rand-tot-rand-afbeeldingen, grootschalige typografie en opzettelijke witruimte.

YouTube Android Materiaalontwerp Redesign Concept

  1. Plat ontwerp

Hoewel Material Design één benadering biedt van het concept van minimalisme, blijft plat ontwerp de klassieke keuze voor liefhebbers van strakke lijnen. Dat wil zeggen dat een plat ontwerp vaak wordt gezien als een meer realistische, authentieke en comfortabele digitale look.

Space Needle

Gebaseerd op de principes van witruimte, gedefinieerde randen, levendige kleuren en 2D - of "platte" - illustraties, biedt een plat ontwerp een veelzijdige stijl die vaak gebruik maakt van technieken zoals lijn iconografie en lange schaduwen.

lander

  1. Gesplitste schermen

Het meest geschikt als u twee even belangrijke gebieden wilt promoten, of als u naast foto's of media inhoud wilt aanbieden, gesplitste schermen zijn een geweldige nieuwe manier om een ​​leuke en gedurfde gebruikerservaring te bieden.

split-screen

Door gebruikers hun inhoud en ervaring te laten kiezen, kunt u een portaalachtige ervaring creëren die bezoekers verleidt om binnen te komen.

split-screen-oceaan

  1. Chrome laten vallen

Verwijzend naar de chromen bumpers en verfraaiingen op klassieke auto's, verwijst 'chroom' naar de containers van een website - de menu's, kopteksten, voetteksten en randen - die de kerninhoud samenvatten.

chroom-tijd

Dit kan afleidend zijn en veel bedrijven kiezen ervoor om zich los te maken van de containers en schone lay-outs van rand tot rand te maken zonder randen, kopteksten of voetteksten.

chroom naar voren

 

  1. Vergeet de vouw

"Above the fold" is krantenjargon voor de bovenste helft van de voorpagina van een krant. Omdat kranten vaak worden opgevouwen en in dozen en displays worden geplaatst, gaat de meest aantrekkelijke inhoud boven de vouw om hen de beste kans te geven een potentiële lezer (en hun portemonnee) te pakken.

Website-ontwerp maakt al lang gebruik van het idee van een vouw op het principe dat scrollen lastig was. Maar onlangs begroeten afbeeldingen en inhoud op volledig scherm een ​​gebruiker en moedigt scrollen aan om aanvullende, meer diepgaande inhoud te onthullen.

zaadvlek

  1. Video op volledig scherm

Video kan een geweldige manier zijn om de aandacht van bezoekers te trekken, en is vaak zelfs effectiever dan beeldmateriaal of tekst. Looping-video's zoals die door Apple worden gebruikt voor de Apple Watch zijn een unieke manier om een ​​toon te zetten en bezoekers naar binnen te halen.

DK New Media

Klik door om te zien DK New Media's Video op hun homepage

Als het om webdesign gaat, worden veel specifieke componenten bepaald door uw branche, niche, doelmarkt en inhoud. Uw lay-out hangt af van waar bezoekers op reageren en wat het meest logisch is voor uw bericht. Maar met deze trends bij de hand, heb je alles wat je nodig hebt om een ​​boeiende website te maken die doet wat je nodig hebt, en dat laat zien dat je weet hoe je met de tijd mee kunt gaan.

Wat denk je?

Deze site gebruikt Akismet om spam te verminderen. Ontdek hoe uw reactiegegevens worden verwerkt.