Bakgrunner

Størrelse på bakgrunnsbilde til mobil, og design for låseskjermen

De fleste bakgrunnsbilder til mobil designes i feil form, og blir så beskåret, zoomet og dekket av en kjempestor klokke. Noen minutters planlegging løser alle tre.

GradientlyVerifisert Gradiently-konto··5 min lesetid
Omslag: Havana Moon · GR·RNQV·FT

Kortversjonen

  • Den beste størrelsen på et bakgrunnsbilde til mobil er skjermens nøyaktige oppløsning, som du finner ved å ta et skjermbilde og sjekke pikselmålene.
  • De fleste moderne telefoner er mye høyere enn 16:9, vanligvis rundt 9:19.5 til 9:20, så et bilde på 1080 ganger 1920 blir beskåret eller zoomet.
  • Klokken og widgetene på låseskjermen dekker den øverste tredelen, varsler fyller midten, og snarveier ligger i de nederste hjørnene.
  • Noen telefoner zoomer eller flytter bakgrunnsbildet når du vipper eller sveiper, så la det være ekstra marg rundt alt som er viktig.
  • Myke gradienter og rolige flater gir de beste bakgrunnsbildene, fordi telefonens eget grensesnitt ligger oppå dem.
På denne siden

Riktig størrelse på bakgrunnsbilde til mobil er skjermens nøyaktige oppløsning. De fleste av dagens telefoner har høye skjermer rundt 9:19.5 til 9:20, som ved 1080 piksler i bredden betyr omtrent 2340 til 2400 piksler i høyden, men modellene varierer, så sjekk din. Den raskeste måten: ta et skjermbilde, og se på målene i infopanelet i bildeappen. Skjermbilder lagres i skjermens fulle oppløsning, så det tallet er størrelsen du designer i.

Resten av denne guiden tar for seg former, sonene telefonens grensesnitt dekker, og hvordan du designer et bakgrunnsbilde som fortsatt ser riktig ut under en klokke, widgeter og et rutenett av ikoner. For fargeideer, se gradientbakgrunner og estetiske bakgrunner.

Størrelser og sideforhold for bakgrunnsbilder til mobil

Sideforholdet betyr mer enn det nøyaktige antallet piksler. Et bilde i riktig form skalerer rent til enhver skjerm i den formen, mens et bilde i feil form blir beskåret eller strukket. Storybilder fra sosiale medier på 1080 ganger 1920 (9:16) er en vanlig feil: de er merkbart lavere enn de fleste moderne telefonskjermer.

9:16-story, 1080×1920

1080 × 1920

Omtrent 9:19.5

1080 × 2340

Omtrent 9:20

1080 × 2400

En 9:16-story ved siden av to vanlige høye telefonformer, alle 1080 piksler brede. Forskjellen er den delen av designet ditt som blir beskåret eller zoomet.
FormVed 1080 px i breddenMerknader
9:161080 × 1920Storyformat, lavere enn de fleste av dagens telefoner
Omtrent 9:19.51080 × 2340En vanlig høy telefonform
Omtrent 9:201080 × 2400Enda litt høyere
Din nøyaktige skjermMålene på skjermbildetDen eneste størrelsen som garantert passer
Høydene er enkel regning ved 1080 piksler i bredden. Telefoner med høyere oppløsning bruker de samme formene i større størrelser.

Hva som dekker bakgrunnsbildet på låseskjermen

Et bakgrunnsbilde på låseskjermen sees aldri alene. Telefonen tegner grensesnittet sitt oppå, og hvert område har en oppgave. Planlegg bakgrunnsbildet slik at den mest urolige eller lyseste delen ikke kjemper mot det som ligger der.

  • Øvre kant: statuslinjen med tid, signal og batteri. Hold den rolig.
  • Øverste tredel: den store klokken og datoen, og på mange telefoner en rad med widgeter. Dette er det mest dekkede området.
  • Midten: varsler stables her og kan fylle den. Urolige detaljer gjør dem vanskeligere å lese.
  • Nederste hjørner og kant: snarveier som lommelykt og kamera, og sveipeindikatoren.
  • Nedre midtfelt: vanligvis den mest synlige åpne flaten, og et godt sted for lyset eller blikkfanget.

Stort klokkeslett i den øverste tredelen, slik en låseskjerm viser det: bakgrunnen holder seg rolig bak tallene.

Noen telefoner lar motivet i et foto overlappe klokken, slik at tiden havner bak et hode eller et fjell. Det fungerer bare når motivet ligger i den øverste tredelen og telefonen klarer å skille det fra bakgrunnen. For abstrakte bakgrunnsbilder og gradienter gjelder den enklere regelen: hold den øverste tredelen rolig og jevn i lyshet, så klokken leses i hvitt eller mørkt.

Bakgrunnsbilder på hjemskjermen: ikoner, widgeter og dokken

På hjemskjermen dekker ikoner det meste av skjermen i et rutenett, med en dokk langs bunnen. Her bør bakgrunnsbildet fungere som et stille bakteppe for dusinvis av små, fargerike former. Detaljer i ikonstørrelse, som fine mønstre eller tekst, gjør skjermen til støy.

Unngå

  • Detaljer i samme størrelse som appikoner
  • Lyse hvite eller gule områder bak hvite etiketter
  • Ansikter eller tekst du bare ser mellom ikonene
  • Sterke kanter som passer dårlig med ikonrutenettet

Gjør dette

  • Myke gradienter og varsomt lys
  • Jevne, middels til dype toner bak ikonetikettene
  • Ett blikkfang i det åpne nedre midtfeltet
  • En mørkere eller lysere versjon for hver utseendemodus

Parallakse, zoom og utsnitt som ruller

Telefoner viser ikke alltid bakgrunnsbildet nøyaktig slik du laget det. Noen legger på en svak zoom eller flytter bildet når du vipper telefonen, noe som skjærer av kantene. Noen Android-startskjermer ruller bakgrunnsbildet sidelengs når du sveiper mellom hjemskjermer, og viser da et bredere bilde i deler. Og telefonen kan zoome automatisk hvis bildet ikke har skjermens form.

Løsningen er marg. Hold alt som må være synlig, som en glød som er blikkfang, eller en liten detalj, godt innenfor rammen, omtrent 10 prosent fra hver kant. Gradienter takler alt dette elegant, fordi en beskåret overgang bare viser litt mindre av seg selv. Tilbyr telefonen din å slå av zoomen eller bevegelseseffekten, gjør du det når du vil ha en nøyaktig tilpasning.

Gradienter som passer låseskjermen: rolige og jevne øverst for klokken, med lyset samlet lavt der skjermen er mest åpen.

Slik lager du et bakgrunnsbilde til mobil som passer

  1. 1

    Finn den nøyaktige størrelsen din

    Ta et skjermbilde og les av pikselmålene. Det er lerretet ditt.

  2. 2

    Hold den øverste tredelen rolig

    Jevn lyshet bak klokken og widgetene, så tiden leses tydelig.

  3. 3

    Plasser lyset lavt

    Legg gløden eller blikkfanget i nedre midtfelt, den mest synlige åpne flaten.

  4. 4

    La det være marg

    Hold viktige detaljer omtrent 10 prosent inn fra hver kant, så de overlever zoom og parallakse.

  5. 5

    Eksporter jevnt

    PNG eller JPEG i høy kvalitet, med fint korn for å hindre fargebånd. Se kornete gradienter.

  6. 6

    Test begge skjermene

    Sjekk låseskjermen og hjemskjermen, i lyst og mørkt utseende hvis telefonen din bytter.

I Gradiently kan du angi en egendefinert størrelse som stemmer nøyaktig med skjermbildet ditt, hvor som helst fra 200 til 8000 piksler på hver side, og designe med en hvilken som helst Mark som bakgrunn. Vil du ha en versjon i bevegelse, kan en Mark eksporteres som en loop på 5 til 30 sekunder til et levende bakgrunnsbilde.

Spørsmål folk stiller

Hvilken størrelse har et bakgrunnsbilde til mobil?

Skjermens nøyaktige oppløsning. De fleste moderne telefoner er rundt 9:19.5 til 9:20, omtrent 1080 ganger 2340 til 2400 ved 1080 piksler i bredden, men sjekk din med et skjermbilde.

Hvordan finner jeg skjermoppløsningen på telefonen min?

Ta et skjermbilde og se på detaljene i bildeappen. Skjermbilder lagres i skjermens fulle oppløsning, så de målene er størrelsen på bakgrunnsbildet.

Hvorfor ser bakgrunnsbildet mitt innzoomet ut?

Enten har ikke bildet samme form som skjermen, eller så legger telefonen på en zoom eller bevegelseseffekt. Bruk skjermens nøyaktige form og slå av effekten hvis du vil ha en perfekt tilpasning.

Er 1080 ganger 1920 en god størrelse på bakgrunnsbilde til mobil?

Det er en 9:16-form, lavere enn de fleste av dagens telefoner, så bildet blir beskåret eller zoomet for å fylle skjermen. Et høyere bilde i telefonens form passer bedre.

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