3 Essential Design Trends, juni 2017
Soms kan een eenvoudige ontwerpaanpassing uw websiteontwerp van gewoon naar trendy verplaatsen. Elk van de trends van deze maand is dat type techniek, van kleine typografie tot geometrische kenmerken tot wazige beelden. Al deze technieken kunnen werken in een nieuw ontwerpproject of als aanpassing aan een bestaand ontwerp.
Dit is de trend in het ontwerp van deze maand:
1. "Tiny" tekst
Lijkt het erop dat een te grote typografie tot het verleden behoort? Kleinere, bijna "kleine" tekst is begonnen om de grote, vetgedrukte koppen die al een tijdje een webdesign zijn, te vervangen. Van kleinere koppen tot tekst die dun lijkt, er is een duidelijke trend geweest in downsizing van typografie.
Hoewel er enige bezorgdheid bestaat over de leesbaarheid als het gaat om kleine tekstgroottes, met name voor hoofdtekst, zijn kleinere lettertypen geen slechte zaak. De overmaatse typografie was bijna in opmars in de richting van opzichtig begonnen met maten en letters die bijna te groot waren om met gemak te lezen.
Kleinere lettertypen voelen wat zachter aan en geven het ontwerp meer ruimte voor andere elementen voor het oog om naar toe te bewegen. De truc voor effectiviteit met een klein lettertype is om het aantal letters tot een minimum te beperken. Zonder veel te lezen, kan deze trend effectief en interessant zijn. Aan de andere kant, met grote blokken van het type klein type gaat verloren en kan het vermogen van de gebruiker om te lezen met gemak en scan kopie efficiënt belemmeren.
Evenwicht is ook een zorg. Alle lettertypen moeten enigszins verkleinen om een mooi gevoel van harmonie te creëren. Moonfarmer gebruikt een licht lettertype voor de logotype-behandeling en een kleine regel secundaire kopie. De type-elementen contrasteren mooi en de behandeling van het lichte type lijkt te passen in de sfeer van de afbeelding.
HTML Burger neemt bijna de tegenovergestelde benadering aan met een gedurfde kop en kleine secundaire tekstregels. De lichtere beschrijvende woorden werken klein omdat ze gewone woorden zijn - HTML, CSS, e-commerce - en staan in schril contrast met de nog steeds te grote kop.
Het NBA-ontwerp van Mountain Dew duwt alles op kleine schaal. Dit is een van de kleinste headline-behandelingen die je waarschijnlijk zult vinden, maar in combinatie met de overdreven krachtige X-overlay en video-achtergrond worden gebruikers nog steeds naar de kleine tekst getrokken.
2. Geometrische gelaagdheid
Nieuwe manieren om elementen te leggen zijn gestaag aan populariteit toegenomen. Voor het eerst teruggebracht als een mainstream en moderne ontwerptechniek door het Material Design-idee van Google, is geometrische gelaagdheid een andere manier om visueel belang toe te voegen aan beelden die iets te wensen overlaten.
Elk van de onderstaande voorbeelden maakt gebruik van een kader met gedurfde vormen om afbeeldingen die enigszins duidelijk zijn nieuw leven in te blazen: gebouwen, een vergaderfoto, afbeeldingen van mensen die werken. De toevoeging van leuke vormen, uitsnijdingen en kleuren geeft de gebruiker een startpunt om in het ontwerp te komen. Merk op hoe elk ontwerp geometrisch gebruikt om de gebruiker effectief van een vorm naar de meest relevante inhoud te verplaatsen, zoals een kop of branding.
Geometrie kan op een aantal manieren worden gebruikt dat integreert met de rest van het ontwerp:
- snijd in afbeeldingen om focus te brengen op belangrijke testelementen zoals Zoutprojecten ;
- gebruik een onverwacht fel grenselement om een off-balance focuspunt te creëren dat gebruikers over het scherm leidt zoals Bailey en Frans ;
- plaats foto's in ongebruikelijke vormen om nieuwe focus op de afbeeldingen toe te voegen, zoals Alchemy Digital .
Het beste deel van het gebruik van geometrische gelaagdheid is dat het gemakkelijk is en werkt met vrijwel elk type inhoud. Gebruikers zijn gewend geraakt aan ronde knoppen en andere elementen die op elkaar worden geplaatst voor een meervlaks, meer tactiel interactief gevoel.
De hoeken en curven in geometrische elementen kunnen helpen de gebruikers van het ene element naar het volgende te wijzen en bij effectief gebruik een geweldig richtingsinstrument. Plaats hoeken zodanig dat ze naar de inhoud wijzen die u gebruikers wilt laten zien en gebruik cirkels voor inhoud die als eerste moet worden bekeken.
3. Wazig beeldmateriaal
Wazig beeldmateriaal is een techniek die niet nieuw is. Maar het lijkt nieuw leven te beginnen met meer ontwerpen met volledig of gedeeltelijk vervaagde afbeeldingen of video.
Wazige beelden kunnen een aparte sfeer creëren voor een website met een mysterieus element of de nadruk verleggen van het beeld naar een ander deel van het ontwerp. Elk van de onderstaande voorbeelden gebruikt vervaging om verschillende redenen:
- Digitalux neemt een saai stukje video-mensen mee dat op een kantoor werkt - en gebruikt blauw om een beetje beweging achter de hoofdboodschap en call-to-action toe te voegen;
- Playkot maakt gebruik van een onscherpe achtergrond om de nadruk te leggen op het leuke karakter en de interessante typografiebehandeling op de voorgrond, door een element van de realiteit toe te voegen aan dit virtuele stads-stijl game-avontuur;
- ESPN's "We the Fans" is voorzien van een vervaagde stadionachtige achtergrond die bijna overal een voetbalarena zou zijn om de preview voor een televisiedocumentaire te demonstreren; de wazige achtergrond helpt om meer aandacht te besteden aan de behandeling van het leuke type dat de belangrijkste branding voor de serie is.
Conclusie
Soms zijn de grootste trends stapstenen in de evoluties van andere trends. Het kan interessant zijn om de vooruitgang in kleine stappen bijna te zien zoals het gebeurt. Dat is wat u vaak ziet als u naar trending-elementen kijkt die op bijna elk project kunnen worden toegepast, zoals de drie trends die hier worden getoond.
Het leuke van deze ideeën is dat ze van toepassing zijn op vrijwel elke schaal. U kunt bijvoorbeeld kleine tekst toevoegen aan alleen uw startpagina en zien hoe de wijziging gevolgen heeft voor gebruikers voordat deze op grotere schaal worden uitgerold. Proeven en testen op dit niveau kunnen helpen voorspellen of een dergelijke trend een blijvende kracht heeft of snel zal verdwijnen.
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.