3 Essentiële ontwerptrends, augustus 2017
Als de hondendagen van de zomer je verlangen naar een andere omgeving, zijn de webdesigntrends van deze maand de perfecte start. Hoewel minimalisme de 'it'-stijl van de laatste tijd is, beginnen meer ontwerpers te verschuiven naar meer details en functies binnen de lay-out. De opvallende ontwerppatronen die we beginnen te zien, zijn een fris alternatief voor de uitgeklede stijlen waaraan we gewend zijn geraakt.
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. Dunne (ner) typografie
Het dunne type is weer binnen! Dunne lettertypen kregen een slechte terugslag toen Apple opteerde voor een super dun, lichtgewicht lettertype voor zijn besturingssysteem met iOS 7.
Ontwerpers weigerden de optie die een beetje moeilijk te lezen was en die nogal inhield dat er veel ontwerptrends plaatsvonden in die tijd. (Flat was een en al woede, maar sommigen beweerden dat het bijna platte van Apple in combinatie met het ultradunne lettertype te veel was.) Tegelijkertijd werden bredere, scherpere lettertypen het dominerende element voor de website-headline en typografie op hero-afbeeldingen boven de scroll .
Het tij begint de andere kant op te gaan. De dunne lettertypen van tegenwoordig zijn iets dunner dan we gewend zijn, maar zijn niet zo dun als de Apple-optie.
Het beste ding om te kiezen voor een dunner lettertype is dat je wat meer vrijheid hebt met het ontwerp. Hoewel dunne lettertypen niet worden aanbevolen voor body-copy, kunnen ze bij grotere formaten goed werken als er voldoende contrast is.
De onderstaande voorbeelden laten een aantal van de beste toepassingen van dunnere lettertypen zien:
- Gebruik een dun lettertype in alle hoofdletters om een indrukwekkende kop te maken. Deze optie werkt vaak het beste met slechts een paar woorden, zoals Luxe Afrikaanse safari's , hieronder. Het is even belangrijk om na te denken over de belettering in relatie tot de eigenlijke letters; sommige woorden kunnen moeilijk te lezen zijn in dunne lettertypen of petten.
- Koppel een dun lettertype met een vetere optie om de nadruk te leggen, zoals WebDesignStudio , hieronder.
- Gebruik een dunner lettertype in kleur (op een contrasterende achtergrond) om visuele nadruk toe te voegen, zoals Leeds Golf Centre , hieronder.
Zoeken naar inspiratie? Hier zijn vijf Google-lettertypen die bij de factuur passen (en er goed uitzien): Source Sans Pro , dosis , Scope One , Rajdhani , Martel Sans .
2. Uitgebreide details
Van leuke bloeit tot chique typografische behandelingen tot gebruikersinterface-elementen die voor onverwachte vreugde zorgen, uitgebreide details komen steeds vaker voor. De truc om iets uitgebreider te maken is om het zo eenvoudig mogelijk te laten lijken voor de gebruiker, wat betekent dat het gemakkelijk te begrijpen en te gebruiken moet zijn.
Het mooie van details is dat ze veel persoonlijkheid aan een project kunnen toevoegen. Deze elementen kunnen media overbrengen van website-projecten tot productontwerp tot gedrukte elementen, zodat alles van een merk diezelfde speciale eigenschap visueel heeft. (Dit is een uitstekende manier om merkbinding te bewerkstelligen.)
Deze details kunnen op verschillende manieren worden weergegeven en moeten altijd bijdragen aan het algemene effect, en mogen er geen afbreuk aan doen. Uitgebreide details kunnen het beste worden gebruikt voor één instantie in het ontwerp en mogen gebruikers niet overbelasten. Het gebruik van iets te ingewikkelde tijden kan uiteindelijk het tegenovergestelde van het beoogde effect creëren en gebruikers in feite visueel overweldigen. Dus als je eenmaal je "truc" hebt gevonden, gebruik hem dan een keer en gebruik hem goed.
De Forefathers Group , hieronder, maakt gebruik van uitgebreide styling met een ouderwetse logo met gekleurde sierletters boven de kop. De typestijl is ongebruikelijk voor webdesign en gecombineerd met het uitgebreide logo is het een opvallende combinatie. Maar u kunt ook zien hoe dit ontwerp alleen effectief kan zijn bij eenmalig gebruik. Het lettertype kan moeilijk zijn als het wordt gebruikt voor grote blokken tekst en de vormgeving kan het berichtenverkeer in de weg staan. Hier heeft het ontwerpteam het perfect gebruikt.
Vitra taakstoelen , hieronder, maakt gebruik van uitgebreide gebruikersinterface-animaties om gebruikers te betrekken. De startpagina bevat een knop 'Slepen' die wordt geopend in het menu met productregels. De achtergrond blijft hetzelfde in beide panelen, zodat de stoelen altijd worden gemarkeerd in de videohaspel. Animaties tussen klikken zijn even interessant en zelfs als u niet klaar bent om een stoel te kopen, wordt het gebruik van de website gestimuleerd.
Soms bevat het meest uitgebreide ontwerp geen speciale supereffecten. Alleen Kite School , hieronder, maakt gebruik van leuke video echte en grote logo voor een combinatie die de aandacht trekt. Hoewel het grote logo er simpel uitziet, kan het moeilijk zijn om typografie te maken die zowel leesbaar als functioneel is. Hier werkt het prachtig en de sfeer van de belettering komt overeen met wat u van dit type bedrijf zou verwachten.
3. Pictogramlogo's
Is dat een pictogram of een logo? De lijn tussen de twee ontwerpelementen wordt steeds meer gekruist. Icon-achtige logo's duiken overal op.
Ze zijn afgeleid van de minimalistische stijl en omdat ze in verschillende toepassingen werken, kunnen pictogramlogo's kleurrijk zijn of geïnspireerd op lijnillustraties. De meeste toepassingen leunen in de richting van een logo met een kleinere stijl in een vorm die ook wordt overgedragen naar sociale-mediasites voor consistente online branding.
Het nadeel van een pictogramlogo is dat er niet veel ruimte is voor een echte bedrijfsnaam. De beste pictogramlogo's zijn zo ontworpen dat ze alleen of naast letters kunnen staan, zoals District0x , hieronder. Merk op hoe het kleurrijke "d" -pictogram vanzelf zou kunnen werken -het ziet er geweldig uit in het ronde Twitter-logo-formaat vanwege de asymmetrische vorm - en voelt niet in de weg wanneer het wordt gecombineerd met de volledige merknaam.
Jardan Furniture en Nobbys Lighthouse , hieronder, kies voor meer eenvoudige pictogramlogostijlen met de merknaam ingesteld in type hieronder. Hoewel dit een populaire optie is, kan het een scheiding tussen de naam en het logo veroorzaken. Kies voor plaatsingen die de elementen verbinden-beide voorbeelden gecentreerd rond het logo en de bedrijfsnaam van het zet-om een oogpad van het ene naar het andere element te creëren.
Conclusie
Het is leuk om te zien terwijl trends van de ene naar de andere dynamiek gaan. Denk je dat meer gedetailleerde stijlen het minimalisme zullen vervangen? Of is het gewoon een voorbijgaande rage?
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.