Har du noen gang funnet deg selv å merke seg at et bestemt designelement bare fortsetter å dukke opp? Selv de små detaljene som ser litt ubetydelige ut, kan være indikatorer på designtrender. Det er spesielt sant med elementene i denne måneden.

Hver av disse trender-hvite kanter som rammer en webdesign, filmtekster og små laste animasjoner-er tilsynelatende enkle detaljer som forbedrer visuell opplevelse for brukerne.

Her er det som trender i design denne måneden:

1) Hvite kanter

Flere webdesign bruker hvite kanter eller innramming rundt omkretsen av designet i nettleseren. Det er en ny vri på en gammel ide når flere nettsteder ble bygget til bestemte størrelser og innramming ble brukt til ulik nettleservidd.

Det er noe som bleknet da flere designere valgte responsive, fullbredde design.

Den nye vridningen med innramming er interessant og er en fin måte å lage et lerret på designet. De fleste nettstedene som bruker denne trenden, inkluderer en hvit, vanlig, men ikke obligatorisk kant rundt designet. Det er noen piksler bredt og er vanligvis plassert rundt tre eller fire sider av designet. (Noen velger å forlate rammen fra bunnen av designet for å oppmuntre til å bla.)

Den fine tingen om den hvite kanten er at designet er rent med hvite linjer som kan bidra til å gi fokus til sterke fargevalg, trekke øyet fra kanten av skjermen til andre lyselementer (for eksempel tekstbokser eller samtaler til handling) og Kanting kan bidra til å lage et bakgrunns lerret for parallaxrulling eller andre animerte effekter.

Camden Town Brewery gjør dette usedvanlig bra. Den hvite rammen fyller seg mellom elementene i designet for å skape dybde og fokus for brukeren. Hvit adskillelse skiller hver ny innholdsseksjon på skjermen og bidrar til total organisering av designen. (Plus, hvite aksenter bringer virkelig ut den sterke røde og svarte fargepaletten for å holde kombinasjonen fra å føle for overveldende.)

bryggeri
åsside
claraluna

2) Cinemagraphs

Cinemagraphs er bilder med et element av bevegelse i dem. Det kan være alt fra et bilde av en person som blinker øynene til den subtile skybevegelsen i himmelen der ingenting annet beveger seg. Mens de vanligste bruksområdene til designtrenden fortsatt ser ut til å være i reklame og sosiale medier, begynner webdesignere å inkorporere denne "live photo" -teknikken også.

Det fungerer fordi brukerne er fascinert av bevegelse. Det er effektivt for mange av de samme grunnene video er et godt alternativ for å ta tak i brukerens oppmerksomhet. Bevegelse og handling er engasjerende. Det er interessant. Det føles ekte.

Når det gjelder å jobbe med cinemagraphs, er bonusen at du kan lage et design med bevegelse, men uten noe av den høye produksjonen som følger med et videoprosjekt.

Trikset for å lage filmtekster er å rotere bevegelsen i virkeligheten. Selv om scenen er mer forestilt, for eksempel Monokrom Paris , fysikkens lover bør gjelde for bevegelse på skjermen. Vann skal strømme nedstrøms, for eksempel tyngdekraft bør være en kraft i hvordan bevegelse oppstår.

Bevegelsen må også være enkel og subtil. For mye bevegelse, og en video kan være et bedre alternativ. Det som trekker brukerne inn i et cinemagraph er det overraskende elementet. Det som ser ut som et stillbilde på et heltbilde, har faktisk noe som skjer i den. Den lille divoten vil bidra til å trekke folk inn, holde dem engasjert med designen lenger, og forhåpentligvis resultere i en nettsideomregning.

cinemagraphs
monoparis
Bourne Hall

3) Tiny Loading Animasjoner

Lastetider er en stor avtale. Men du kan ikke alltid regne med hastigheten på nettverket en bruker er på; det er der små laste animasjoner kan bli en stor avtale.

Det som er annerledes med den lille laste animasjonsutviklingen er at det er noen ganger du ser det, noen ganger lager du ikke element. Uansett har designteamet tatt særlig forsiktighet for å sikre at hver bruker kommer til nettsiden med en positiv opplevelse.

Disse små animasjonene er identifiserbare av det faktum at de egentlig ikke er en del av brukeropplevelsen som teller mot det overordnede nettstedsmålet. De er et enkelt, lite element som fanger oppmerksomheten din for en rask sekund, mens den primære webdesignen blir servert.

Den kule tingen om trenden er at disse små laste animasjonene er veldig små, fra størrelsen på det visuelle seg selv til handlingen på skjermen, det er ikke mye å se, men det er absolutt herlig.

Her er tre gode eksempler:

  1. Hannah Purmort er lasting animasjon er et enkelt bevegelige slag i motsatt fargekombinasjon av hovedskjermbildet. Stroppen bæres også gjennom designet i rulleffekten.
  2. Susa Ventures har et lite ikon med en liten lastestang. Denne griper oppmerksomheten din fordi den lille gorillaen er visuelt interessant og gjør deg nysgjerrig på nettstedets innhold.
  3. FPG bruker en skisse som ser ut til å bli tegnet på skjermen som resten av hjemmesiden laster. Den eneste cue at det faktisk er en lasting animasjon er at resten av skjermen er mye mer forseggjort en gang lastet med å kjøre video og enda flere skisser. Effekten er sømløs og er over nesten før brukeren innser at den har startet.
hannah
susa
FPG

Konklusjon

Detaljer er i hjertet av enhver god design. Det er viktig å huske at det er viktig å designe (og regne for) ting som ikke alle brukere vil legge merke til. Det er slik at hver av disse trendene knytter seg gjennom små designelementer som ikke er en åpenbar del av det samlede estetiske.

Disse små elementene kan være den tingen som virkelig setter nettstedet ditt fra hverandre for en bruker. Det kan være elementet av glede som bringer noen tilbake til ditt design. Detaljer kan være differensier mellom suksess og fiasko.

Hvilke trender elsker du (eller hater) akkurat nå? Jeg vil gjerne se noen av nettstedene du er fascinert med. Slett meg en lenke på Twitter ; Jeg vil gjerne høre fra deg.