Viktiga designtrender, maj 2017
Att göra ett bra första intryck är en viktig del av webbdesign. Hemsidan är ofta den första erfarenheten som en användare har med ett företag eller en organisation och en slående design kan bidra till att skapa intresse. Månadens trender fokuserar helt på hemsida designelement som är lite annorlunda än vad användarna brukar se.
Från en ren estetisk trend i grunda hjältehuvud och diagonala hörnlayouter till en användarinteraktionstrend i detta eller den här uppmaningen till åtgärd finns det många intressanta sätt att uppmärksamma användarna.
Här är vad som trender i design denna månad:
1. Grunt hjältehuvud
Under tiden har trenden med hjältebilder varit stora, djärva bilder och videor som fyller skärmen, ofta från början av hemsidan till höger om var scrollen startar. Fler mönster börjar rygga av den här stora bilden trenden för grundare hjälte bilder.
Mycket av designen är fortfarande densamma. Hjältehuvudet innehåller fortfarande fina bilder eller text med en konfiguration som görs att ses på. Men bilderna är ungefär hälften så djupa.
Vad som är bra med detta koncept är att det hjälper till att flytta annan information uppe på skärmen. Kropps kopia och uppmaningar till handlingar som inte finns i hjältebilden visas högre upp i designen, vilket ger användarna något att göra eller klickar direkt. Det kan hjälpa till att förhindra rubbning i själva bilden, vilket kan vara ganska viktigt om bilden är upptagen eller svår att para med text effektivt.
Det här designmönstret kan också lägga till mer whitespace till den övergripande designen, vilket gör att den känns lättare och lättare att navigera. Med mer minimala stilar fortfarande populära, kan detta koncept vara en av de faktorer som driver detta designbeslut.
Den hårdaste delen av att använda en grundare hjältebild är beskärning. Det är en av de saker du kommer att vilja tänka på tidigt i designprocessen, hela vägen tillbaka till när du pratar med fotografen om bilder. Eftersom formen inte är som standard kan du behöva förklara hur du planerar att använda bilden för att få ett foto eller en video som ser bra ut med det här bildförhållandet.
2. Diagonal Corner Layouts
Vissa trender är bara för mycket roliga att ignorera. Diagonala hörnlayouter är ett av dessa begrepp.
Dessa mönster är exemplifierade av element som är kluster i ett hörn av skärmen - ofta längst ner till höger - och fläktar ut på resten av duken. Elementen är ofta positionerade för att se ut som om de spränger in i designen.
Diagonala hörnlayouter ger ett annat ögonspårningsmönster för användare genom att skapa en kontaktpunkt i nedre hörnet av en design i stället för överst till vänster eller centrum och skapa lite djup med tanken på element som verkar "explodera" över skärmen. (För en extra spark till designen, överväga animerande element för att förbättra den explosionseffekten med rörelse som användaren rullar eller svänger över specifika element.)
För att få ut det mesta av dessa element, "döljer" flera olika element under elementet för att lägga till det extra elementet av verkligheten så att delar av designen som du inte kan se känna taktila och finns på rullningen.
Medan denna typ av mönster inte fungerar med alla typer av innehåll kan det vara en bra idé för mönster som inte har mycket annan konst och använder många användargränssnitt för att dra uppmärksamhet. Det kan också fungera för portföljstilskap eller tjäna som ett sätt att organisera många mindre visuella element i en enda enhet.
3. Detta eller det kallar till handling
Nästan varje webbdesign innehåller någon typ av åtgärd. Oavsett om det är en blankett att fylla i, länka till klicka eller riktning för att fortsätta bläddra för mer innehåll, uppmanas användaren att göra något. (Och de får ofta något annat som en belöning för den insatsen.)
Fler design börjar dyka upp med speglingskall till handlingar, vilket gör det möjligt för användarna att välja från hemsidan eftersom de bestämmer vad de ska göra nästa. Designen kan se ut på ett antal sätt, som direkt skulle du fuska eller inte ifrågasätta Ord gör ont till alternativet med två paneler från Stoli till klickalternativsnavigering för Hej Pointe Drive In .
Denna designstil ger användarna kontroll över vad de vill göra och se, vilket kan vara tilltalande med den rätta blandningen av innehåll och val. Alla tre exempel nedan gör ett bra jobb med att utforma vad användaren kan göra och vad som kommer att hända. (Det finns också outs om användaren gör fel val och behöver gå tillbaka.)
Utmaningen här är att du bara behöver rätt typ av innehåll för detta designmönster att fungera. Vissa användare kan bli överväldigade av flera val och vill bara ha ett enda samtal till handling med ett enda val - slutföra åtgärden eller inte. Här har användarna dubbelt så många alternativ att överväga. För att göra det mesta av val måste innehållet vara helt engagerande.
Slutsats
Till skillnad från några av de andra trenderna vi har undersökt nyligen, är den här månadens trender rena visuella element som du kan lägga till i en befintlig design i flygningen. (Även om du kanske kommer nära om du har tur).
Dessa designplaner bygger lite mer på planering av innehåll och design för att matcha, med vetskap om att du har ett visst begrepp i åtanke. Det tar förplanering och i vissa fall krävs även lite HTML eller CSS magi för att dra allt ihop.
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.