Taustat

Puhelimen taustakuvan koko ja suunnittelu lukitusnäytölle

Useimmat puhelimen taustakuvat suunnitellaan väärän muotoisiksi, minkä jälkeen ne rajataan, zoomataan ja peitetään valtavalla kellolla. Muutaman minuutin suunnittelu korjaa kaikki kolme.

GradientlyVahvistettu Gradiently-tili··4 min lukuaika
Kansi: Havana Moon · GR·RNQV·FT

Lyhyesti

  • Paras puhelimen taustakuvan koko on näyttösi tarkka resoluutio, jonka saat selville ottamalla kuvakaappauksen ja tarkistamalla sen pikselimitat.
  • Useimmat nykypuhelimet ovat paljon korkeampia kuin 16:9, yleensä noin 9:19.5 tai 9:20, joten 1080 × 1920 pikselin kuva rajataan tai zoomataan.
  • Lukitusnäytön kello ja widgetit peittävät ylimmän kolmanneksen, ilmoitukset täyttävät keskiosan ja pikakuvakkeet ovat alakulmissa.
  • Jotkin puhelimet zoomaavat tai siirtävät taustakuvaa, kun kallistat tai pyyhkäiset, joten jätä kaiken tärkeän ympärille ylimääräistä marginaalia.
  • Pehmeät liukuvärit ja rauhalliset kentät ovat parhaita taustakuvia, koska puhelimen oma käyttöliittymä on niiden päällä.
Tällä sivulla

Oikea puhelimen taustakuvan koko on näyttösi tarkka resoluutio. Useimmissa nykypuhelimissa on korkea näyttö, noin 9:19.5 tai 9:20, mikä tarkoittaa 1080 pikselin leveydellä suunnilleen 2340 tai 2400 pikselin korkeutta, mutta mallit eroavat, joten tarkista omasi. Nopein tapa: ota kuvakaappaus ja katso sen mitat kuvasovelluksesi tietopaneelista. Kuvakaappaukset tallentuvat näytön täydellä resoluutiolla, joten tuo luku on koko, jossa suunnitellaan.

Oppaan loppuosa käsittelee muotoja, alueita, jotka puhelimen käyttöliittymä peittää, ja sitä, miten suunnittelet taustakuvan, joka näyttää oikealta myös kellon, widgetien ja kuvakeruudukon alla. Väri-ideoita löydät oppaista liukuväritaustakuva ja esteettiset taustat.

Puhelimen taustakuvien koot ja kuvasuhteet

Kuvasuhde on tärkeämpi kuin tarkka pikselimäärä. Oikean muotoinen kuva skaalautuu siististi mille tahansa saman muotoiselle näytölle. Väärän muotoinen kuva rajataan tai venytetään. Sometarinoiden 1080 × 1920 (9:16) kuvat ovat yleinen virhe: ne ovat selvästi lyhyempiä kuin useimmat nykypuhelinten näytöt.

9:16-tarina, 1080×1920

1080 × 1920

Noin 9:19.5

1080 × 2340

Noin 9:20

1080 × 2400

9:16-tarina kahden yleisen korkean puhelinmuodon vieressä, kaikki 1080 pikselin levyisinä. Ero on se osa suunnitelmastasi, joka rajataan tai zoomataan.
Muoto1080 px:n leveydelläHuomioita
9:161080 × 1920Tarinaformaatti, lyhyempi kuin useimmat nykypuhelimet
Noin 9:19.51080 × 2340Yleinen korkea puhelinmuoto
Noin 9:201080 × 2400Vielä hieman korkeampi
Oma näyttösiKuvakaappauksen mitatAinoa koko, joka varmasti sopii
Korkeudet ovat yksinkertaista laskentoa 1080 pikselin leveydellä. Tarkemmat puhelimet käyttävät samoja muotoja suuremmissa koissa.

Mikä peittää lukitusnäytön taustakuvan

Lukitusnäytön taustakuvaa ei koskaan nähdä sellaisenaan. Puhelin piirtää käyttöliittymänsä sen päälle, ja jokaisella alueella on tehtävä. Suunnittele taustakuva niin, ettei sen vilkkain tai kirkkain osa kilpaile sen kanssa, mitä siinä kohdassa on.

  • Yläreuna: tilapalkki, jossa ovat kellonaika, signaali ja akku. Pidä se rauhallisena.
  • Ylin kolmannes: suuri kello ja päivämäärä sekä monissa puhelimissa rivi widgetejä. Tämä on eniten peitetty alue.
  • Keskiosa: ilmoitukset pinoutuvat tänne ja voivat täyttää sen. Vilkkaat yksityiskohdat tekevät niistä vaikeampia lukea.
  • Alakulmat ja alareuna: pikakuvakkeet, kuten taskulamppu ja kamera, sekä pyyhkäisyn ilmaisin.
  • Alempi keskiosa: yleensä näkyvin avoin tila ja hyvä paikka valolle tai kiintopisteelle.

Suuri kellonaika ylimmässä kolmanneksessa, kuten lukitusnäyttö sen näyttää: tausta pysyy rauhallisena numeroiden takana.

Jotkin puhelimet antavat valokuvan kohteen mennä kellon päälle, jolloin aika jää pään tai vuoren taakse. Se toimii vain, kun kohde on ylimmässä kolmanneksessa ja puhelin pystyy erottamaan sen taustasta. Abstrakteille ja liukuväritaustakuville pätee yksinkertaisempi sääntö: pidä ylin kolmannes rauhallisena ja vaaleudeltaan tasaisena, jotta kello erottuu valkoisena tai tummana.

Aloitusnäytön taustakuvat: kuvakkeet, widgetit ja telakka

Aloitusnäytöllä kuvakkeet peittävät suurimman osan näytöstä ruudukkona, ja alareunassa on telakka. Täällä taustakuvan pitää toimia hiljaisena taustana kymmenille pienille, värikkäille muodoille. Kuvakkeen kokoiset yksityiskohdat, kuten hienot kuviot tai teksti, tekevät näytöstä hälyä.

Vältä

  • Sovelluskuvakkeiden kokoisia yksityiskohtia
  • Kirkkaan valkoisia tai keltaisia alueita valkoisten tekstien takana
  • Kasvoja tai tekstiä, jotka näet vain kuvakkeiden välistä
  • Vahvoja reunoja, jotka osuvat huonosti kuvakeruudukkoon

Tee näin

  • Pehmeät liukuvärit ja lempeä valo
  • Tasaiset, keskisävyiset tai syvät sävyt kuvakkeiden tekstien takana
  • Yksi kiintopiste avoimessa alemmassa keskiosassa
  • Tummempi tai vaaleampi versio kumpaankin ulkoasutilaan

Parallaksi, zoomaus ja vierivät rajaukset

Puhelimet eivät aina näytä taustakuvaa täsmälleen sellaisena kuin teit sen. Jotkin zoomaavat kuvaa hieman tai liikuttavat sitä, kun kallistat puhelinta, mikä leikkaa reunoja. Jotkin Android-käynnistimet vierittävät taustakuvaa sivuttain, kun pyyhkäiset aloitusnäytöltä toiselle, jolloin leveämpi kuva näkyy osissa. Puhelin voi myös zoomata automaattisesti, jos kuvasi ei ole näytön muotoinen.

Ratkaisu on marginaali. Pidä kaikki, minkä on pysyttävä näkyvissä, kuten hehkuva kiintopiste tai pieni yksityiskohta, reilusti kuvan sisäpuolella, noin 10 prosentin päässä jokaisesta reunasta. Liukuvärit kestävät kaiken tämän hyvin, koska häivytyksen rajaaminen näyttää siitä vain hieman vähemmän. Jos puhelimesi antaa kytkeä zoomauksen tai liiketehosteen pois, tee se, kun haluat tarkan sovituksen.

Lukitusnäytölle sopivia liukuvärejä: ylhäällä rauhallinen ja tasainen kelloa varten, ja valo on koottu alas, missä näyttö on avoimin.

Näin teet sopivan puhelimen taustakuvan

  1. 1

    Selvitä tarkka kokosi

    Ota kuvakaappaus ja lue sen pikselimitat. Se on piirtoalueesi.

  2. 2

    Pidä ylin kolmannes rauhallisena

    Tasainen vaaleus kellon ja widgetien takana, jotta aika erottuu selvästi.

  3. 3

    Sijoita valo alas

    Laita hehku tai kiintopiste alempaan keskiosaan, näkyvimpään avoimeen tilaan.

  4. 4

    Jätä marginaali

    Pidä tärkeät yksityiskohdat noin 10 prosentin päässä jokaisesta reunasta, jotta ne kestävät zoomauksen ja parallaksin.

  5. 5

    Vie pehmeästi

    PNG tai korkealaatuinen JPEG ja hieno rakeisuus raidoittumisen estämiseksi. Katso rakeiset liukuvärit.

  6. 6

    Testaa molemmat näytöt

    Tarkista lukitusnäyttö ja aloitusnäyttö, vaaleassa ja tummassa tilassa, jos puhelimesi vaihtaa niiden välillä.

Gradientlyssä voit asettaa mukautetun koon täsmälleen kuvakaappauksesi mukaan, mistä tahansa 200 ja 8000 pikselin väliltä kummallekin sivulle, ja suunnitella millä tahansa Markilla taustana. Liikkuvaa versiota varten Markin voi viedä 5 ja 30 sekunnin välisenä silmukkana eläväksi taustakuvaksi.

Usein kysyttyä

Minkä kokoinen puhelimen taustakuva on?

Näyttösi tarkan resoluution kokoinen. Useimmat nykypuhelimet ovat noin 9:19.5 tai 9:20, suunnilleen 1080 × 2340 tai 2400 pikseliä 1080 pikselin leveydellä, mutta tarkista omasi kuvakaappauksella.

Miten saan selville puhelimeni näytön resoluution?

Ota kuvakaappaus ja katso sen tiedot kuvasovelluksessa. Kuvakaappaukset tallentuvat näytön täydellä resoluutiolla, joten nuo mitat ovat taustakuvan koko.

Miksi taustakuvani näyttää zoomatulta?

Joko kuva ei ole saman muotoinen kuin näyttösi tai puhelin käyttää zoomaus- tai liiketehostetta. Käytä näytön tarkkaa muotoa ja kytke tehoste pois, jos haluat täydellisen sovituksen.

Onko 1080 × 1920 hyvä puhelimen taustakuvan koko?

Se on 9:16-muoto, lyhyempi kuin useimmat nykypuhelimet, joten se rajataan tai zoomataan täyttämään näyttö. Korkeampi, puhelimesi muotoinen kuva sopii paremmin.

Jaa tämä opas

Kirjoittanut GradientlyVahvistettu Gradiently-tili

Gradientlyn tiimi. Gradiently on Markien ympärille rakennettu suunnittelutyökalu: eläviä liukuvärejä, joiden ansiosta kaikki suunnittelemasi näyttää omaltasi.

Katso profiilimme