Essentiële ontwerptrends, maart 2016
Een van de fantastische dingen om elke maand naar trends te kijken, is een glimp opvangen van waar ontwerpers mee experimenteren. In het bijzonder begin je een duidelijke cross-over te zien van elementen die je op het eerste gezicht misschien hebt gemist.
Dat exacte gebeurde met de collectie van deze maand. Let op alle gele en gouden tonen. Zelfs bij het kiezen van voorbeelden van goed werk voor andere trends, bleven websites met deze kleuren binnensluipen.
Dit is de trend in het ontwerp van deze maand:
1. Gele en gouden tonen
Kleurentrends zijn leuk om te zien. Soms hebben kleuren de neiging samen te vallen met seizoenselementen of gewoon een weerspiegeling te zijn van branding, maar soms toont het gebruik van kleur de stemming en gevoelens van de ontwerper.
Overal verschijnen gele en gouden tinten. Van kleureffecten op volledig scherm, zoals Gold Hill Winery , naar accenten of heldere letters, geel en goud zijn nu populaire opties.
Gele tonen zijn een goede manier om de juiste emotionele verbinding met een project tot stand te brengen. De kleur wordt vaak geassocieerd met vreugde en geluk. Het is gekoppeld aan intellect en energie. Meer gouden tonen voelen speciaal, uitgebreid en vorstelijk aan. Nog belangrijker is dat in de context van het ontwerp, de juiste kleur geel een showstopper kan zijn, gebruikers oplettend en een visueel referentiepunt voor elk element op het scherm.
Het gebruik van dit type kleurenpalet vereist echter veel aandacht. Bleek geel kan verloren gaan als ze niet gepaard worden met een andere kleur op een manier die een duidelijk contrast oplevert. (Blanken en geel mengen zich vaak niet.) Te veel geel - denk aan kleuren in Big Bird-stijl - kan een overweldigend gevoel hebben en voor gebruikers misschien te storend werken.
Dat is waar de diepere geel met meer roodachtige ondertonen en gouden tinten binnenkomen. Deze gele tinten zijn gemakkelijker om mee te werken omdat ze niet zo overstimulerend zijn. Voor maximale impact, paar gele tonen met een donkerder algemeen palet om maximaal contrast en impact te creëren. Overweeg om gouden tonen te combineren met lichtere achtergronden om dezelfde reden. Kies voor een gele tint die het juiste gevoel voor uw ontwerp creëert - lichtere geeltinten zijn energieker en vrolijker, terwijl gouden tinten misschien klassieker of one-of-a-kind zijn.
2. Vintage alles
De hipsterlevensstijl is niet alleen een modetrend; het is ook verbonden met website-ontwerp. Een manier waarop dit zich manifesteert, is het gebruik van vintage stijlen voor bijna alles. "Vintage" ontwerpelementen hebben momenteel een moment.
Dit strekt zich uit tot meerdere elementen: typografie, kleuropties, achtergronden en afbeeldingen. De vintage look kan kunstmatig worden gemaakt met elementen in ouderwetse stijl - vintage typografie-stijlen zijn ongelooflijk populair - of door elementen te integreren die eigenlijk al oud zijn in het ontwerp. Kijk naar de afbeelding van de man in de benedenhoek van de Chamberlin's lederen melk website; hij ziet eruit alsof hij recht uit een oude foto getrokken kon zijn. Hetzelfde effect in oude stijl is van toepassing op de Vat en kraai ontwerp met de oude houten achtergrond en grimmige zwarte logo-stijl die aanvoelt alsof hij uit een ontwerp van 70 jaar geleden had kunnen worden gekozen.
Vintage typografie stijlen zijn iets moeilijker te classificeren, maar je zult ze waarschijnlijk kennen wanneer je ze ziet. Ze worden vaak gekenmerkt door eenvoudige letters met kleine, maar uitgebreide divots. Let op de kleine bloeit op de karakters voor Sweet Magnolia Gelato . De primaire belettering bevat ook een gekleurde offset-schaduw voor meer impact. Andere dingen die je vaak zult zien bij vintage typografiestijlen zijn letters met een lichte textuur, zoals Chamberlin's Leather Milk en een combinatie van twee lettertypes, een nog eenvoudiger en een met de meer uitgebreide look, zoals de combinatie voor Sweet Magnolia Gelato Co. Maar let op de imperfectie in het schreefloze lettertype hier, dat kleine element bijdraagt aan het algehele gevoel van "oudheid" in het ontwerp.
Nu gaat het hier om vintage: het is cool om een ontwerp er oud uit te laten zien, maar het moet op een moderne manier functioneren. Zoek naar manieren om elementen te integreren met animatie, parallax scrollen of video voor een eigentijdse touch.
3. Interactie
Websites met elementen die u kunt aanraken, blijven in populariteit groeien. Dit is een beetje meer dan interactie; het is een meer meeslepende interactie-ervaring.
Wat betekent dit precies?
Website-ontwerpers creëren unieke ervaringen die voor beweging op de gebruiker zijn gebaseerd. Als u de muis beweegt, kan iets op het scherm op een bepaalde manier bewegen of verschuiven. Een snelle beweging of scrollen kan ervoor zorgen dat een andere actie plaatsvindt. Over het algemeen zou de gebruiker het gevoel moeten hebben dat hij of zij de actie op het scherm dicteert op basis van zijn of haar fysieke bewegingen. (Best cool, toch?)
Dit soort interactie wordt steeds populairder. Het integreert met een aantal andere ontwerpelementen om een algehele ervaring te creëren die evenzeer gaat over plezier en gevoel als informatie.
Zorg ervoor dat u ook op elk van deze voorbeelden klikt om deze interacties in de praktijk te zien. Hier is een idee van wat u zult vinden:
- Haus: klik ergens op het scherm en verplaats de gekleurde blob met een 360-graden bewegingseffect. De animatie reageert op bewegingen van de gebruiker terwijl de slow-in-shape beweging wordt voortgezet.
- Emiraten: gebruik de muis om de wereld rond te draaien. De beweging lijkt ook de tijd en snelheid van de klik na te bootsen om bestemmingen te laten zien.
- Fake Music: elke beweging van de muis verandert het gekenmerkte homepage-element. Klik rond voor meer geanimeerde effecten, zoals navigatiebewegingen, een lay-out van de rastijl en opties om muziek te vinden en te kopen.
Conclusie
Nu je alle voorbeelden hebt gezien, heb je één thema opgemerkt dat echt opviel tussen de trends? Eenmaal gezien als een kleur die bijna niet goed te gebruiken was, worden gele en gouden tonen op een aantal interessante manieren tentoongesteld. Hetzelfde kan gezegd worden voor vintage elementen, die bijna overal zijn.
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.