Movimento
Gradienti animati, loop senza stacchi e un movimento che sembra naturale.
200 guide · 11 argomenti
MovimentoSfondi a gradiente animati per video e social
6 min di lettura
Un gradiente animato può sembrare luce che scorre su una seta, oppure uno screensaver. La differenza sta in una manciata di scelte di design che puoi fare di proposito.
MovimentoVideo in loop senza stacchi: come crearne uno che non salta mai
6 min di lettura
Un loop che salta una volta ogni dieci secondi è peggio di nessun movimento. La soluzione non è un editor migliore: è un movimento progettato per tornare a casa.
MovimentoPrincipi di motion design per chi non fa animazione
5 min di lettura
Non serve essere animatori per creare un movimento che sembri giusto. Servono pochi principi, una manciata di durate e la disciplina di usarne meno.
MovimentoVideo di sfondo per siti web: peso, autoplay e accessibilità
5 min di lettura
Una sezione hero in movimento può far sembrare vivo un sito, oppure renderlo lento, dispersivo e difficile da leggere. La differenza sta in un breve elenco di scelte tecniche e di design.
MovimentoGIF, MP4 o WebM: quale formato per i loop
6 min di lettura
Il GIF è il formato che tutti conoscono e che quasi nessuno dovrebbe usare per il web. È anche l’unico che funziona in una casella di posta. Ecco quale scegliere, dove e perché.
MovimentoSfondi per video Reels e TikTok
5 min di lettura
Il video verticale ha un’inquadratura che non controlli del tutto: didascalie, pulsanti e nomi ci stanno sopra. Progetta lo sfondo per lo spazio che resta.
MovimentoL’easing spiegato: perché un buon movimento sembra naturale
5 min di lettura
Lo stesso movimento può sembrare goffo o senza sforzo a seconda di una sola impostazione. Quell’impostazione è l’easing, e poche regole semplici coprono quasi ogni caso.
MovimentoPrefers reduced motion: animazioni che tutti possono usare
6 min di lettura
Per alcune persone uno scorrimento in parallasse o un hero che zooma non è piacevole: dà le vertigini. Un’impostazione ti dice chi sono. Ecco come rispettarla senza perdere il tuo design.
MovimentoLoghi animati: modi semplici per dare vita a un logo
5 min di lettura
L’animazione di un logo dovrebbe sembrare il logo che prende un respiro, non un numero di scena. Ecco le poche tecniche che funzionano e le regole che le tengono di buon gusto.
MovimentoSfondi animati con i gradienti: come crearne uno tuo
5 min di lettura
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.
MovimentoMotion graphics per brand che non fanno video
6 min di lettura
La maggior parte dei piccoli brand pubblica immagini statiche perché il video sembra un secondo lavoro. Un loop lento del tuo stile che si muove sotto parole ferme ti porta quasi fino in fondo, senza montaggio.