Leuke trends die elke website prachtig en futuristisch kunnen maken.
Trends bepalen vaak hoe het internet er in de toekomst zal uitzien.
De afgelopen jaren is het internet er mooier op geworden dankzij de ondersteuning van HTML5, CSS3 en het ondersteunen van snelle scripten. Het "nieuwe" internet is een unieke omgeving die aan het veranderen is van dag tot dag. Ook bij Kontrast streven wij naar unieke ervaringen voor zowel klant als gebruikers. Wij bouwen reeds 11+ jaar websites voor onze klanten.
Nu is de vraag hoe de web design trends van 2017 zijn? In dit artikel zullen we de belangrijkste Web Design Trends die je moet weten voor 2017 eens bespreken.
ANIMATIE IN WEBSITES, APP EN UI.
Animatie kan een website erg interactief maken, zo is er de mogelijkheid om bepaalde content
te laten reageren op de gebruiker zijn klik gedrag, of tijdens een scroll en zelfs op tijd.
Intussen bestaan er enorm veel verschillende animatiescripts. Een bekende is Wow.js en even later kwam er ook de reeds gekende Parallax bovenop. Innovatieve scroll en Parallax zijn eigenlijk interactieve acties waarbij een soort van elastische scroll wordt bekomen bij het scrollen en een afbeelding of content in de diepte een soort van 3D gevoel probeerd te geven.
Let op, teveel animatie schrikt de gebruiker af en kan onprofessioneel overkomen als je niet subtiel tewerk gaat. Echter is een subtiele gloed bij het aanraken van buttons niet onverbodig.
GEBROKEN LAYOUTS
Een gewaagde nieuwe manier lijkt het wel. Het is niet voor elke website interessant maar het kan best leuk zijn om creatieve websites een extra dimensie te geven. Zo kan je bevoorbeeld een close-up deels naast de originele afbeelding plaatsen. Stel u een webwinkel of een project voor, creativiteit kent geen grenzen. Wij raden aan dit te doen volgens de gulden snede.
Ook voor minimalistische concepten kan dit een manier zijn om dat extraatje te bekomen.
SLIMME LAYOUTS
Slimme layouts zijn net iets meer dan een mobiele website of het mobielvriendelijke.
Het gaat echter over de tijd en interactie waarbij content zich verplaatst, het zal u eventueel al opgevallen zijn op sommige sites als u met een iPad of iPhone het scherm horizontaal houdt dat de content iets trager (bijna elastisch) zichzelf gaat verplaatsen.
Het is alsof de content magnetisch naar de website aangetrokken wordt en een nieuwe positie op het scherm zal zoeken. De foto bovenaan geeft perfect weer wat het resultaat hiervan is bij alle vierkanten.
VIDEO ACHERGRONDEN
U heeft het vast al tegengekomen op het internet, een website met als achtergrondafbeelding een video. Het maakt een website erg levendig maar het kan soms een nadeel zijn omwille van de laadtijden die nodig zijn. Echter bieden tegenwoordig lage kwaliteit mp4's en andere extenties een oplossing aan dit probleem. Ook voor mobiel kan je een mini video gebruiken en op grotere schermen een grotere resolutie video.
ICONEN, SVG's EN UI PAKKETTEN
Tegenwoordig kan je mits wat zoekwerk aardige layouts downloaden met een compleet pakket van iconen, SVG's (Scaled Vector Images) en UI (User Interface) buttons. Dit kan zeer handig zijn als je zonder ontwerper aan de slag moet om een APP te ontwikkelen of als je tijd wil sparen om niet alle iconen zelf te gaan ontwerpen. Je kan ook bestaande iconen aanpassen naar eigen smaak en kleuren. Animatie en andere dingen bepaal jij tijdens het ontwerpen.
Wij deden ook vaak beroep op deze pakketten tijdens het ontwerpen van websites, vooral SVG's liggen in onze smaak. Deze zijn met enkele kilobytes compleet schaalbaar zonder kwaliteitsverlies. Zowel mobiel als op zeer grote schermen ziet alles er perfect uit.
Bedankt voor het inspireren, uiteraard is er nog veel meer...
Voel je vrij om ons een mailtje te sturen als je hier unieke dingen aan wil toevoegen,
ook het verspreiden van deze pagina is zeker welkom!
Er zijn veel leuke trends en oplossingen mogelijk vandaag, dit was slechts een klein deel ervan.
Dit maakt ontwerpen net zo interessant! (:
Frederick Alonso © 2017
