3 Essentiële ontwerptrends, juli 2017
Deze maand ligt de nadruk op ontwerpelementen. Veel recente trends hebben betrekking op gebruikerspatronen, kleur of typografie, maar hier gaat het allemaal om subtiele technieken. Essentiële trends om op te letten, zijn onder andere navigatie met lege pagina's, vakken als ontwerpelement en veel verticale lijnen en bewegingen.
Dit is de trend in het ontwerp van deze maand:
1. Downpage Navigatie
Ontwerpers lijken tegenwoordig in een behoorlijk experimentele fase als het gaat om navigatie. Van verticale navigatieopties, navigatieopties naar pop-outstijlen tot downpage-stijlen, menu-items zijn overal heel eenvoudig.
Terwijl downpage-navigatie een duidelijke no-no was, kan deze wel op je groeien. En naarmate meer ontwerpers voor dit gebruikerspatroon kiezen, wordt het algemener geaccepteerd. Hier is een woord van waarschuwing: als u kiest voor downpage-navigatie, houdt u de website-analyse nauwlettend in de gaten om ervoor te zorgen dat uw bezoekers het patroon begrijpen en blijven klikken. Deze techniek werkt mogelijk niet voor alle doelgroepen.
Dus hoe zorg je ervoor dat het werkt?
- De beste navigatiestijlen voor neerwaartse navigatie worden toegepast op eenvoudige ontwerpen. Een startpagina zonder een schuif en slechts een handvol pagina's is het beste.
- Navigatie-elementen voor de navigatie moeten aan de grote kant staan, zodat gebruikers ze niet over het hoofd zien.
- Kleverige elementen zijn nodig als de pagina langer wordt geschoven.
- Overweeg downpage-navigatie op de startpagina voor een nieuw alternatief, maar ga terug naar een meer traditioneel patroon op interieurpagina's.
- Gebruik het met een minimaal kader. Downpage-navigatie kan gemakkelijk verloren gaan in een ontwerp dat complex is of veel elementen heeft die concurreren om de aandacht van een gebruiker.
- Voeg een "extra" ontwerpelement toe om gebruikers naar navigatie te duwen. Dit kan van alles zijn, van een gedurfde kleurkeuze tot een directionele visual die het oog helpt om te navigeren op een niet-traditionele locatie.
2. Dozen als ontwerpelementen
Dit is misschien wel een van de meest opvallende en veelzijdige trends van elementen in 2017-boxed voor pure esthetische doeleinden.
Boxen zijn een geweldige container, zoals we hebben gezien aan de hand van de kaarttendens, maar ontwerpers werken met vakken om inhoud te markeren, afbeeldingen te tonen en het oog op een bepaald deel van het canvas te richten. En het werkt prachtig.
Het leuke aan deze trend is dat het zo veelzijdig is. U hoeft niet een volledig ontwerp te heroverwegen om boxed elementen te gebruiken. Ze kunnen dienen als pure beelden of als link naar andere inhoud. Een box kan bijna alles bevatten, van een geweldige afbeelding tot een call-to-action.
Enkele tips om het meeste uit een ingepakt ontwerpelement te halen, zijn:
- Gebruik een kader om diepte of focus te creëren, zoals Cedrick Lachot , hieronder. De foto op de zwarte achtergrond is eenvoudig en de witte tekst bovenaan voegt de nadruk op de rechthoekige vorm en andere aanklikbare vakken op de startpagina en in het hele ontwerp.
- Gebruik een box om elementen te lagen. Feudi Di San Gregorio , hieronder, gebruikt een kader om het oog te richten op een heel specifiek deel van de inhoud met een laagtechniek waardoor het lijkt alsof het deel uitmaakt van het beeld. Kijk goed naar de handen in relatie tot de doos. Ditzelfde concept wordt gebruikt voor meerdere afbeeldingen in de horizontale schuifbalk en voegt een extra laag van prachtige complexiteit toe aan het eenvoudige ontwerp.
- Gebruik een kader om flow te creëren. BeoPlay , hieronder, gebruikt gestapelde vakken met afbeeldingen om een pad door het ontwerp te maken. Elke box animeert vanuit een aantal kleinere vakken om de gebruiker te betrekken en het scrollen aan te moedigen.
- Gebruik een vak om een bruikbaar element te maken, zoals een pop-up call-to-action, bovenop het ontwerp.
- Gebruik kaders om een ontwerp met kaarten te maken in de stijl Materiaalontwerp. Hoewel deze trend al een tijdje bestaat, is het nog steeds een populaire optie, vooral voor ontwerpen op basis van mobiele apparaten.
3. Verticale lijnen
U denkt niet altijd aan het web als een verticale ruimte, maar meer ontwerpers nemen zeer verticale elementen op in ontwerpen.
Van magere lijnen om flow tot foto's te maken met verschillende op en neer elementen, verticale elementen kunnen gebruikers door een ontwerp leiden, scrollen aanmoedigen en zelfs de aandacht vestigen op bepaalde elementen. Als een toegevoegde bonus zijn verticale elementen visueel interessant eenvoudig omdat ze niet zo gewoon zijn als horizontale, vierkante of ronde elementen.
Een deel van de wens om meer verticaal na te denken, zou in je handen kunnen beginnen. Hoewel de meeste desktopwebsites in de standaard 16: 9-ruimte leven, wordt de toegang tot websites op telefoons en tablets vaak aan de kant geschoven met een meer verticale oriëntatie. (In het geval van veel mobiele telefoons is deze richting duidelijk verticaal.)
Dat maakt verticale accenten en gebruikerspatronen meer algemeen en meer geaccepteerd voor websitebezoekers. Ze zullen niet aarzelen met het ontwerp of zich afvragen hoe ze ermee kunnen omgaan. Verticale oriëntatie is vrij mainstream.
Er zijn tal van manieren om een verticaal gevoel op te nemen in een ontwerp.
- Probeer een achtergrond met subtiele verticale lijnen om textuur te creëren.
- Maak een collage van afbeeldingen met verticale vormen.
- Gebruik verticale lijnen boven de hoofdafbeelding om diepte tussen lagen van elementen vast te stellen, zoals foto's of video's en tekst.
- Gebruik verticaal geanimeerde sweep om elementen in een afbeeldingsschuiver te scheiden.
- Plan afbeeldingen met een verticale focus.
- Overweeg een ontwerp met een gedeeld scherm, zodat elke zijde een meer verticaal georiënteerde beeldverhouding heeft.
- Gebruik een achtergrondpatroon van kleine objecten in een verticale uitlijning.
- Stapel pictogrammen of elementen in plaats van ze op het scherm te plaatsen.
Conclusie
Telkens wanneer u overweegt om een trend in een ontwerpproject te gebruiken, is er een risico aan verbonden. Hoe lang zal de trend populair zijn? Zal het ontwerp er gedateerd uitzien?
In plaats van te kiezen voor full-scale trendy website-opties, overweeg dan een trendy element zoals hierboven. Deze elementen kunnen gemakkelijker worden opgenomen in het ontwerp (en net zo gemakkelijk te verwijderen als u ze later niet leuk vindt). De truc om een moderne stijl te behouden zit in de details; het vereist geen nieuw ontwerp om de zes maanden.
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.