Essentiële ontwerptrends, februari 2016
Op zoek naar een vernieuwde website en weet niet waar te beginnen? Sommige van de meest trendy elementen in webontwerp op dit moment zijn esthetisch leuk en vrij gemakkelijk te gebruiken.
Door een trendy functie toe te voegen aan uw huidige ontwerp of nieuwe build, kunt u een moderne uitstraling creëren die bezoekers naar uw site kan leiden. En wat vooral leuk is aan deze trendtrend, is dat je ze kunt gebruiken met bestaande elementen, kleuren en typografiepaletten en branding.
Dit is de trend in het ontwerp van deze maand:
1. Duotoon kleurenschema's
Duotoon-kleurenpaletten bestaan al heel lang, maar de recente take voegt een kleurwaseffect toe aan een duotoon-verloop voor een volledig scherm met een groot effect. Het is iets dat op een belangrijke manier uitgewerkt is met een plat ontwerp, maar dankzij het verbluffende gebruik van Spotify is duotoon terug.
Dus wat is duotoon eigenlijk?
Het is het gebruik van twee kleuren om een palet te vormen. In de meest eenvoudige vorm is duotoon een complementaire combinatie van het kleurenwiel. Bij complexere toepassingen gebruiken ontwerpers allerlei kleurencombinaties en breken ze de regels met paren.
De meeste duotoneffecten hebben een felgekleurde overlay bovenop een afbeelding. Het duotooneffect belicht duisternis en licht en creëert een visuele impact met verbluffende kleuren. Spotify gebruikt het op een geweldige manier om standaardartiestfoto's te maken die je waarschijnlijk tientallen keren ziet er net anders genoeg uitzien om de aandacht te trekken.
Het is een techniek die u op verschillende manieren kunt gebruiken. Het werkt met vrijwel elk ontwerpconcept en kan worden gebruikt als een volledig schermelement, zoals veel van de bovenstaande voorbeelden, om dominante kunst te creëren. Het kan ook worden gebruikt om een interessante achtergrond te creëren, elementen van de gebruikersinterface te accentueren of de nadruk te leggen op een specifiek deel van het ontwerp. Duotoon werkt het beste wanneer het wordt gebruikt voor een enkel ontwerpelement. De techniek kan overweldigend zijn en moet met mate worden gebruikt.
2. Ontwerp met gemorst scherm
Websites met een ontwerp met een gedeeld scherm groeien exponentieel. De ontwerptechniek bestaat uit twee panelen met inhoud naast elkaar. De meeste van deze concepten gebruiken een symmetrische omtrek zodat elke zijde van het scherm dezelfde grootte en vorm heeft.
Het resultaat is een coole, dubbele inhoudservaring op desktopcomputers en (indien correct gecodeerd) een geweldige scherm-voor-beeld-ervaring op kleinere apparaten, waarbij de panelen samenvouwen en gestapelde schuifelementen zijn.
De ontwerpmogelijkheden met de splitscreentrend zijn eindeloos - halve en halve splitsingen, splitsingen met kaarten of rasterachtige elementen, een subtiele splitsing en de lijst gaat maar door. Elke kant van het ontwerp kan gebruikers ook naar verschillende soorten inhoud leiden en u helpen waardevolle gebruikersanalyses te verzamelen over het type inhoud dat mensen willen zien en waarop ze klikken.
Split-screenontwerpen zijn gebruiksvriendelijk, werken goed in responsieve kaders en overheersen niet andere ontwerptechnieken die u misschien wilt gebruiken.
Hier zijn een paar manieren om het scherm effectief te splitsen:
- Koppel kleur en typografie wanneer u geen sterke beelden heeft.
- Richt de aandacht van de gebruiker met links naar rechts beweging die resulteert in een actie.
- Gebruik kleurblokkering om het scherm te splitsen en uw bericht voldoende ruimte te geven terwijl de leesbaarheid wordt vergroot.
- Denk aan een gesplitst scherm als te grote kaarten. Stapel containerelementen in een mozaïek- of metselstijlpatroon om verschillende stukjes inhoud te tonen.
- Houd elk "scherm" eenvoudig. De kunst van dit ontwerpconcept is het gesplitste scherm. Een minimale stijl kan helpen de nadruk te leggen op de inhoud daarin.
3. Typografie in een gedeelde ruimte
Dit is een van die trends die je bijna moet zien, om te begrijpen: typografie breidt zich uit naar gedeelde ruimtes in het ontwerp. Kijk naar de meeste websites en er zijn afbeeldingen en achtergronden en type. Elementen worden samengevoegd, zoals het type op een afbeelding, of ze zijn volledig gescheiden.
Meer ontwerpers breken dit formaat uit en creëren projecten waarbij het type zich uitstrekt tot de ruimtes van andere elementen. Het is interessant en leuk om naar te kijken.
Het kan ook een uitdaging zijn om te creëren vanwege zorgen over de leesbaarheid.
De techniek werkt het beste met eenvoudige typografie, zoals een schreefloze schreef zonder middellijn. Tekst moet voldoende contrast hebben om te onderscheiden van de achtergrond en alle elementen waar het in of overheen steekt. Om deze reden gebruiken de meeste ontwerpen die deze techniek gebruiken witte of zwarte letters.
Tekst moet ook wat formaat hebben om dit te laten werken. Bijna net zo belangrijk als kleurcontrast, is contrast in grootte en ruimte. U moet ook extra goed opletten hoe de tekst met verschillende schermformaten of breekpunten beweegt, zodat de letters niet de delen van de afbeelding bedekken die van vitaal belang zijn voor uw bericht.
Een van de meest verbluffende voorbeelden hiervan is van Deux Huit Huit (u wilt de site bezoeken voor het volledige effect). Belettering beweegt over en door de hoofdafbeelding op de startpagina. De woorden zijn leesbaar terwijl ze van de afbeelding "vallen" en de ruimte tussen de foto en achtergrond kruisen.
Conclusie
Terwijl veel designtrends bijna net zo snel komen en gaan als je ze begint te herkennen, werken degenen die blijven hangen vaak goed samen met andere in de tijd beproefde technieken. Dat onderscheidt zich het meest van dit drietal moderne stijlen. Elk kan in een lay-out worden verwerkt voor een vleugje nieuwheid. Deze technieken zijn vrij eenvoudig te implementeren (en later te verwijderen) zonder uw volledige esthetiek te vernietigen.
Probeer een van deze technieken voor een visuele verversing. Denk erover na om een beetje uit je comfortzone te gaan met gedurfde kleurkeuzes of een verandering alleen naar je startpagina. Of ga wat gewaagder en probeer een combinatie van trendy technieken voor een ontwerp dat er echt uitspringt. (Merkte u op dat de website voor Stikwood twee van de trends gebruikt - split-screen ontwerp en typografie in een gedeelde ruimte?)
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.