# Lukitusnäytön taustakuvaideoita: selkeä puhelimen ilme

[Canonical HTML page](https://gradiently.design/fi/guide/lock-screen-wallpaper)

Lukitusnäytön näet kymmeniä kertoja päivässä, yleensä kellon, widgetien ja ilmoitusten takana. Parhaat taustakuvat suunnitellaan niiden ympärille.

## The short version

- Kello ja widgetit ovat puhelimen lukitusnäytön ylimmässä kolmanneksessa, ilmoitukset keskellä ja pikavalinnat alakulmissa.
- Lukitusnäytön taustakuva pitää kellon luettavana, kun sen takana on rauhallinen tasaisen tumma tai vaalea alue.
- Rauhalliset liukuvärit, yksittäiset rakeiset värit, pelkistetyt muodot ja pehmeät vähäeleiset kuvat tekevät selkeimmät lukitusnäytöt.
- Tee taustakuva puhelimesi täsmällisellä tarkkuudella, jonka näet minkä tahansa kuvakaappauksen mitoista.
- Jätä marginaali tärkeiden asioiden ympärille, sillä jotkin puhelimet suurentavat tai siirtävät taustakuvaa hieman.

Selkeimmät **lukitusnäytön taustakuvaideat** huomioivat päälle tulevat asiat: kellon ja widgetit yläkolmanneksessa, ilmoitukset keskellä ja pikavalinnat alakulmissa. Pidä kellon tausta rauhallisena ja tasaisen tummana valkoiselle tekstille tai vaaleana tummalle tekstille. Sijoita yksityiskohdat alemmas tai reunoille ja valitse rauhallisia tyylejä, kuten pehmeä liukuväri, rakeinen yksivärinen pinta tai yksi muoto. Tee kuva puhelimesi tarkkuudella, jonka näet kuvakaappauksesta.

## Asioiden paikat lukitusnäytöllä

Jokainen puhelin järjestää lukitusnäytön hieman eri tavoin, mutta perusrakenne on sama. Huomioi se, niin taustakuvasi näyttää tarkoitukselliselta.

| Alue | Mitä siinä on | Mitä sen taakse |
| --- | --- | --- |
| Yläkolmannes | Kello, päivämäärä, widgetit | Tasainen rauhallinen sävy, jolla aika erottuu vahvasti |
| Keskiosa | Ilmoitukset, musiikkisäätimet | Pehmeä väri; alue peittyy usein muutenkin |
| Alaosa | Taskulampun ja kameran pikavalinnat, kotipalkki | Yksityiskohdat, tekstuuri tai kirkkain väri |

Puhelimen lukitusnäytön kolme kaistaletta. Mitä rauhallisempi yläkolmannes, sitä paremmin kello erottuu.

Koko riippuu puhelimestasi. Ota kuvakaappaus ja tarkista mitat kuvasovelluksessa: se on suunnittelutarkkuutesi. Useimmat nykyiset puhelimet ovat korkeita, noin suhteessa 9:19,5 tai 9:20. [Puhelimen taustakuvan koko](https://gradiently.design/fi/guide/phone-wallpaper-size) selittää tarkistamisen ja sen, miksi 1080×1920 on yleensä liian lyhyt.

## Pidä lukitusnäytön kello luettavana

Aika on syy katsoa lukitusnäyttöä. Useimmat puhelimet näyttävät sen oletuksena valkoisena, ja joissakin värin voi valita. Sääntö on silti sama: kellon takana on oltava yksi tasainen sävy, selvästi numeroita tummempi tai vaaleampi. Kirkas pilvi tummalla taivaalla tai kasvot ajan takana aiheuttavat ongelman.

Korkea puhelimen lukitusnäyttö, jossa aika kulkee liukuvärin kirkkaan osan yli ja on osittain vaikea lukea

Väri kulkee suoraan kellon alueen läpi: osa numeroista on vaalealla, osa tummalla.

Sama korkea puhelimen lukitusnäyttö, jossa tasainen rauhallinen väri kellon takana tekee ajasta selkeän

Sama taustakuva, jossa kellon takana on rauhallinen tasainen alue.

> **Tummempi yläosa** Jos kellosi on valkoinen, valitse tai tee taustakuva, joka on syvin ylhäällä ja vaalenee alas. Aika pysyy terävänä ja taustakuva voi silti tuntua kirkkaalta.

## Lukitusnäytön taustakuvaideoita

Selkeä ei tarkoita tylsää. Jokainen näistä jättää yläkolmanneksen rauhalliseksi ja antaa silti puhelimelle ilmeen.

1. **Hämäräliukuväri.** Syvä laivastonsininen ylhäällä häipyy lämpimään horisonttiin alhaalla. Valkoinen kello erottuu helposti.
2. **Valo alhaalta.** Tumma pohja ja yksi alareunasta nouseva värihehku.
3. **Pastellilaveeraus.** Vaaleanpunaisesta lilaan, tumma kello. Pehmeä ja päivänvalossa luettava.
4. **Yksi väri ja rakeisuus.** Suosikkivärisi tasaisena hienolla kohinalla. Näyttää paperilta, ei oletuskuvalta.
5. **Yksi muoto alhaalla.** Ympyrä, kaari tai aalto matalalla jättää yläosan tyhjäksi.
6. **Matala horisonttikuva.** Meri, pelto tai aavikko alimmassa kolmanneksessa ja yksinkertainen taivas kellon takana.
7. **Syvyystehosteelle sopiva.** Kohde alhaalla ja yksinkertainen tausta ylhäällä, jotta kello voi olla kohteen takana tai edessä toimintoa tukevissa puhelimissa.
8. **Yksivärinen.** Mustasta hiilenharmaaseen puhelimelle, joka katoaa pöytään.
9. **Kausiväri.** Vaihda palettia kauden mukaan: keväällä vihreitä, syksyllä meripihkaa.
10. **Yhteensopiva pari.** Lukitusnäyttö ja kotinäyttö samoissa väreissä, kotinäyttö vielä rauhallisempana.

- 1. Hämärä: `linear-gradient(180deg, #0b1230 0%, #3b2a6b 50%, #f08a5d 100%)`
- 2. Valo alhaalta: `radial-gradient(ellipse at 50% 100%, #22d3ee 0%, #0e4f66 35%, #050b14 75%)`
- 3. Pastellilaveeraus: `linear-gradient(180deg, #fde2f3 0%, #e9d5ff 55%, #c7d2fe 100%)`
- 8. Yksivärinen: `linear-gradient(180deg, #0a0a0a 0%, #1c1c1e 60%, #2c2c2e 100%)`
- 9. Keväänvihreä: `linear-gradient(180deg, #052e16 0%, #166534 55%, #86efac 100%)`
- 9. Syksyn meripihka: `linear-gradient(180deg, #1c0f05 0%, #78350f 55%, #f59e0b 100%)`

Kopioitavat pystysuuntaiset sekoitukset ovat syvimmillään tai rauhallisimmillaan ylhäällä. Pastellilaveeraus tarvitsee tumman kellon, muut sopivat valkoiselle.

Lisää värejä löydät [liukuväritaustakuvista](https://gradiently.design/fi/guide/gradient-wallpaper). [Tummat liukuväritaustat](https://gradiently.design/fi/guide/dark-gradient-backgrounds) kannattaa lukea ennen hyvin tumman valintaa, sillä niissä raidat näkyvät eniten.

## Oman lukitusnäytön taustakuvan tekeminen

1. **Ota kuvakaappaus lukitusnäytöstä** Kuvakaappaus kertoo tarkan koon ja näyttää kellosi sekä widgetien paikat.
2. **Suunnittele kolme kaistaletta** Rauha ylös, pehmeys keskelle ja halutessasi yksityiskohdat alas.
3. **Rakenna tausta** Valitse pohjaväri ja yksi tai kaksi lähiväriä. Pidä yläalueen sävy tasaisena.
4. **Jätä marginaali** Pidä tärkeät asiat poissa reunoilta, sillä jotkin puhelimet suurentavat tai siirtävät taustakuvaa hieman.
5. **Tallenna PNG:nä ja testaa** Aseta kuva, lukitse puhelin ja katso ilmoitusten kanssa. Säädä, kunnes aika erottuu yhdellä silmäyksellä.

Gradientlyn Studiossa on taustakuvapohjia ja mukautetut koot 200:sta 8 000 pikseliin, joten voit vastata kuvakaappauksesi mittoja täsmälleen. Markin tausta tietää sanojen paikan ja pitää alueen rauhallisena, juuri kuten kello tarvitsee. Prolla sen voi viedä saumattomana MP4- tai WebM-silmukkana, jos haluat [elävän taustakuvan](https://gradiently.design/fi/guide/live-wallpaper) videota tukevaan puhelimeen.

## Lukitusnäytön taustakuvan vältettävät virheet

### Vältä

- Kasvoja tai kirkkaita yksityiskohtia kellon takana
- Ilmoitusten kanssa kilpailevia kuvioita
- Liian pieniä kuvia, joita puhelin suurentaa
- Puhdasta valkoista, joka häikäisee yöllä
- Tärkeitä yksityiskohtia aivan reunoilla

### Tee näin

- Tasainen sävy ajan taakse
- Rauhallinen väri keskiosaan
- Puhelimesi täsmällinen tarkkuus
- Syvät tai hillityt sävyt yökäyttöön
- Marginaali joka sivulle

Haluatko yhteensopivat taustat muille näytöille? Katso [iPadin taustakuvan koko](https://gradiently.design/fi/guide/ipad-wallpaper) ja [työpöydän taustakuvat](https://gradiently.design/fi/guide/desktop-wallpaper-ideas).

## FAQ

### Millainen on hyvä lukitusnäytön taustakuva?

Rauhallinen tasainen alue kellon takana vahvalla kontrastilla, hiljainen keskiosan väri ilmoituksille ja yksityiskohdat alhaalla.

### Minkä kokoinen lukitusnäytön taustakuvan pitäisi olla?

Puhelimesi täsmällisen tarkkuuden kokoinen. Ota kuvakaappaus ja tarkista mitat. Useimmat nykyiset puhelimet ovat noin suhteessa 9:19,5 tai 9:20, eli korkeampia kuin 1080×1920.

### Miksi en voi lukea lukitusnäyttöni kelloa?

Sen takana oleva taustakuva vaihtuu vaaleasta tummaan, joten osa ajasta menettää kontrastin. Valitse kuva, jonka yläkolmanneksessa on tasainen sävy.

### Pitäisikö lukitus- ja kotinäytön taustakuvien sopia yhteen?

Ne toimivat hyvin samanvärisenä parina, jossa kotinäyttö on vielä rauhallisempi, sillä sovelluskuvakkeet peittävät siitä suurimman osan.