In breve
- Uno sfondo animato è uno sfondo per lo schermo di un telefono o di un computer che si muove, di solito come loop lento o in risposta a tocco, ora o inclinazione.
- Android supporta gli sfondi animati in modo nativo tramite app, mentre su iPhone, Mac e Windows le possibilità dipendono dalla versione del sistema o da app di terze parti.
- Un buon sfondo animato con gradiente si muove molto lentamente, va in loop senza stacchi e tiene calma l’area dietro l’orologio e le icone.
- Gli sfondi in movimento consumano più energia, e sugli schermi OLED i colori scuri ne consumano meno, quindi gli sfondi scuri e lenti sono i più delicati con la batteria.
- Crea lo sfondo come loop da 15 a 30 secondi nel formato dello schermo, e tieni una versione statica per quando vuoi risparmiare energia.
In questa pagina
Uno sfondo animato (live wallpaper) è uno sfondo per telefono o computer che si muove: un loop lento di colore, una scena che scorre o un’immagine che reagisce al tocco o all’ora del giorno. I gradienti ne fanno alcuni dei migliori, perché un morbido campo di colore che scorre dietro l’orologio sembra calmo e vivo senza mai fare concorrenza alle app. Il mestiere sta nel tenerlo lento, chiudere bene il loop e lasciare tranquille le parti affollate dello schermo.
Dove funzionano gli sfondi animati
Il supporto cambia da sistema a sistema e tra una versione e l’altra, quindi verifica cosa offre il tuo prima di progettare. A grandi linee:
| Sistema | Cosa si può fare | Strada abituale |
|---|---|---|
| Android | Gli sfondi animati sono una funzione integrata | App per sfondi; alcuni produttori accettano anche un breve video |
| iPhone | Le opzioni di movimento sono cambiate tra le versioni di iOS | Le versioni recenti possono riprodurre brevemente una Live Photo quando riattivi la schermata di blocco |
| Mac | Sfondi dinamici e animati integrati | Gli sfondi video personalizzati richiedono un’app di terze parti |
| Windows | Nessuno sfondo video integrato | App come Wallpaper Engine o Lively Wallpaper |
Cosa rende buono uno sfondo animato con gradiente
Vedrai il tuo sfondo centinaia di volte al giorno, quasi sempre per un secondo alla volta, mentre cerchi di fare altro. Questo cambia le regole. Uno sfondo animato entusiasmante alla prima occhiata diventa stancante dal secondo giorno. I migliori sono quasi fermi: noti il movimento solo quando lo cerchi.
Stancante
- Movimento veloce o colori che si alternano
- Colori brillanti su tutto lo schermo
- Dettagli dietro l’orologio e le icone
- Uno stacco visibile quando il loop ricomincia
Calmo
- Uno scorrere lento o una luce che respira
- Un fondo scuro con un solo colore acceso
- Un’area tranquilla dove stanno orologio e icone
- Un loop che si chiude senza giunture
Progetta attorno all’orologio: l’area dietro deve essere la parte più calma del campo, con colore e movimento sotto e intorno.
I colori per uno sfondo animato
I fondi scuri sono la casa naturale degli sfondi in movimento. Mantengono leggibili icone e testo bianchi in ogni momento del loop, riposano la vista di notte e, sugli schermi OLED, dove ogni pixel produce la sua luce, i pixel più scuri consumano meno energia. Scegli un fondo quasi nero tinto verso il tuo colore principale, poi lascia che uno o due colori accesi ci si muovano sopra. Gli sfondi con gradiente scuro approfondisce come creare profondità senza tetraggine.
Se puoi, aggiungi un po’ di grana. I gradienti scuri sono quelli in cui il banding si vede di più, e una grana fine in movimento lo nasconde dando alla superficie una texture da pellicola. I gradienti granulosi spiega quanta usarne.
Dimensioni e formati per telefono e desktop
Crea il loop nel formato dello schermo su cui vivrà. I telefoni sono alti, circa 9:19,5 su molti modelli attuali, e la maggior parte ingrandisce o ritaglia leggermente lo sfondo, a volte con un effetto parallasse quando lo inclini. I desktop sono di solito 16:9. Tieni il colore importante lontano dai bordi, così i ritagli non lo perdono. Per le dimensioni esatte dei telefoni e il layout della schermata di blocco, vedi le dimensioni degli sfondi per telefono.
Telefono, circa 9:19,5
18 × 39
Desktop 16:9
1920 × 1080
Come creare uno sfondo animato con gradiente
- 1
Progetta l’immagine statica
Parti da un gradiente statico nel formato dello schermo. Guardalo con le tue icone e il tuo orologio sopra prima di aggiungere movimento.
- 2
Scegli un solo movimento lento
Uno scorrere laterale, un flusso lento o una luce che respira. Un solo movimento, più lento di quanto ti sembri necessario.
- 3
Fallo durare da 15 a 30 secondi
I loop più lunghi si ripetono meno spesso, quindi la ripetizione si nota meno. Un movimento molto lento richiede meno durata.
- 4
Chiudi il loop
L’ultimo fotogramma deve riportare al primo senza uno stacco. I loop senza stacchi mostra come.
- 5
Esporta come video
MP4 è il formato più accettato da app per sfondi e telefoni. Tieni anche un PNG statico dello stesso design.
- 6
Vivici per un giorno
Impostalo e usa il telefono come sempre. Se lo noti in un modo che ti dà fastidio, rallentalo o scuriscilo.
Batteria e prestazioni
Qualsiasi sfondo in movimento chiede al dispositivo di continuare a disegnare, e questo consuma un po’ di energia in più. Quanta dipende da dispositivo, app e sfondo: i loop lenti e scuri alla risoluzione nativa dello schermo sono i più leggeri, e molte app mettono in pausa l’animazione quando una finestra copre il desktop o il telefono è bloccato. Se in un certo giorno la batteria conta più del movimento, passa alla versione statica; sembrerà la stessa, solo a riposo.
Se crei il tuo gradiente in Gradiently, puoi progettarlo in una dimensione personalizzata, esportarlo come video in loop da 5 a 30 secondi con un movimento lento come Deriva o Respiro, ed esportare un PNG statico dello stesso design. I loop sono fatti in modo che la fine si ricongiunga all’inizio. Per altre idee di sfondi, vedi gli sfondi con gradiente e gli sfondi aesthetic.
Le domande più frequenti
Che cos’è uno sfondo animato?
È uno sfondo per telefono o computer che si muove, come un loop lento di colore, invece di un’immagine statica. Alcuni reagiscono anche al tocco, all’inclinazione o all’ora del giorno.
Gli sfondi animati scaricano la batteria?
Consumano un po’ di energia in più perché il dispositivo continua a disegnarli. I loop lenti e scuri consumano meno, soprattutto sugli schermi OLED, e molte app li mettono in pausa quando non sono visibili.
Posso usare un video come sfondo animato?
Su Android molte app per sfondi e alcuni produttori accettano un video. Su Mac e Windows di solito serve un’app di terze parti, e su iPhone le opzioni dipendono dalla versione di iOS.
Quanto deve durare il loop di uno sfondo animato?
Da 15 a 30 secondi funziona bene. Più il loop è lungo e lento, più è difficile notare dove si ripete.
Quali colori funzionano meglio per uno sfondo animato?
Un fondo scuro con uno o due colori accesi che si muovono lentamente. Mantiene leggibili le icone, riposa la vista e consuma meno energia sugli schermi OLED.
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
