3 viktiga designtrender, juli 2017
Denna månad ligger fokus på designelement. Många senaste trender har involverat användarmönster, färg eller typografi, men här handlar det om subtila tekniker. Väsentliga trender att notera inkluderar downpage navigation, lådor som designelement och massor av vertikala linjer och rörelse.
Här är vad som trender i design denna månad:
1. Downpage Navigation
Designers verkar vara i ganska experimentell fas när det gäller navigering dessa dagar. Från vertikala sidnavigationsalternativ till popup-stilar till downpage-stilar är menyalternativ typiska överallt.
Medan downpage navigering brukade vara en distinkt nej-nej, kan den växa på dig. Och som fler designers väljer detta användarmönster blir det mer allmänt accepterat. Det här är ett försiktighetsåtgärd: Om du väljer nedåtriktad navigering, håll koll på webbplatsanalys för att se till att dina besökare förstår mönstret och fortsätter att klicka. Denna teknik kanske inte fungerar för alla publik.
Så hur får du det att fungera?
- De bästa sidans navigeringsstilar tillämpas på enkla, mönster. En hemsida utan en bläddring och bara en handfull sidor är bäst.
- Downpage-navigationselement måste vara på den stora sidan, så att användarna inte förbiser dem.
- Klibbiga element är nödvändiga om sidan har en längre rullning.
- Överväga nedåtriktad navigering på hemsidan för ett nytt alternativ, men återgå till ett mer traditionellt mönster på insidan.
- Använd det med en minimal ram. Downpage navigering kan enkelt gå vilse i en design som är komplex eller har många element som konkurrerar för användarens uppmärksamhet.
- Inkludera ett "extra" designelement för att driva användare mot navigation. Detta kan innehålla allt från ett djärvt färgval till en riktningsvisuell bild som hjälper till att styra ögat mot navigering på en icke-traditionell plats.
2. Lådor som designelement
Detta kan vara en av de mest slående och mångsidiga trenderna i 2017-boxade element för rena estetiska ändamål.
Lådor är en bra behållare, som vi har sett från kortets trend, men designers arbetar med lådor för att lyfta fram innehåll, visa bilder och dra i ögonen mot en viss del av duken. Och det fungerar vackert.
Det fina med den här trenden är att den är så mångsidig. Du behöver inte ompröva en hel design för att använda boxade element. De kan fungera som rena visuella eller länka till annat innehåll. En låda kan innehålla nästan allting, från en bra bild till ett anrop till handling.
Några tips för att få ut det mesta av ett boxat designelement är:
- Använd en ruta för att skapa djup eller fokus, t.ex. Cedrick Lachot , Nedan. Bilden på den svarta bakgrunden är enkel, och den vita texten ovanpå lägger tonvikten på den rektangulära formen och andra klickbara lådor på hemsidan och hela designen.
- Använd en låda till lagerelement. Feudi Di San Gregorio , nedan, använder en låda för att rita ögat mot en mycket specifik del av innehållet med en lagringsteknik som gör att den känns som en del av bilden. Titta noga på händerna i förhållande till lådan. Samma begrepp används för flera bilder i den horisontella scroller och lägger till ett extra lager av vacker komplexitet till den enkla designen.
- Använd en ruta för att skapa flöde. Beoplay , nedan, använder staplade lådor med bilder för att skapa en väg genom designen. Varje ruta animerar från ett antal mindre lådor för att engagera användaren och uppmuntra att bläddra.
- Använd en ruta för att skapa ett handlingsbart element, till exempel ett popup-upprop till handling, ovanpå designen.
- Använd rutor för att skapa en design med kort i materialdesignstilen. Även om denna trend har funnits i ett tag, är det fortfarande ett populärt alternativ, särskilt för mobilbaserade mönster.
3. Vertikala linjer
Du tänker inte alltid på webben som ett vertikalt utrymme, men fler designers innehåller mycket vertikala element i design.
Från mager linjer för att skapa flöde till foton med distinkta upp och ner element kan vertikala element hjälpa användarna genom en design, uppmuntra rullning och till och med fokusera uppmärksamhet på vissa element. Som en extra bonus är vertikala element visuellt intressanta enkla eftersom de inte är lika vanliga som horisontella, kvadratiska eller cirkulära element.
En del av lusten att tänka mer vertikalt kan börja i dina händer. Medan de flesta stationära webbplatser lever i standarden 16: 9, slås ofta åtkomst till webbplatser på telefoner och surfplattor på sidan med en mer vertikal orientering. (För många mobiltelefoner är denna orientering tydligt vertikal.)
Det gör vertikala accenter och användarmönster vanligare och mer accepterade för besökare på webbplatsen. De kommer inte att balk vid designen eller undrar hur man ska interagera med den. Vertikal orientering är ganska vanligt.
Det finns många sätt att integrera en vertikal känsla för en design.
- Prova en bakgrund med subtila vertikala linjer för att skapa textur.
- Skapa ett collage av bilder med vertikala former.
- Använd vertikala linjer över huvudbilden för att skapa djup mellan elementlager, till exempel foton eller videoklipp och text.
- Använd vertikalt animerad svep för att separera element i en bildreglage.
- Planera bilder med vertikalt fokus.
- Överväga en delad skärmdesign så att varje sida har ett vertikalt orienterat bildförhållande.
- Använd ett bakgrundsmönster av små objekt i vertikal linje.
- Stack ikoner eller element snarare än att placera dem över skärmen.
Slutsats
Varje gång du överväger att använda en trend i ett designprojekt finns det ett riskfaktor. Hur länge kommer trenden att vara populär? Kommer det att göra designen daterad?
Istället för att välja fullskala trendiga webbplatsalternativ, överväga ett trendigt element som ovan. Dessa element kan vara enklare att införliva i designen (och lika lätt att ta bort om du inte gillar dem senare). Tricket att behålla en modern stil ligger i detaljerna; det kräver ingen helt ny design var sjätte månad.
Vilka trender älskar du (eller hatar) just nu? Jag skulle gärna se några av de webbplatser som du är fascinerad av. Släpp mig en länk på Twitter ; Jag skulle gärna höra från dig.