Kortversionen
- Den bästa storleken på en mobilbakgrund är skärmens exakta upplösning, som du hittar genom att ta en skärmbild och kontrollera dess pixelmått.
- De flesta moderna mobiler är mycket högre än 16:9, vanligen kring 9:19,5 till 9:20, så en bild på 1080 gånger 1920 beskärs eller zoomas.
- Låsskärmens klocka och widgetar täcker den övre tredjedelen, aviseringar fyller mitten och genvägar sitter i de nedre hörnen.
- Vissa mobiler zoomar eller flyttar bakgrunden när du lutar eller sveper, så lämna extra marginal runt allt viktigt.
- Mjuka gradienter och lugna ytor gör de bästa bakgrunderna eftersom mobilens eget gränssnitt ligger ovanpå dem.
På den här sidan
Rätt storlek på mobilbakgrund är skärmens exakta upplösning. De flesta aktuella mobiler har höga skärmar kring 9:19,5 till 9:20, vilket vid 1080 pixlars bredd betyder ungefär 2340 till 2400 pixlars höjd, men modellerna skiljer sig, så kontrollera din. Det snabbaste sättet: ta en skärmbild och titta på måtten i din fotoapps infopanel. Skärmbilder sparas i skärmens fulla upplösning, så det talet är storleken att designa i.
Resten av guiden går igenom formerna, de zoner som mobilens gränssnitt täcker och hur du designar en bakgrund som fortfarande ser rätt ut under en klocka, widgetar och ett rutnät av ikoner. För färgidéer, se gradientbakgrund till mobilen och estetiska bakgrunder.
Storlekar och bildformat för mobilbakgrunder
Bildformatet betyder mer än exakt pixelantal. En bild i rätt form skalas rent till varje skärm i den formen; en bild i fel form beskärs eller sträcks. Storybilder på 1080 gånger 1920 (9:16) är ett vanligt misstag: de är märkbart kortare än de flesta moderna mobilskärmar.
9:16 story, 1080×1920
1080 × 1920
Cirka 9:19,5
1080 × 2340
Cirka 9:20
1080 × 2400
| Form | Vid 1080 px bredd | Anmärkningar |
|---|---|---|
| 9:16 | 1080 × 1920 | Storyformat; kortare än de flesta aktuella mobiler |
| Cirka 9:19,5 | 1080 × 2340 | En vanlig hög mobilform |
| Cirka 9:20 | 1080 × 2400 | Något högre ännu |
| Din exakta skärm | Skärmbildens mått | Den enda storlek som garanterat passar |
Vad som täcker din låsskärmsbakgrund
En låsskärmsbakgrund ses aldrig ensam. Mobilen ritar sitt gränssnitt ovanpå, och varje område har en uppgift. Planera bakgrunden så att dess mest detaljrika eller ljusaste del inte krockar med det som sitter där.
- Övre kanten: statusfältet med tid, signal och batteri. Håll den lugn.
- Övre tredjedelen: den stora klockan och datumet, och på många mobiler en rad widgetar. Det här är det mest täckta området.
- Mitten: aviseringar staplas här och kan fylla den. Detaljrikedom gör dem svårare att läsa.
- Nedre hörnen och kanten: genvägar som ficklampa och kamera, och svepindikatorn.
- Nedre mitten: oftast den mest synliga fria ytan, och ett bra ställe för ljuset eller blickpunkten.
Stor tid i den övre tredjedelen, som en låsskärm visar den: bakgrunden förblir lugn bakom siffrorna.
Vissa mobiler låter ett fotos motiv överlappa klockan, så att tiden hamnar bakom ett huvud eller ett berg. Det fungerar bara när motivet sitter i den övre tredjedelen och mobilen kan skilja det från bakgrunden. För abstrakta bakgrunder och gradienter gäller den enklare regeln: håll den övre tredjedelen lugn och jämn i ljushet så att klockan läses i vitt eller mörkt.
Bakgrunder för hemskärmen: ikoner, widgetar och dockan
På hemskärmen täcker ikonerna det mesta av displayen i ett rutnät, med en docka längs nederkanten. Här ska bakgrunden fungera som en stillsam fond för dussintals små, färgglada former. Detaljer i ikonernas skala, som fina mönster eller text, gör skärmen till brus.
Undvik
- Detaljer i samma storlek som appikonerna
- Klarvita eller gula områden bakom vita etiketter
- Ansikten eller text som du bara ser mellan ikonerna
- Skarpa kanter som hamnar illa mot ikonrutnätet
Gör
- Mjuka gradienter och milt ljus
- Jämna, medelmörka till djupa toner bakom ikonetiketterna
- Ett fokusområde på den fria nedre mitten
- En mörkare eller ljusare version för varje utseendeläge
Parallax, zoom och beskärning vid scrollning
Mobiler visar inte alltid bakgrunden exakt som du gjorde den. Vissa lägger på en lätt zoom eller flyttar bilden när du lutar mobilen, vilket trimmar kanterna. Vissa Android-startskärmar rullar bakgrunden i sidled när du sveper mellan hemskärmar, vilket visar en bredare bild i delar. Och mobilen kan zooma automatiskt om din bild inte har skärmens form.
Lösningen är marginal. Håll allt som måste förbli synligt, som ett fokuserat sken eller en liten detalj, väl innanför bilden, ungefär 10 procent från varje kant. Gradienter hanterar allt det här elegant, eftersom en beskärning av en övergång bara visar lite mindre av den. Om din mobil erbjuder att stänga av zoom- eller rörelseeffekten, gör det när du vill ha en exakt passform.
Så gör du en mobilbakgrund som passar
- 1
Ta reda på din exakta storlek
Ta en skärmbild och läs av dess pixelmått. Det är din yta.
- 2
Håll den övre tredjedelen lugn
Jämn ljushet bakom klockan och widgetarna, så att tiden läses tydligt.
- 3
Placera ljuset lågt
Lägg skenet eller blickpunkten på den nedre mitten, den mest synliga fria ytan.
- 4
Lämna marginal
Håll viktiga detaljer ungefär 10 procent in från varje kant så att de överlever zoom och parallax.
- 5
Exportera mjukt
PNG eller JPEG av hög kvalitet, med fint korn för att förhindra band. Se korniga gradienter.
- 6
Testa båda skärmarna
Kontrollera låsskärmen och hemskärmen, i ljust och mörkt utseende om din mobil växlar.
I Gradiently kan du ange en egen storlek som matchar din skärmbild exakt, var som helst från 200 till 8000 pixlar på varje sida, och designa med vilken Mark som helst som bakgrund. För en rörlig version kan en Mark exporteras som en loop på 5 till 30 sekunder till en levande bakgrund.
Vanliga frågor
Vilken storlek har en mobilbakgrund?
Din skärms exakta upplösning. De flesta moderna mobiler ligger kring 9:19,5 till 9:20, ungefär 1080 gånger 2340 till 2400 vid 1080 pixlars bredd, men kontrollera din med en skärmbild.
Hur hittar jag min mobils skärmupplösning?
Ta en skärmbild och titta på dess detaljer i din fotoapp. Skärmbilder sparas i skärmens fulla upplösning, så de måtten är bakgrundens storlek.
Varför ser min bakgrund inzoomad ut?
Antingen har bilden inte samma form som din skärm, eller så lägger mobilen på en zoom- eller rörelseeffekt. Använd skärmens exakta form och stäng av effekten om du vill ha perfekt passform.
Är 1080 gånger 1920 en bra storlek för mobilbakgrund?
Det är formen 9:16, kortare än de flesta aktuella mobiler, så den beskärs eller zoomas för att fylla skärmen. En högre bild i din mobils form passar bättre.
Skriven av Gradiently
Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.
Se vår profil
