Bevegelse

Levende bakgrunnsbilde av gradienter: lag ditt eget

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.

GradientlyVerifisert Gradiently-konto··5 min lesetid
Omslag: Quiet Wetland · GR·4WRS·E8

Kortversjonen

  • Et levende bakgrunnsbilde er en bakgrunn for en telefon- eller dataskjerm som beveger seg, vanligvis som en langsom loop eller som svar på berøring, tid eller helling.
  • Android støtter levende bakgrunnsbilder direkte gjennom apper, mens mulighetene på iPhone, Mac og Windows avhenger av systemversjonen eller tredjepartsapper.
  • Et godt levende bakgrunnsbilde med gradient beveger seg svært sakte, går i loop uten hopp og holder området bak klokken og ikonene rolig.
  • Bakgrunner i bevegelse bruker ekstra strøm, og på OLED-skjermer bruker mørkere farger mindre, så mørke, langsomme bakgrunner er de mildeste mot batteriet.
  • Lag bakgrunnen som en loop på 15 til 30 sekunder i skjermens form, og ha en stillestående versjon til når du vil spare strøm.
På denne siden

Et levende bakgrunnsbilde er en bakgrunn for telefonen eller datamaskinen som beveger seg: en langsom loop av farge, en scene som driver, eller et bilde som svarer på berøring eller tiden på døgnet. Gradienter gir noen av de beste, fordi en myk fargeflate som driver bak klokken, virker rolig og levende uten noen gang å konkurrere med appene dine. Håndverket er å holde den langsom, la loopen gå rent og la de travle delene av skjermen være stille.

Hvor levende bakgrunnsbilder fungerer

Støtten varierer fra system til system og endres mellom versjoner, så sjekk hva ditt tilbyr før du designer. I grove trekk:

SystemHva som er muligVanlig vei
AndroidLevende bakgrunnsbilder er en innebygd funksjonBakgrunnsapper. Noen telefonprodusenter godtar også en kort video
iPhoneBevegelsesvalgene har endret seg mellom iOS-versjonerNyere versjoner kan spille av et Live Photo kort når du vekker låseskjermen
MacInnebygde dynamiske og bevegelige bakgrunnerEgne videobakgrunner krever en tredjepartsapp
WindowsIngen innebygd videobakgrunnApper som Wallpaper Engine eller Lively Wallpaper
En loop du lager som en vanlig videofil, kan brukes på de fleste av disse veiene. Sjekk hvilke valg enheten din har nå.

Hva som gjør et levende bakgrunnsbilde med gradient godt

Du kommer til å se bakgrunnen din hundrevis av ganger om dagen, stort sett ett sekund av gangen, mens du prøver å gjøre noe annet. Det endrer reglene. Et levende bakgrunnsbilde som er spennende ved første blikk, blir slitsomt allerede dag to. De beste er nesten stille: du merker bevegelsen bare når du ser etter den.

Slitsomt

  • Rask bevegelse eller farger som skifter
  • Sterke farger over hele skjermen
  • Detaljer bak klokken og ikonene
  • Et synlig hopp når loopen gjentas

Rolig

  • En langsom drift eller et lys som puster
  • En mørk bunn med én opplyst farge
  • Et stille område der klokken og ikonene står
  • En loop som går sammen uten søm

Design rundt klokken: området bak den bør være den roligste delen av flaten, med farge og bevegelse under og rundt.

Farger til et levende bakgrunnsbilde

Mørke bunner er det naturlige hjemmet for bakgrunner i bevegelse. De holder hvite ikoner og tekst lesbare i hvert øyeblikk av loopen, de virker avslappende om kvelden, og på OLED-skjermer, der hver piksel lager sitt eget lys, bruker mørkere piksler mindre strøm. Velg en nesten svart bunn tonet mot hovedfargen din, og la så én eller to opplyste farger bevege seg over den. Mørke gradientbakgrunner går dypere inn i hvordan du bygger dybde uten dysterhet.

Mørke bunner med lyset lavt i rammen, unna klokken øverst. Hver av dem kunne drevet sakte sidelengs som en loop.

Legg til litt korn hvis du kan. Mørke gradienter er der fargebånd synes best, og et fint korn i bevegelse skjuler dem og gir samtidig overflaten en filmatisk tekstur. Kornete gradienter forklarer hvor mye du bør bruke.

Størrelser og former for telefon og datamaskin

Lag loopen i formen til skjermen den skal leve på. Telefoner er høye, omtrent 9:19.5 på mange av dagens modeller, og de fleste zoomer eller beskjærer et bakgrunnsbilde litt, noen ganger med en parallakseeffekt når du vipper telefonen. Dataskjermer er vanligvis 16:9. Hold den viktige fargen unna kantene, så utsnittene ikke mister den. For nøyaktige telefonstørrelser og oppsettet på låseskjermen, se størrelser på bakgrunnsbilder til telefon.

Telefon, omtrent 9:19.5

18 × 39

Dataskjerm 16:9

1920 × 1080

To former, to oppsett. Et bakgrunnsbilde til dataskjerm beskåret fra et telefondesign, eller omvendt, fungerer sjelden.

Slik lager du et levende bakgrunnsbilde med gradient

  1. 1

    Design stillbildet

    Start med en stillestående gradient i skjermens form. Se på den med de ekte ikonene og klokken din oppå før du legger til bevegelse.

  2. 2

    Velg én langsom bevegelse

    En drift sidelengs, en langsom strøm eller lys som puster. Én bevegelse, langsommere enn det føles nødvendig.

  3. 3

    Gjør den 15 til 30 sekunder lang

    Lengre looper gjentas sjeldnere, så gjentakelsen er vanskeligere å legge merke til. Svært langsom bevegelse trenger mindre lengde.

  4. 4

    Få loopen til å gå sammen

    Det siste bildet må lede tilbake til det første uten et hopp. Sømløse looper viser hvordan.

  5. 5

    Eksporter som video

    MP4 er filtypen flest bakgrunnsapper og telefoner godtar. Ta også vare på et PNG-stillbilde av samme design.

  6. 6

    Lev med den en dag

    Sett den som bakgrunn og bruk telefonen som vanlig. Legger du merke til den på en måte som plager deg, gjør du den langsommere eller mørkere.

Batteri og ytelse

Enhver bakgrunn i bevegelse ber enheten om å fortsette å tegne, og det bruker litt ekstra strøm. Hvor mye avhenger av enheten, appen og bakgrunnen: langsomme, mørke looper i skjermens egen oppløsning er de letteste, og mange apper setter animasjonen på pause når et vindu dekker skrivebordet eller telefonen er låst. Betyr batteriet mer enn bevegelsen en dag, bytter du til den stillestående versjonen. Den ser lik ut, bare i ro.

Lager du gradienten din i Gradiently, kan du designe den i en egendefinert størrelse, eksportere den som en loopende video på 5 til 30 sekunder med en langsom bevegelse som Drift eller Pust, og eksportere et PNG-stillbilde av samme design. Loopene lages slik at slutten møter starten. Flere ideer til bakgrunnsbilder finner du i gradientbakgrunner og estetiske bakgrunner.

Spørsmål folk stiller

Hva er et levende bakgrunnsbilde?

Det er en bakgrunn for telefon eller datamaskin som beveger seg, for eksempel en langsom loop av farge, i stedet for et stillestående bilde. Noen reagerer også på berøring, helling eller tiden på døgnet.

Tapper levende bakgrunnsbilder batteriet?

De bruker litt ekstra strøm fordi enheten fortsetter å tegne dem. Langsomme, mørke looper bruker minst, særlig på OLED-skjermer, og mange apper setter dem på pause når de ikke er synlige.

Kan jeg bruke en video som levende bakgrunnsbilde?

På Android godtar mange bakgrunnsapper og noen telefonprodusenter en video. På Mac og Windows kreves det vanligvis en tredjepartsapp, og på iPhone avhenger mulighetene av iOS-versjonen din.

Hvor lang bør loopen i et levende bakgrunnsbilde være?

15 til 30 sekunder fungerer godt. Jo lengre og langsommere loopen er, desto vanskeligere er det å legge merke til hvor den gjentas.

Hvilke farger fungerer best til et levende bakgrunnsbilde?

En mørk bunn med én eller to opplyste farger som beveger seg sakte. Det holder ikonene lesbare, virker avslappende og bruker mindre strøm på OLED-skjermer.

Del denne guiden

Skrevet av GradientlyVerifisert Gradiently-konto

Teamet bak Gradiently, et designverktøy bygget rundt Marks: levende gradienter som gjør at alt du designer ser ut som ditt.

Se profilen vår