Essentiële ontwerptrends, augustus 2016
Kleur en lagen. Dit paar ontwerpelementen was de drijvende kracht achter veel van de trends van het jaar. Hoewel we niets hebben gezien, zoals een vlak ontwerp een paar jaar geleden of meer recent Material Design, duwen elementen van beide stijlen ontwerpers aan om nieuwe dingen te ontdekken.
Zowel kleurkeuzen als gelaagdheid lijken hun oorsprong te hebben in die grotere trends en worden zelfs zonder volledig platte of materiële esthetiek in ontwerpprogramma's gebruikt. Dit is de trend in het ontwerp van deze maand:
1. Veel gelaagde elementen
Gelaagde elementen en driedimensionale effecten zijn de onmisbare techniek in de 2D-webruimte. Dankzij de leuke technieken en nog betere how-tos, voornamelijk geïntroduceerd door Material Design, duiken gelaagde elementen op in allerlei soorten projecten.
Wat vooral prettig is, is dat het een website een realistischer gevoel geeft. De gebruiker kan bijna uitreiken en de elementen op het scherm pakken. (En dat is een goede zaak!) De truc is dat elke laag er echt en licht uit moet zien, en dat lagen er natuurlijk uitzien.
Hier zijn een paar manieren om te gaan experimenteren met lagen in uw ontwerpprojecten:
- Til elementen van de achtergrond met een eenvoudige schaduw of animatie. olle doet dit met meerdere elementen op verschillende vlakken, maar ze trekken allemaal samen en zien er natuurlijk uit.
- Laat elementen elkaar kruisen. Tekst kan overgaan in de ruimte die door een afbeelding wordt ingenomen.
- Parallax-scrollfuncties zijn een interessante manier om gelaagde elementen te maken (een voorgrond die over een achtergrond beweegt) zonder al te overweldigend te zijn.
- Gebruik geometrische vormen, animatie en kleurvariatie om de diepte in het ontwerp na te bootsen. Gebruikers moeten het gevoel hebben dat ze bijna in de beelden kunnen vallen, zoals de ervaring die is vastgesteld door Agentschap verwijderen .
- Maak lagen door buiten het canvas te gaan, met elementen die verder gaan dan de achtergrond of rand van het scherm.
- Laat elementen rusten op een gestructureerde achtergrond om een scheiding te creëren tussen de bovenste laag (die gebruikers zich eigenlijk kunnen voorstellen) en achtergrondlaag.
2. Donkere kleurenschema's
Een tijdje leek het of elke website een minimalistisch ideaal was, inclusief een grimmige witte achtergrond. Die trend is verschoven naarmate er meer donkere kleurenschema's ontstaan als de favoriete ontwerp.
En met een goede reden. Een mooi donker kleurenschema kan de aandacht trekken en is niet zo ruw voor sommige ogen als helder wit. Aan de andere kant kan donkere esthetiek een beetje lastiger zijn als tekst klein is of op kleinere schermen (zorg er dus voor dat je extra aandacht besteedt aan hoe elementen worden weergegeven op mobiele apparaten).
Elementen die echt opvallen in donkere kleurenschema's zijn onder meer het gebruik van coole video en animatie, zelfs als deze nauwelijks herkenbaar is; gewaagde witte typografie, knalt felle kleuren om call-to-action of belangrijke informatie en de juiste algemene stemming te accentueren.
Vergeet niet dat duisternis niet altijd zwart betekent. Donkere kleurenschema's kunnen worden geramd in een verscheidenheid van tinten van rood naar blauw tot groen. Hoewel zwarte opties de meest voorkomende zijn, is het belangrijk om een rijk zwart te kiezen dat is gemaakt van verschillende kleurencombinaties. Een vlak zwart (of 'K zwart' zoals ontwerpers van drukkers het noemen) laat bij het ontwerpen van websites iets te wensen over.
Wanneer u met donkere kleurenschema's werkt, moet u ervoor zorgen dat er een goed contrast is tussen de elementen en dat kleuren en afbeeldingen niet verloren gaan in de donkere aard van het ontwerp. Wit kan een goede optie zijn, evenals andere primaire kleuren met veel helderheid of verzadiging. Denk ook aan groottecontrast. Overweeg de grootte van alle tekstelementen met 10 tot 20 procent te verhogen wanneer u met een donker kader werkt om de leesbaarheid te garanderen.
3. Verlopen maken een comeback
Het verloop - een van de technieken die worden gemeden door een plat ontwerp - maakt een comeback. (En het wordt zelfs gebruikt in meestal platte ontwerppatronen.)
Verlopen werken omdat ze iets doen waarvan veel mensen dachten dat plat ontwerp ontbrak, namelijk om diepte te creëren en vast te stellen. Wat is er nieuw over gradiënten deze tijd rond is dat ze niet worden gebruikt om texturen na te bootsen of zonder doel. De trend van vandaag richt zich op felgekleurde gradiënten die de nadruk leggen op de inhoud. Van volledige overlappende kleuroverlays tot achtergronden, bijna alles wat je doet als het gaat om de techniek ... zolang het maar vet is.
Ontwerpers maken op een paar verschillende manieren gebruik van de gradiënt comeback:
- Gradient - "vlakke kleuren" paren combineren beide ontwerpideeën voor een gedurfde look, zoals de website voor WPcrew .
- Tweekleurige verlopen zijn een leuke overlay in kleur om interesse toe te voegen aan een foto die enigszins ontbreekt of om diepte aan een achtergrond toe te voegen.
- Hoewel veel van deze gradiënten op een grotere schaal lijken te zijn, worden ze ook gebruikt voor kleinere elementen, zoals knoppen of om aandacht te vestigen op specifieke inhoud.
Er zijn nog steeds een aantal gradiënt don'ts om te overwegen. (Aangezien je niet wilt dat dat ontwerp eruit ziet zoals het sprong uit 2012!)
- Wees op uw hoede voor kleine hellingen. Gebruik in pictogrammen wordt nog steeds niet aanbevolen.
- Overlaad de inhoud niet. Een verloop overlay op een foto kan leuk zijn (denk maar aan enkele van de coole effecten die Spotify regelmatig biedt), maar de foto moet nog wel te onderscheiden zijn.
- Vet gekleurde kleurovergangen hebben de neiging om een licht, vrolijk gevoel te hebben. Zorg ervoor dat dit overeenkomt met uw inhoud.
- Besteed aandacht aan kleurencombinaties en contrast als het gaat om leesbaarheid. Sommige verlopen kunnen licht worden en witte tekst kan een probleem vormen. Zorg ervoor dat u de leesbaarheid test op kleur, verschillende responsieve breekpunten en op apparaten met meerdere formaten. (Met verlopen kunnen problemen met de leesbaarheid soms worden weergegeven op plaatsen die u niet zou verwachten.)
Conclusie
Er is niets leuker dan kleur als het gaat om design. Trends in kleur zijn leuk omdat het elementen zijn die je kunt toevoegen aan bijna elke stijl van ontwerp zonder een volledige revisie. Hetzelfde geldt voor gelaagde elementen. Dit is een techniek die kan worden toegevoegd aan een bestaand ontwerp om het een meer moderne uitstraling te geven.
Van welke trends hou je nu (of haat)? Ik zou graag enkele van de websites willen zien waar je gefascineerd mee bent. Stuur me een link op Twitter ; Ik hoor graag van je.