Væsentlige designtendenser, december 2016
Har du nogensinde fundet dig selv at bemærke, at et bestemt designelement bare holder op? Selv de små detaljer, der ser lidt ubetydelige ud, kan være indikatorer for designtendenser. Det gælder især elementerne i denne måneds beretning.
Hver af disse tendenser-hvide kanter, der indrammer et webdesign, filmtekster og små indlæsnings animationer, er tilsyneladende enkle detaljer, der forbedrer den visuelle oplevelse for brugerne.
Her er hvad der trender i design denne måned:
1) Hvide kanter
Flere webdesigner bruger hvide kanter eller indramning omkring omkredsen af designet i webbrowseren. Det er et nyt twist på en gammel ide, da flere hjemmesider blev bygget til bestemte størrelser og indramning blev brugt til ulige browserbredder.
Det er noget, der falmede, da flere designere valgte responsive design i fuld bredde.
Det nye twist med indramning er interessant og er en god måde at skabe et lærred til designet. De fleste af de websteder, der bruger denne tendens, omfatter en hvidlig, men ikke obligatorisk kant omkring designet. Det er et par pixels bredt og er normalt placeret omkring tre eller fire sider af designet. (Nogle vælger at forlade rammen fra bunden af designet for at tilskynde til scrollning.)
Det flotte ved den hvide kant er, at designet er rent med hvide linjer, der kan hjælpe med at bringe fokus til stærke farvevalg, trække øjet fra skærmens kant til andre lyselementer (f.eks. Tekstbokse eller opkald til handling) og kantning kan hjælpe med at skabe et baggrundsark til parallaxrulning eller andre animerede effekter.
Camden Town Brewery gør dette usædvanligt godt. Den hvide indramning fylder mellem elementerne i designet for at skabe dybde og fokus for brugeren. Hvid adskillelse adskiller hver ny indholdsdel på skærmen og bidrager til den overordnede organisering af designet. (Plus, hvide accenter bringer virkelig den stærke røde og sorte farvepalet ud for at holde kombinationen fra at føle sig for overvældende.)
2) Cinemagraphs
Cinemagraphs er billeder med et bevægelseselement i dem. Det kan være alt fra et billede af en person, der blinker deres øjne til den subtile skybevægelse i himlen, hvor intet andet bevæger sig. Mens de mest almindelige anvendelser af designtrenden stadig synes at være i reklamer og sociale medier, begynder webdesignere også at integrere denne "live photo" -teknik.
Det virker, fordi brugerne er fascineret af bevægelse. Det er effektivt af mange årsager. Video er en god mulighed for at få fat i en brugers opmærksomhed. Bevægelse og handling er engagerende. Det er interessant. Det føles reelt.
Når det kommer til at arbejde med filmtekster, er bonusen, at du kan oprette et design med bevægelse, men uden noget af den høje produktion, der følger med et videoprojekt.
Tricket til at lave cinemagraphs arbejde er at slå bevægelsen i virkeligheden. Selvom scenen er mere forestillet, som f.eks Monokrom Paris , fysikens love bør gælde for bevægelse på skærmen. Vand skal strømme nedstrøms, for eksempel gravitation bør være en kraft i, hvordan bevægelse opstår.
Bevægelsen skal også være enkel og subtil. For meget bevægelse, og en video kan være en bedre mulighed. Hvad der trækker brugere ind i et filmtal er det overraskende element. Hvad der ser ud som et stillbillede i et heltbillede, har faktisk noget der sker i den. Denne lille divot vil hjælpe med at trække folk ind, holde dem engageret i designet længere og forhåbentlig resultere i en hjemmeside konvertering.
3) Lille indlæser animationer
Belastningstider er en stor aftale. Men du kan ikke altid regne med hastigheden af det netværk, en bruger er på; det er der små laste animationer kan blive en big deal.
Hvad der er anderledes om den lille indlæsnings animation tendens er, at det er en nogle gange du ser det, nogle gange du ikke design element. På nogen måde har designteamet sørget for, at alle brugere kommer til hjemmesiden med en positiv oplevelse.
Disse små animationer er identificerbare af, at de ikke er en del af brugeroplevelsen, der tæller mod det overordnede websitemål. De er et simpelt, lille element, der fanger din opmærksomhed i en hurtig sekund, mens det primære site design serveres.
Den kolde ting om tendensen er, at disse små læsning animationer virkelig er små, fra størrelsen af den visuelle sig til handlingen på skærmen, der er ikke meget at se, men hvad der er der er helt dejligt.
Her er tre gode eksempler:
- Hannah Purmort s indlæsning af animation er et enkelt bevægeligt slag i den modsatte farvekombination af hovedskærmen. Stroppen bæres også gennem designet i rulleffekten.
- Susa Ventures har et lille ikon med en lille belastningsbjælke. Denne tager fat i din opmærksomhed, fordi den lille gorilla er visuelt interessant og gør dig nysgerrig over webstedets indhold.
- FPG bruger en skitse, der synes at være tegnet på skærmen som resten af hjemmesiden indlæser. Den eneste cue, at det faktisk er en indlæsningsanimation, er, at resten af skærmen er meget mere udførlig, når den er fyldt med løbende video og endnu flere skitser. Effekten er sømløs og er forbi næsten før brugeren indser, at den er startet.
Konklusion
Detaljer er kernen i ethvert godt design. Det er vigtigt at huske, at det er vigtigt at designe (og regne med) ting, som ikke alle brugere vil bemærke. Det er sådan, at hver af disse tendenser forbinder små designelementer, der ikke er en indlysende del af det samlede æstetik.
Disse små elementer kan være den ting, der virkelig sætter din hjemmeside fra hinanden for en bruger. Det kan være det element af glæde, der bringer nogen tilbage til dit design. Detaljer kan være differentieringen mellem succes og fiasko.
Hvilke tendenser elsker du (eller hater) lige nu? Jeg vil gerne se nogle af de websteder, du er fascineret af. Drop mig et link på Twitter ; Jeg vil gerne høre fra dig.