Essentiële ontwerptrends, november 2016
Het is tijd om uit je (ontwerp) schaal te breken en iets gewaagds te proberen. Groter dan levenskrachtige technieken zijn het grote thema deze maand, terwijl we naar drie trends kijken waarin items zijn verwerkt die gebruikers naar het ontwerp laten kijken.
Dit is de trend in het ontwerp van deze maand:
1. De kleur paars
Paarse kleurenpaletten zijn traditioneel enigszins zeldzaam. De kleur kan in sommige situaties moeilijk te gebruiken zijn en heeft zoveel verschillende emotionele associaties dat veel ontwerpers dit vermijden. Paars is ook geen veelgebruikte kleuroptie voor merken en kan vaak in conflict zijn met de rest van het kleurenpalet.
Maar dat houdt ontwerpers niet meer tegen. Vet, paarse kleurenpaletten duiken overal op en ze zijn behoorlijk indrukwekkend.
Veel van deze ontwerpen hebben een paar overeenkomsten die paars een beetje makkelijker maken om mee te werken:
- Monotone kleurenschema's
- Eenvoudige ontwerppatronen zonder veel concurrerende elementen
- Minimaal gebruik van fotografie
- Ruimtethema's (altijd een populaire optie met paars)
- Gebruik van donkerdere paarse tinten (in plaats van pastelkleuren)
Omdat paars zo'n opvallende kleur heeft, met name de donkere, diepe purpels die veel ontwerpers gebruiken, is een eenvoudig kader een ideale optie. Minimalistische stijlen of typografische zware ontwerpen kunnen profiteren van zo'n krachtige kleur.
Bij het kiezen van een paarse om mee te werken, kan een donkerdere tint de beste optie zijn. Het zal goed werken met lichte typografie en het zal niet zozeer een vrouwelijke associatie hebben. De trendy route is om een fel paars te kiezen dat overeenkomt met enkele van de koninklijke tonen uit de paletten met materiaalontwerp.
http://www.filippobello.com/en/
2. Reuzenknoppen
Een knop kan het belangrijkste element in elk ontwerp zijn. Knoppen doen alles, van gebruikers naar de volgende pagina, helpen een stap in een actiepad uit te voeren of informatie in een formulier in te dienen. Een knop is het einddoel van een call-to-action en voltooit een feedbacklus tussen de gebruiker en het interfaceontwerp.
Hoewel het ontwerp van knoppen de afgelopen jaren enigszins is geëvolueerd, zijn er niet zoveel trends geweest als deze: ontwerpers nemen gigantische knoppen op in ontwerpen. (Dit is bijna precies het tegenovergestelde van de laatste knoptrend, Ghost-knoppen.) Gigantische knoppen zijn een leuk alternatief voor gebruikers, maar er is een trucje aan. Gebruikers moeten weten dat de knoppen knoppen zijn. Ze kunnen zich niet verbergen als een ander type ontwerpelement.
In elk van de drie onderstaande voorbeelden zijn slimme zweefanimaties het geheim van knopherkenning. Elk ontwerp heeft een unieke aanpak:
- Schorsontwerp: grote afbeeldingen geven een kop en een subkop weer terwijl de gebruiker zweeft en aangeeft dat een klikactie mogelijk is.
- Mt. Cuba Center: de installatie-identificatiesite gebruikt zweefacties, zodat knoppen bijna van het scherm springen met kleur en door de grootte te veranderen. De animaties zijn moeilijk te missen en het beeldmateriaal is zo aantrekkelijk dat je wilt klikken. (Bijna elke afbeelding is een link naar meer informatie.) Er zijn twee soorten knoppen in het ontwerp: afbeeldingen met een kaartstijl die eruitziet als een gigantische ronde paarse knop, hieronder weergegeven. Het prettige van de ronde knop is dat het op een knop lijkt, maar omdat het zo groot is, raad je het ten tweede, maar de zweefstand onthult de klikoptie. Dat is een leuk element voor gebruikers.
- Simon Foster: Deze portfoliosite is interessant omdat elementen die normaal niet als knoppen zouden worden gebruikt, alleen dat zijn. Elk portfolio-element is een knop voor meer informatie over het project. Het eenvoudige zwart-witte ontwerp komt tot leven met kleurovergangen die gebruikers aanmoedigen om in elk portfolio-item te klikken.
http://simonfosterdesign.com/home/
3. Geometrische vormen
Er zijn een aantal manieren om geometrische vormen op te nemen in een ontwerpproject. U kunt vormen gebruiken als navigatie-elementen, voor knoppen of achtergrondpatronen. Koele geometrie kan ook een interessante algehele esthetiek opleveren.
Het gebruik van geometrische vormen met een harde rand en een rechte lijn neemt een deel van de zachtheid uit een ontwerp en geeft het een indrukwekkender gevoel. Sean Klassen plaatst zachte en harde beelden naast elkaar op zijn portefeuillewebsite, door bloemen en complementaire geometrische vormen in hetzelfde dominante beeld te gebruiken. Het enige dat de elementen echt bij elkaar houdt, is kleur, maar op de een of andere manier werken de zachte, gebogen lijnen van de rozen en de harde hoeken van de driehoeken samen.
Het combineren van geometrische vormen kan ook een manier zijn om iets uit niets te maken wanneer je een website ontwerpt die echt visuele informatie mist, zoals de Graphic Design Conference, hieronder. Vormen en gedurfde kleuropties kunnen samenwerken op een manier die doet denken aan de kindertijd. Door deze subtiele connotatie voelt een gebruiker zich graag op een ontwerp.
Ten slotte kan het converteren van een gemeenschappelijk element in een combinatie van geometrische vormen een interessanter beeld creëren. De muis, bijvoorbeeld, van Cobay.es, zou niet zo intrigerend zijn als het een stockart-versie van een witte muis zou zijn. Dat is een afbeelding die gebruikers hebben gezien, maar de geometrische versie is anders en het geanimeerde effect met de bewegende vormen eromheen draagt bij aan die visuele interesse.
http://projections.pl/?lang=en
Conclusie
Vinden deze gedurfde ontwerpbeslissingen je aantrekkelijk? Elk van de trends van deze maand zijn op zich interessant omdat ze gemeenschappelijke elementen aannemen en ze superformaat maken. Vetgedrukte kleuren, reuzeknopen en leuke geometrie zijn allemaal bruikbare technieken, zelfs als je niet een volledig project rond één enkele techniek ontwerpt.
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.