Essentiële ontwerptrends, maart 2017
Dit is het punt van nadruk ...
Dat is het thema deze maand. Deze verzameling trends richt zich op het toevoegen van nadruk op het ontwerp met specifieke detaillering van cursief naar gesplitste schermen tot strakke, minimalistische achtergronden in combinatie met een paar trucjes.
Dit is de trend in het ontwerp van deze maand:
1. Gesplitste schermen
Het ontwerp met gespleten schermen was iets dat medio 2016 begon te groeien en nu is het een groot probleem. Blader door collecties van website-ontwerp en gesplitste schermomgevingen zijn overal.
Wat leuk is, is hoe snel de stijl is geëvolueerd. Vroege gesplitste schermontwerpen waren meestal symmetrische ontwerpen met een esthetiek in yin- en yang-stijl. De nieuwe gesplitste schermen hebben een meer "alles is" gevoel voor hen.
De drie onderstaande voorbeelden tonen drie zeer verschillende manieren om dezelfde trend te gebruiken.
- Rency maakt gebruik van een gesplitst ontwerp om een loop-video en de hoofdnavigatie te bevatten. Het contrast tussen het witte gebied en rood is grimmig en dwingt het oog over het scherm. Het zorgt er ook voor dat de gebruiker de navigatie vindt, omdat dit het enige element is binnen het gekleurde gedeelte van het ontwerp.
- GECN is een complexe gouvernementele site die een gesplitst scherm gebruikt om twee verschillende ideeën met twee links direct in het ontwerp over te brengen. Hoewel de splitsing niet volledig scherm is en veel tekst bevat, is dit een goed alternatief voor een ontwerp met veel oproepen tot actie, gebruikersbasissen of gecompliceerde inhoud.
- Verlegen gebruikt een concept dat lijkt op Rency maar met een twist: het ontwerp heeft een videolus met een volledig scherm en de helft ervan is bedekt met een getint gekleurd vak. Alle klikbare elementen bevinden zich in het getinte gebied en het navigatiemenu is verborgen in de rechterbovenhoek van de video.
Wat elk van de voorbeelden gemeen hebben, is dat het ontwerp met gesplitst scherm de nadruk legt op de inhoud. Het helpt de gebruikers naar specifieke elementen in het ontwerp te rijden door gebruik te maken van kleur en met daadwerkelijke of waargenomen bewegingen, dankzij contrasterende 'schermen'.
Het beste deel van de nieuwere splitscreenontwerpen is dat er een asymmetrische stroom naar hen is. Ontwerpers zitten niet vast in een yin en yang-indeling en het resultaat is veel interessantere visuele patronen.
2. Cursief
Een van de minst gebruikte tekenstijlen is om meer te spelen als weergaveoptie.
Cursief banen zich een weg in de typografiepaletten van ontwerpers, en niet alleen voor het occasionele punt van nadruk. Meer cursief wordt gebruikt voor weergave-letterbeelden, secundaire elementen zoals koppelingen of menu-items of voor een bredere nadruk.
Cursief is een frisse kijk op uw typische typestijlen. Omdat ze niet zo vaak worden gebruikt, is deze trend er een die zeker de aandacht van bezoekers trekt, zelfs als ze niet zeker weten wat met de belettering hun aandacht in de eerste plaats heeft gekregen.
Cursief is een subtiele verandering die zelfs geen nieuw typografiepalet vereist. Ze komen met enkele waarschuwingen en suggesties voor beste praktijken.
- Om het beste uit cursief te halen, gebruikt u ze spaarzaam voor kleine tekstblokken.
- Gebruik een zeer leesbaar lettertype als u van plan bent om te cursiveren; nieuwe opties kunnen lastig worden.
- Gebruik het lettertype cursief en probeer niet om uw eigen versie te maken door schuine letters te gebruiken. (Dat kan rommelig worden in een haast.)
- Gebruik cursief om veelgebruikte cursief weergegeven elementen, zoals de titel van iets, weer te geven als showcases in veel van de onderstaande voorbeelden.
- Combineer cursief met een eenvoudig effect, zoals een animatie of kleur, voor nog meer nadruk.
- Omdat cursief iets moeilijker te lezen kan zijn, moet u zorgen voor voldoende contrast tussen het type en de achtergrond.
- Combineer schuingedrukte lettertypen met een eenvoudig schreef- of schreefloos lettertype om het cursief niet uit te sluiten.
3. Stevige achtergronden met een 'truc'
Een van de gemakkelijkste manieren om visuele nadruk te creëren, is met contrasterende elementen. Hoewel een effen achtergrond in kleur gewoon of plat lijkt, kan deze het perfecte canvas zijn voor een ontwerptruc, zoals animatie, illustratie of geluid.
Het contrast tussen de grimmigheid van de achtergrond en de truc, helpt het gebruikersinterface-element tot leven te brengen. Van de eenvoudige stuiterende vierkanten in de 3K ontwerp naar de leuke cartoon van Achterhaal gezondheid naar de parallax scrollen van Florian Monfrini .
Elk effect valt op door de eenvoud van de achtergrond. Verder staan deze achtergronden ook niet in de weg van het ontwerp. Elk is wit of pastel en vervaagt uit de voorgrond zodat gebruikers zich concentreren op de berichtgeving van de primaire inhoud. (Zwarte of eenvoudige donkere achtergronden kunnen even goed werken.)
Dit is waarom het werkt: gebruikers komen niet in het canvas terecht en het ontwerp komt bijna van het scherm. Het is bijna als kunst aan de muur. Als de muur met wilde kleuren en patronen is geverfd, kan het moeilijk zijn om het ingelijste beeld te zien waar je voor bent, maar een kunstwerk op een witte muur is een pronkstuk.
Deze designtrend creëert een visitekaartje voor die truc die u in een project wilde opnemen. Het kan bijna alles zijn. En het zal het hoogtepunt van het ontwerp zijn met een eenvoudig canvas om het weer te geven.
Een voorzichtigheid bij het plannen van een kleurkeuze voor een eenvoudige achtergrond: kleef voor de meeste impact aan een witte, zwarte of neutrale kleur. Dikke, heldere kleuren zijn bijna een designtruc op zich en kunnen afbreuk doen aan uw doel.
Conclusie
Elk ontwerp moet de nadruk leggen op iets. Daarom is deze groep trends zo verfrissend. Elk onderstreept iets belangrijks voor gebruikers met een gemakkelijk te begrijpen manier om de nadruk te leggen. Gebruikers weten precies wat cursivering betekent en ze kunnen variantie zien in gesplitste schermen of achtergronden die contrasteren met elementen van de gebruikersinterface.
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.