In breve
- La dimensione migliore per lo sfondo di un telefono è la risoluzione esatta del tuo schermo, che puoi scoprire facendo uno screenshot e controllandone le dimensioni in pixel.
- La maggior parte dei telefoni moderni è molto più alta del 16:9, di solito tra 9:19,5 e 9:20, quindi un’immagine da 1080 per 1920 viene ritagliata o ingrandita.
- L’orologio e i widget della schermata di blocco coprono il terzo superiore, le notifiche riempiono la parte centrale e le scorciatoie stanno negli angoli in basso.
- Alcuni telefoni ingrandiscono o spostano lo sfondo quando inclini il dispositivo o scorri, quindi lascia un margine extra attorno a ciò che conta.
- Gradienti morbidi e campi di colore calmi sono gli sfondi migliori, perché l’interfaccia del telefono ci si appoggia sopra.
In questa pagina
La giusta dimensione dello sfondo per smartphone è la risoluzione esatta del tuo schermo. La maggior parte dei telefoni attuali ha schermi alti tra 9:19,5 e 9:20, che a 1.080 pixel di larghezza significa circa 2.340-2.400 pixel di altezza, ma i modelli variano, quindi controlla il tuo. Il modo più rapido: fai uno screenshot e guarda le sue dimensioni nel pannello informazioni dell’app Foto. Gli screenshot vengono salvati alla risoluzione piena dello schermo, quindi quel numero è la dimensione su cui progettare.
Il resto di questa guida parla di forme, delle zone coperte dall’interfaccia del telefono e di come progettare uno sfondo che resti bello sotto un orologio, dei widget e una griglia di icone. Per idee di colore, leggi sfondi con gradiente per il telefono e sfondi aesthetic.
Dimensioni e proporzioni degli sfondi per smartphone
Le proporzioni contano più del numero esatto di pixel. Un’immagine nella forma giusta si adatta senza problemi a qualsiasi schermo con quella forma; un’immagine nella forma sbagliata viene ritagliata o deformata. Le immagini per le storie a 1080 per 1920 (9:16) sono un errore comune: sono sensibilmente più basse della maggior parte degli schermi dei telefoni moderni.
Storia 9:16, 1080×1920
1080 × 1920
Circa 9:19,5
1080 × 2340
Circa 9:20
1080 × 2400
| Forma | A 1080 px di larghezza | Note |
|---|---|---|
| 9:16 | 1080 × 1920 | Formato storia; più basso della maggior parte dei telefoni attuali |
| Circa 9:19,5 | 1080 × 2340 | Una forma alta comune per i telefoni |
| Circa 9:20 | 1080 × 2400 | Ancora un po’ più alta |
| Il tuo schermo esatto | Dimensioni dello screenshot | L’unica dimensione che si adatta di sicuro |
Cosa copre lo sfondo della schermata di blocco
Lo sfondo della schermata di blocco non si vede mai da solo. Il telefono ci disegna sopra la sua interfaccia, e ogni area ha una funzione. Progetta lo sfondo in modo che la sua parte più carica o più luminosa non entri in conflitto con ciò che le sta sopra.
- Bordo superiore: la barra di stato con ora, segnale e batteria. Tienilo calmo.
- Terzo superiore: il grande orologio e la data e, su molti telefoni, una fila di widget. È l’area più coperta.
- Parte centrale: qui si impilano le notifiche, che possono riempirla. I dettagli carichi le rendono più difficili da leggere.
- Angoli e bordo inferiori: scorciatoie come torcia e fotocamera, e l’indicatore di scorrimento.
- Centro in basso: di solito lo spazio libero più visibile, e un buon posto per la luce o il punto focale.
Ora grande nel terzo superiore, come la mostra la schermata di blocco: lo sfondo resta calmo dietro i numeri.
Alcuni telefoni permettono al soggetto di una foto di sovrapporsi all’orologio, mettendo l’ora dietro una testa o una montagna. Funziona solo quando il soggetto sta nel terzo superiore e il telefono riesce a separarlo dallo sfondo. Per gli sfondi astratti e con gradiente vale la regola più semplice: tieni il terzo superiore calmo e uniforme nella luminosità, così l’orologio si legge in bianco o in scuro.
Sfondi della schermata Home: icone, widget e dock
Nella schermata Home le icone coprono gran parte del display in una griglia, con un dock lungo il bordo inferiore. Qui lo sfondo deve funzionare come un fondale discreto per decine di piccole forme colorate. I dettagli della stessa scala delle icone, come motivi sottili o testo, trasformano lo schermo in rumore.
Da evitare
- Dettagli della stessa dimensione delle icone delle app
- Aree bianche o gialle brillanti dietro le etichette bianche
- Volti o testo che vedrai sempre solo tra le icone
- Bordi netti che si allineano male con la griglia delle icone
Da fare
- Gradienti morbidi e luce delicata
- Toni uniformi, da medi a profondi, dietro le etichette delle icone
- Un’area focale nel centro in basso, lo spazio libero
- Una versione più scura o più chiara per ogni modalità di aspetto
Parallasse, zoom e ritagli durante lo scorrimento
I telefoni non mostrano sempre lo sfondo esattamente come l’hai creato. Alcuni applicano un leggero zoom o spostano l’immagine quando inclini il telefono, tagliando i bordi. Alcuni launcher Android fanno scorrere lo sfondo di lato quando passi da una schermata Home all’altra, mostrando a pezzi un’immagine più larga. E il telefono può ingrandire in automatico se l’immagine non ha la forma dello schermo.
La soluzione è il margine. Tieni tutto ciò che deve restare visibile, come un bagliore focale o un piccolo dettaglio, ben dentro l’inquadratura, a circa il 10 per cento da ogni bordo. I gradienti gestiscono tutto questo con eleganza, perché ritagliare una sfumatura ne mostra solo un po’ meno. Se il telefono ti permette di disattivare lo zoom o l’effetto di movimento, fallo quando vuoi un adattamento esatto.
Come creare uno sfondo per telefono che si adatti
- 1
Trova la tua dimensione esatta
Fai uno screenshot e leggine le dimensioni in pixel. Quella è la tua tela.
- 2
Tieni calmo il terzo superiore
Luminosità uniforme dietro l’orologio e i widget, così l’ora si legge chiaramente.
- 3
Metti la luce in basso
Posiziona il bagliore o il punto focale nel centro in basso, lo spazio libero più visibile.
- 4
Lascia margine
Tieni i dettagli importanti a circa il 10 per cento da ogni bordo, così resistono a zoom e parallasse.
- 5
Esporta con sfumature morbide
PNG o JPEG di alta qualità, con una grana fine per evitare il banding. Leggi gradienti granulosi.
- 6
Prova entrambe le schermate
Controlla la schermata di blocco e la schermata Home, in aspetto chiaro e scuro se il telefono passa dall’uno all’altro.
In Gradiently puoi impostare una dimensione personalizzata che corrisponda esattamente al tuo screenshot, da 200 a 8.000 pixel per lato, e progettare con qualsiasi Mark come sfondo. Per una versione in movimento, un Mark si può esportare come loop da 5 a 30 secondi per uno sfondo animato.
Le domande più frequenti
Che dimensioni ha uno sfondo per smartphone?
La risoluzione esatta del tuo schermo. La maggior parte dei telefoni moderni è tra 9:19,5 e 9:20, circa 1080 per 2340-2400 a 1080 pixel di larghezza, ma verifica il tuo con uno screenshot.
Come trovo la risoluzione dello schermo del mio telefono?
Fai uno screenshot e guarda i suoi dettagli nell’app Foto. Gli screenshot vengono salvati alla risoluzione piena dello schermo, quindi quelle dimensioni sono la misura dello sfondo.
Perché il mio sfondo sembra ingrandito?
O l’immagine non ha la stessa forma dello schermo, o il telefono applica uno zoom o un effetto di movimento. Usa la forma esatta dello schermo e disattiva l’effetto se vuoi un adattamento perfetto.
1080 per 1920 è una buona dimensione per lo sfondo del telefono?
È una forma 9:16, più bassa della maggior parte dei telefoni attuali, quindi verrà ritagliata o ingrandita per riempire lo schermo. Un’immagine più alta nella forma del tuo telefono si adatta meglio.
Scritto da Gradiently
Il team dietro Gradiently, uno strumento di design costruito attorno ai Mark: gradienti vivi che fanno sembrare tuo tutto ciò che progetti.
Vedi il nostro profilo
