Telefoon achtergrond formaat, en ontwerpen voor het vergrendelscherm

Het juiste telefoon achtergrond formaat is de exacte resolutie van je scherm. De meeste huidige telefoons hebben hoge schermen rond 9:19.5 tot 9:20, wat bij 1080 pixels breed neerkomt op ongeveer 2340 tot 2400 pixels hoog, maar modellen verschillen, dus controleer het jouwe. De snelste manier: maak een screenshot en bekijk de afmetingen in het infopaneel van je foto-app. Screenshots worden op de volle resolutie van het scherm opgeslagen, dus dat getal is het formaat waarop je ontwerpt.

De rest van deze gids behandelt vormen, de zones die de interface van de telefoon bedekt, en hoe je een achtergrond ontwerpt die er nog steeds goed uitziet onder een klok, widgets en een raster van iconen. Voor kleurideeën, zie kleurverloop wallpaper en aesthetic achtergronden.

Formaten en beeldverhoudingen van telefoonachtergronden

De beeldverhouding telt zwaarder dan het exacte aantal pixels. Een afbeelding in de juiste vorm schaalt netjes naar elk scherm met die vorm; een afbeelding in de verkeerde vorm wordt bijgesneden of uitgerekt. Storyafbeeldingen van 1080 bij 1920 (9:16) zijn een veelgemaakte fout: ze zijn duidelijk korter dan de meeste moderne telefoonschermen.

9:16 story, 1080×1920

1080 × 1920

Ongeveer 9:19.5

1080 × 2340

Ongeveer 9:20

1080 × 2400

Wat je achtergrond op het vergrendelscherm bedekt

Een achtergrond op het vergrendelscherm zie je nooit op zichzelf. De telefoon tekent zijn interface erbovenop, en elk gebied heeft een taak. Plan de achtergrond zo dat het drukste of helderste deel niet botst met wat daar staat.

• Bovenrand: de statusbalk met tijd, signaal en batterij. Houd die rustig.
• Bovenste derde: de grote klok en datum, en op veel telefoons een rij widgets. Dit is het meest bedekte gebied.
• Midden: hier stapelen meldingen zich op en die kunnen het vullen. Drukke details maken ze moeilijker leesbaar.
• Onderste hoeken en rand: snelkoppelingen zoals zaklamp en camera, en de veegindicator.
• Onderste midden: meestal de best zichtbare open ruimte, en een goede plek voor het licht of het brandpunt.

Sommige telefoons laten het onderwerp van een foto over de klok vallen, zodat de tijd achter een hoofd of een berg staat. Dat werkt alleen als het onderwerp in het bovenste derde staat en de telefoon het van de achtergrond kan scheiden. Voor abstracte achtergronden en kleurverlopen geldt de eenvoudigere regel: houd het bovenste derde rustig en gelijkmatig in lichtheid, zodat de klok leesbaar is in wit of donker.

Achtergronden voor het beginscherm: iconen, widgets en het dock

Op het beginscherm bedekken iconen het grootste deel van het scherm in een raster, met een dock onderaan. Hier moet de achtergrond werken als een stil decor voor tientallen kleine, kleurige vormen. Details op iconformaat, zoals fijne patronen of tekst, maken van het scherm ruis.

Parallax, zoom en meeschuivende uitsneden

Telefoons tonen de achtergrond niet altijd precies zoals je hem maakte. Sommige zoomen iets in of bewegen de afbeelding als je de telefoon kantelt, waardoor de randen wegvallen. Sommige Android-launchers schuiven de achtergrond zijwaarts mee als je tussen beginschermen veegt, waardoor een bredere afbeelding in delen te zien is. En de telefoon kan automatisch inzoomen als je afbeelding niet de vorm van het scherm heeft.

De oplossing is marge. Houd alles wat zichtbaar moet blijven, zoals een gloed als brandpunt of een klein detail, ruim binnen het kader, ongeveer 10 procent van elke rand. Kleurverlopen vangen dit allemaal soepel op, want een verloop bijsnijden toont er gewoon iets minder van. Biedt je telefoon aan om het zoom- of bewegingseffect uit te zetten, doe dat dan als je een exacte pasvorm wilt.

Zo maak je een telefoonachtergrond die past

1. 1

   Zoek je exacte formaat

   Maak een screenshot en lees de pixelafmetingen af. Dat is je canvas.

2. 2

   Houd het bovenste derde rustig

   Gelijkmatige lichtheid achter de klok en widgets, zodat de tijd duidelijk leesbaar is.

3. 3

   Zet het licht laag

   Plaats de gloed of het brandpunt in het onderste midden, de best zichtbare open ruimte.

4. 4

   Laat marge

   Houd belangrijke details ongeveer 10 procent van elke rand, zodat ze zoom en parallax overleven.

5. 5

   Exporteer vloeiend

   PNG of JPEG in hoge kwaliteit, met fijne korrel tegen banding. Zie korrelige kleurverlopen.

6. 6

   Test beide schermen

   Controleer het vergrendelscherm en het beginscherm, in lichte en donkere weergave als je telefoon wisselt.

In Gradiently kun je een eigen formaat instellen dat precies bij je screenshot past, van 200 tot 8000 pixels per zijde, en ontwerpen met elke Mark als achtergrond. Voor een bewegende versie kan een Mark exporteren als loop van 5 tot 30 seconden voor een live wallpaper.