Viktiga designtrender, juli 2016
Det finns en hel del överlapp i de största designtema i juli. I många av följande exempel ser du att flera trender används i många av exemplen. Det beror på att många av trenderna är enkla tekniker som kan läggas till nästan vilken typ av design som helst.
Detta är en framställning av mikrotrender. Det som är särskilt trevligt med dessa småskaliga trender är att du kan använda (eller ta bort) dem utan att behöva göra en fullskalig omkonstruktion. De kan tjäna som små tweaks för att hjälpa dig att fräscha upp en sida för en kort stund med ett trendelement.
Här är vad som trender i design denna månad:
1. Färgläggning på bilder
Färgöverlagringar är ett visuellt intressant sätt att rita ögat när konsten är mindre än stjärnan. Det kan vara ett bra sätt att lägga till färg och intrig till ett vanligt foto, stock bildspråk eller lägga till färg när bilden saknas som viss gnista.
Användning av färgöverlägg varierar kraftigt. Medan ljusa färger är ett av de mest populära alternativen, kan en dämpad eller sepiaöverlagring förändra stämningen i ett projekt eller lägga till just rätt vintagefel, till exempel med Lyrix hemsida, nedan.
När det gäller färgöverlagring är solida färger vanligtvis det mest populära alternativet. Ljusa färger är vanliga och många av de samma nyanser som är populära med andra designtrender som platt och materialdesign används vanligen. (Här är den lagring av trender som nämns i intro.)
Slutligen, när du tänker på ett färgöverlägg, överväg en gradient-, duoton- eller flerfärgseffekt. Denna teknik kan fungera särskilt bra med en bild som lätt kan identifieras eller med bild som är platt på egen hand, till exempel fotot för NYC Pride , Nedan. Anledningen till att du är upptagen i webbdesignen är den ljusa färgöverläggningen, inte själva bilden.
(Observera med NYC Prides hemsida, i synnerhet att en annan trend gör en comeback-gradienten. Fler gradienter börjar dyka upp i designprojekt och vi kommer att se den här trenden i större detalj nästa månad.)
2. Små hörnlogotyper
Ett tag var logotyper en av de mest dominerande elementen i en webbdesign. Designers använde överdimensionerad version av varumärken och logotyper för att skapa intressant estetik.
Nu tar de mot motsatt tillvägagångssätt.
Logotyper används mindre än någonsin. Men det är inte den enda gemensamma när det gäller hur små logotyper används. De visas också på samma plats i nästan alla exempel på denna trend - det övre vänstra hörnet.
Placeringen är inte så överraskande. Överst till vänster är en vanlig logotypplaceringsplats i webbdesign och har länge varit en uppfattning om att användarna kommer att läsa webbplatsen från vänster till höger i ett F-format.
Vad som är överraskande är hur litet logotyperna faktiskt är i relation till resten av designen. I vissa fall är dessa logotyper utformade för att symmetriskt matcha hamburgarens menyikon. Så de är exceptionellt små.
De Modiga människor logotypen, till exempel nedan, är bara något större än menyikonen och är utformad för att se nästan ut som en ikon i sig, med vit nyhetstext i en svart låda. Vad som är trevligt med den här tekniken är att det ger resten av bilderna och texten på duken gott om utrymme att bli uppvisad. Brave People använder massor av videoutdrag och lagrade informationsfält för att dra användare genom webbdesignen. Att ha en liten logotyp hjälper ögonen att hålla sig på rätt ställe och flytta igenom innehållet med lätthet.
Coats använder ett liknande koncept, balanserar den lilla logotypen på sidan av skärmen och menyikonen å den andra. Designen bär dessutom begreppet logotyp i ikonografi över hela webbplatsen, så användaren har alltid en visuell påminnelse om vilken webbplats de är på.
3. "Gör dig snygg" bilder eller video
"Fick dig att se!"
Det är så många av hjälten bilder och videoklipp på webbplatser skriker när du landar på dem. Bilder som är udda, ovanliga eller bara kräver lite tanke blir ett populärt sätt att dra till användare och hålla dem på hemsidan under en längre period.
Du vill förstå vad som händer i bilden eller om det är en hund eller en varg ( Instynct , nedan), vad betyder det på plats ( megafon , nedan) eller vad som händer nästa som i videomaleriet för Nachume Miller (Nedan).
Så vad gör en make-you-look-bild? Det måste vara annorlunda och intressant. Det måste vara av hög kvalitet och innehålla en bild som du inte ser varje dag. Den visuella ska få dig att undra på något, ställa en fråga eller en önskan att lära sig mer.
Bilden eller videon kommer att ta upp din uppmärksamhet och hålla den bara lite längre än en bild av en cheeseburger på McDonalds hemsida. Det är det här överraskningselementet eller whimsy eller undrar det som gör det något användarna kan vända sig ifrån. När du går tillbaka till det, eller tittar på hela en videoslinga eller bara inte kan få bilden ut ur ditt huvud så vet du att det kommer att få andra att se ut också. (Gå stor och djärv, eller gå hem!)
Slutsats
Det är kul att se flera trender konvergera som många av dessa webbplatser exemplifierar. Små logotyper kan vara ett av de mest dominerande delarna just nu. Det är en av de saker du kanske inte ens märker tills du börjar leta efter det, och då märker du att detta koncept används överallt.
Dessutom ger det verkligen designen något utrymme för andra element genom att få logotypen ur vägen, vilket är anledningen till att arbeten i kombination med andra trender är så bra.
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.