# Sfondi animati con i gradienti: come crearne uno tuo [Canonical HTML page](https://gradiently.design/it/guide/live-wallpaper) Un gradiente che scorre lento dietro l’orologio può rendere vivo uno schermo senza mai chiedere attenzione. Il mestiere sta nel tenerlo lento, scuro e silenzioso. ## The short version - 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. 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 | Un loop creato come normale file video si può usare con la maggior parte di queste strade. Verifica le opzioni attuali del tuo dispositivo. ## 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 Una schermata di blocco verticale con l’ora 07:42 su un gradiente scuro, calmo dietro l’orologio 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](https://gradiently.design/it/guide/dark-gradient-backgrounds) approfondisce come creare profondità senza tetraggine. - Brace viola: `radial-gradient(120% 80% at 30% 85%, #6d28d9 0%, #2e1065 45%, #0b0716 100%)` - Laguna profonda: `radial-gradient(120% 80% at 70% 90%, #0d9488 0%, #134e4a 40%, #04110f 100%)` - Sole basso: `radial-gradient(120% 80% at 40% 95%, #ea580c 0%, #7c2d12 40%, #120806 100%)` - Blu notte: `radial-gradient(120% 80% at 60% 90%, #2563eb 0%, #1e3a8a 45%, #060a18 100%)` Fondi scuri con la luce in basso nell’inquadratura, lontana dall’orologio in alto. Ognuno potrebbe scorrere lentamente di lato come loop. 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](https://gradiently.design/it/guide/grainy-gradients) 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](https://gradiently.design/it/guide/phone-wallpaper-size). - Telefono, circa 9:19,5: 18 × 39 - Desktop 16:9: 1920 × 1080 Due formati, due layout. Uno sfondo desktop ritagliato da un design per telefono, o viceversa, raramente funziona. ## 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](https://gradiently.design/it/guide/seamless-loop-video) 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](https://gradiently.design/it/guide/gradient-wallpaper) e [gli sfondi aesthetic](https://gradiently.design/it/guide/aesthetic-backgrounds). ## FAQ ### 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.