Essentiële ontwerptrends, juli 2016
Er is veel overlap in de grootste designthema's van juli. In veel van de onderstaande voorbeelden ziet u dat in veel van de voorbeelden meerdere trends worden gebruikt. Dat komt omdat veel van de trends eenvoudige technieken zijn die aan bijna elk type ontwerp kunnen worden toegevoegd.
Dit is een showcase van microtrends. Het leuke aan deze kleinschalige trends is dat je ze kunt gebruiken (of verwijderen) zonder een volledig nieuw ontwerp te hoeven maken. Ze kunnen als kleine aanpassingen dienen om u te helpen een pagina voor een korte tijd op te frissen met een on-trend element.
Dit is de trend in het ontwerp van deze maand:
1. Kleuroverlay op afbeeldingen
Kleurenoverlays zijn een visueel interessante manier om het oog te tekenen wanneer de kunst minder dan stellair is. Het kan een goede manier zijn om kleur en intriges toe te voegen aan een effen foto, voorraadafbeeldingen of kleur toe te voegen wanneer het beeld die bepaalde vonk mist.
Het gebruik van kleuroverlays varieert sterk. Hoewel felle kleuren een van de meest populaire opties zijn, kan een gedempte of sepia-overlay de sfeer van een project veranderen of precies het juiste vintage gevoel toevoegen, zoals met de Lyrix website, hieronder.
Als het op overlay met kleuren aankomt, zijn effen kleuren meestal de meest populaire optie. Heldere kleuren komen vaak voor en veel van dezelfde tinten die populair zijn bij andere ontwerptrends zoals plat en materiaalontwerp worden vaak gebruikt. (Dit is de gelaagdheid van trends die in de intro worden genoemd.)
Als u tenslotte denkt aan een overlay met kleuren, overweeg dan een gradiënt-, duotoon- of meerkleureneffect. Deze techniek kan bijzonder goed werken met een afbeelding die gemakkelijk kan worden herkend of met beelden die op zich al zo vlak zijn, zoals de foto voor NYC Pride , hieronder. De reden waarom u wordt getrokken in het ontwerp van de website is de felle kleuroverlay, niet de afbeelding zelf.
(Let vooral op de website van NYC Pride, dat een andere trend terugkomt: het verloop. Er verschijnen meer gradiënten in ontwerpprojecten en we zullen deze trend volgende maand gedetailleerder bekijken.)
2. Uiterst kleine hoeklogo's
Logos waren een tijdje een van de meest dominante elementen in een websiteontwerp. Ontwerpers gebruikten een te grote versie van merknamen en logo's om interessante esthetiek te creëren.
Nu nemen ze de tegenovergestelde benadering.
Logo's worden kleiner dan ooit gebruikt. Maar dat is niet de enige overeenkomst als het gaat om de manier waarop kleine logo's worden gebruikt. Ze verschijnen ook in bijna elk voorbeeld van deze trend op dezelfde locatie - de linkerbovenhoek.
De plaatsing is niet zo verrassend. De linkerbovenhoek is een algemene locatie voor het plaatsen van een logo bij het ontwerpen van websites en is al geruime tijd het idee dat gebruikers de site van linksboven naar rechts in een F-vormig patroon zullen lezen.
Wat verrassend is, is hoe klein de logo's eigenlijk zijn in relatie tot de rest van het ontwerp. In sommige gevallen zijn deze logo's zo ontworpen dat ze symmetrisch overeenkomen met het hamburgermenupictogram. Ze zijn dus uitzonderlijk klein.
De Moedige mensen logo, bijvoorbeeld hieronder, is slechts iets groter dan het menupictogram en is zo ontworpen dat het er bijna uitziet als een pictogram op zichzelf, met witte nieuwheidstekst in een zwarte doos. Het leuke aan deze techniek is dat het de rest van de afbeeldingen en tekst op het doek voldoende ruimte geeft om tentoongesteld te worden. Brave People gebruikt veel videofragmenten en gelaagde vakken met informatie om gebruikers door het webdesign te halen. Het hebben van een klein logo helpt de ogen op de juiste plek te blijven en gemakkelijk door de inhoud te bewegen.
Jassen maakt gebruik van een soortgelijk concept, waarbij het kleine logo aan de zijkant van het scherm en het menupictogram aan de andere kant worden uitgebalanceerd. Het ontwerp draagt verder het concept van het logo in de iconografie op de hele site, zodat de gebruiker altijd een visuele herinnering heeft aan welke website hij staat.
3. "Make you look" afbeeldingen of video
"Heb je laten kijken!"
Dat is wat veel van de hero images en video's op websites schreeuwen als je op ze landt. Afbeeldingen die vreemd, ongebruikelijk zijn of gewoon een beetje nadenken, worden een populaire manier om gebruikers naar binnen te halen en ze voor een langere periode op de website te houden.
U wilt begrijpen wat er in het beeld gebeurt of dat het een hond of een wolf is ( Instynct , hieronder), wat een element dat niet op zijn plaats is ( megafoon , hieronder) of wat er gaat gebeuren zoals in de video-painting voor Nachume Miller (Hieronder).
Dus wat maakt een make-you-look-afbeelding? Het moet anders en interessant zijn. Het moet van hoge kwaliteit zijn en een beeld bevatten dat je niet elke dag ziet. Het visuele moet je doen afvragen, iets vragen, of meer willen leren.
Het beeld of de video trekt je aandacht en houdt het net iets langer vast dan een foto van een cheeseburger op de McDonald's-website. Het is dat element van verrassing of eigenzinnigheid of verwondering dat het tot iets maakt waar gebruikers zich van kunnen afwenden. Als je er terug naar toe gaat, of het hele videolijn bekijkt of gewoon het beeld niet uit je hoofd kunt krijgen, dan weet je dat anderen er ook uit zullen zien. (Ga groot en vet, of ga naar huis!)
Conclusie
Het is leuk om meerdere trends te zien convergeren zoals veel van deze websites illustreren. Kleine logo's zijn misschien een van de elementen die op dit moment het meest dominant zijn. Het is een van die dingen die je misschien niet eens merkt, totdat je er naar op zoek gaat, en dan merk je dat dit concept overal wordt gebruikt.
Bovendien geeft het ontwerp echt ruimte aan andere elementen door het logo uit de weg te ruimen. Daarom is het zo goed mogelijk in combinatie met andere trends.
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.