3 Essential Design Trends, september 2017
Soms kun je gewoon kijken naar nieuwe website-projecten en zien wat ontwerpers denken. Je kunt de stemming voelen. De trends van deze maand weerspiegelen dat concept met gedurfde kleurkeuzes, een ineenstorting van de traditionele hero header-stijl die al een tijdje populair is en donkere geanimeerde patronen die gewoon een beetje mysterieus zijn.
Wat denk je? Ben je klaar voor dunnere typografie-opties, gedetailleerdere detaillering en iconische logo's? Misschien kom je sommige van deze ontwerpprojecten tegen.
Dit is de trend in het ontwerp van deze maand:
1. Regenboogkleuren
Wanneer u "regenboogkleuren" hoort, is het eerste dat in u opkomt waarschijnlijk geen goed ontwerp. Er zijn te veel in het oog springende voorbeelden van opzichtige projecten met kleurenpaletten met regenboogthema's die overweldigend zijn en, eerlijk gezegd, ontwerprampen.
De kleuren van de regenboog van vandaag zijn allesbehalve rampzalig. Ze zijn stijlvol, eenvoudig en bieden precies de juiste hoeveelheid kleur aan een verrassend aantal projecten. Regenboogpaletten zijn ook niet alleen voor kleine websites; grote merken waaronder de Github Universe-conferentie , Southwest Airlines en Londen grammatica 'S Spotify-kanaal gebruiken allemaal interessante regenboogpatronen.
Nog interessanter is dat elk ontwerp op heel verschillende manieren hetzelfde kleurconcept gebruikt.
- Regenboog-tekstelementen in een donkere esthetiek: Github gebruikt een eenvoudige donkere esthetiek met regenbooggekleurde tekst en gebruikersinterface-elementen om de aandacht te trekken van belangrijke informatie (zoals de datum) tot de belangrijkste call-to-action (kaartverkoop). De regenbooggradiënt is eenvoudig en subtiel, terwijl het de stemming van kansen en optimisme bepaalt. Dit lijkt de juiste combinatie om gebruikers aan te moedigen zich voor een conferentie te registreren.
- Southwest Airlines neemt een andere benadering met regenboogachtergrondelementen en tekst vult een lichter containerelement in. Het regenboogaccent geeft een visueel referentiepunt voor een site met inhoud die als saai kan worden beschouwd. Kleur geeft de casestudy een beetje meer leven om klikken te stimuleren.
- London Grammar gebruikt een gigantische regenboogbob om gebruikers te laten kennismaken met Sound Emmen-ervaring met Spotify. De regenboogklodebloed verschuift en beweegt met een langzame animatie die aanvoelt als gel in water. De kleuren bewegen en fuseren en het is iets waar je de hele dag naar kunt kijken als je niet voorzichtig bent. Het gamification-aspect van het gekleurde element is ook interessant, maar de kleur is absoluut wat gebruikers eerst aantrekt.
2. Collapse van de hero-header
De overmaatse held van de foto- of schuifregelaarhelden is al jaren een vast onderdeel van het webdesign. Maar er is een trend om weg te komen van het patroon met meer ontwerpers die kiezen voor een minimum boven de scroll-structuur met meer elementen en een minder gebouwd gevoel.
Het resultaat lijkt een trend te zijn met meer witte of lichte koppen met een aantal onderdelen die rondzweven. Deze trend krijgt enigszins gemengde beoordelingen. Sommige van de visuals zijn interessant, maar over het algemeen lijkt er een algeheel gebrek aan aandacht voor gebruikers en een duidelijk gedefinieerde reeks acties te zijn.
Het leuke van de ineenstorting van de hero-header is dat de minimale benadering ervoor zorgt dat gebruikers eruitzien. Het is anders. De vraag is of er voldoende berichten zijn om hun interesse lang te dragen of dat gebruikers positief reageren op een minder visuele website-ervaring.
Dit is een trend om te bekijken, omdat deze waarschijnlijk in de vroege stadia van evolutie is. Ontwerpers staan klaar om iets anders te doen met de toppen van pagina's (en begrijpelijkerwijs). Deze iteratie van projecten is slechts de eerste stap naar iets nieuws. Sommige ontwerpers zijn misschien verstoord door de vreemde combinatie of delen van elementen boven de schuif in de meeste van deze ontwerpconcepten tot nu toe. Het staat nog te bezien waar de trend vervolgens naartoe gaat, maar het is zeker de moeite waard om dit in de gaten te houden.
3. Donkere geanimeerde patronen
Dit is misschien wel de leukste trend in het ontwerpen van websites nu: donkere geanimeerde effecten gelaagd bovenop donkere kleurenschema's. Het dark on dark-concept is mysterieus, visueel interessant en laat de gebruiker er echt uitzien en zich met het ontwerp bezighouden.
Bovendien kan het op zoveel verschillende manieren werken. Er is geen instelling voor de grootte of het type animatie of wat het effect doet. Elk van de onderstaande voorbeelden gebruikt donkere geanimeerde effecten op verschillende manieren die allemaal een soort interactie aanmoedigen van geautomatiseerde beweging tot muiseffecten tot flitsen van verrassing (u moet op de koppelingen klikken om die te vinden).
Hoewel deze ontwerpen er echt cool uitzien, kunnen ze ook een aantal uitdagingen vormen. Niet alle gebruikers zijn dol op zo'n duistere esthetiek. Het wordt mogelijk niet goed weergegeven in alle omgevingsomstandigheden. Deze ontwerpen zien er absoluut beter uit en werken beter op desktopschermen dan op kleinere apparaten.
Maar de designtrend heeft wel een plek voor ontwerpers die iets anders willen creëren, met een bepaalde sfeer en trendy uiterlijk.
Er is ook iets met combinaties van donkere tinten zonder veel kleur die je gewoon naar binnen trekt. (Het is een soort van onverklaarbare.)
Om het beste uit de dark on dark trend te halen, moet je ervoor zorgen dat je genoeg variatie in donkere tinten gebruikt om ervoor te zorgen dat elementen kunnen worden gezien en dat bewegingen te onderscheiden zijn. Gebruik rijke zwarttinten met voldoende ondertonen om de juiste stemming voor elk project te creëren.
Hoewel de onderstaande voorbeelden helemaal geen kleur hebben, moet u een contrasterende tint anders dan wit beschouwen als een belangrijk aandachtspunt. (Een gekleurde call-to-action-knop zou echt opvallen met de hoeveelheid contrast die alle zwarte beelden bieden.)
De andere overeenkomst met deze trend is de eenvoud van de gebruikte animaties. Geen enkele beweging is te complex. Het is net zo eenvoudig en gestroomlijnd als het kleurenpalet, dat een belangrijke bijdrage levert aan het algehele succes van de designtrend.
Conclusie
De verschuiving in kleurgebruik die wordt weergegeven in de trends van deze maand, is zowel interessant als effectief. Regenboogkleuren zijn erg leuk en opbeurend, terwijl minimale witte en donkere patronen beide voldoende ruimte bieden voor introspectie en reflectie. Kleurkeuzes houden echt verband met hoe ontwerpers over een project denken.
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.