Bevegelse
Animerte gradienter, sømløse looper og bevegelse som føles naturlig.
200 guider · 11 emner
BevegelseAnimerte gradientbakgrunner til video og sosiale medier
5 min lesetid
En animert gradient kan se ut som lys som beveger seg gjennom silke, eller som en skjermsparer. Forskjellen er en håndfull designvalg du kan ta med vilje.
BevegelseSømløs loop: slik lager du en video som aldri hopper
6 min lesetid
En løkke som hopper én gang hvert tiende sekund, er verre enn ingen bevegelse i det hele tatt. Løsningen er ikke et bedre redigeringsprogram, men bevegelse som er designet for å komme hjem.
BevegelsePrinsipper for motion design for deg som ikke animerer
5 min lesetid
Du trenger ikke å være animatør for å lage bevegelse som føles riktig. Du trenger noen få prinsipper, en håndfull varigheter og disiplinen til å bruke mindre.
BevegelseVideobakgrunn på nettside: vekt, autoplay og tilgjengelighet
5 min lesetid
En hero i bevegelse kan få et nettsted til å føles levende, eller gjøre det tregt, forstyrrende og vanskelig å lese. Forskjellen er en kort liste med tekniske valg og designvalg.
BevegelseGIF vs MP4 vs WebM: hvilket format passer til løkker?
5 min lesetid
GIF er formatet alle kjenner og nesten ingen bør bruke på nett. Det er også det eneste som fungerer i en innboks. Her er hva du bør velge, hvor og hvorfor.
BevegelseBakgrunn til Reels og TikTok-videoer: slik designer du den
5 min lesetid
Stående video har en ramme du ikke kontrollerer fullt ut: bildetekster, knapper og navn ligger oppå den. Design bakgrunnen for plassen som er igjen.
BevegelseEasing forklart: derfor føles god bevegelse naturlig
4 min lesetid
Den samme bevegelsen kan virke klønete eller uanstrengt avhengig av én innstilling. Den heter easing, og noen få enkle regler dekker nesten alle tilfeller.
BevegelsePrefers reduced motion: animasjon alle kan bruke
5 min lesetid
For noen er ikke en parallakserulling eller en zoomende hero herlig, den gjør dem svimle. Én innstilling forteller deg hvem de er. Slik respekterer du den uten å miste designet ditt.
BevegelseAnimerte logoer: enkle måter å gi en logo liv
5 min lesetid
En logoanimasjon bør føles som at logoen trekker pusten, ikke som at den utfører en rutine. Her er de få teknikkene som virker, og reglene som holder dem smakfulle.
BevegelseLevende bakgrunnsbilde av gradienter: lag ditt eget
5 min lesetid
En gradient som driver sakte bak klokken, kan få en skjerm til å virke levende uten noen gang å be om oppmerksomhet. Håndverket ligger i å holde den langsom, mørk og stille.
BevegelseMotion graphics for merkevarer som ikke lager video
6 min lesetid
De fleste små merkevarer legger ut stillbilder fordi video føles som en ekstrajobb. En langsom loop av ditt eget uttrykk som beveger seg under stillestående ord, tar deg det meste av veien, uten redigering.