Animazione Animation
Un'animazione è una modifica visiva programmata nel tempo. Può avere più passaggi, stati o ripetizioni.
↗Movimento
Scopri come il movimento può mostrare un cambiamento, guidare l'attenzione e mantenere comunque uno schermo facile da usare.
01 / Atlas
Tutti i termini di Movimento
Apri un termine per un significato semplice, un esempio, quando usarlo, quanto è ufficiale e il suo nome codice.
-
01 · Nucleo -
02 · Più dettagli Animazione a molla Spring Animation
L'animazione a molla segue un modello fisico. La rigidità, l'ammortizzazione, la massa e la velocità iniziale controllano come si muove.
↗ -
03 · Nucleo Facilità Easing
L’easing è la curva temporale che decide come un’animazione accelera e rallenta.
↗ -
04 · Nucleo Fotogrammi chiave Keyframes
I fotogrammi chiave sono punti nominati in un'animazione. Ogni punto imposta i valori delle proprietà per un momento scelto.
↗ -
05 · Più dettagli Inserisci, Esci e Crossfade Enter, Exit & Crossfade
Inserire, uscire e crossfade aggiungono, rimuovono o sostituiscono contenuti. Aiutano a rendere il cambiamento fluido e connesso.
↗ -
06 · Più dettagli Marquee Marquee
Una striscia di contenuto ripetuto che si muove sempre. Deve offrire controlli o una versione ferma per le persone sensibili al movimento.
↗ -
07 · Più dettagli Microinterazione Microinteraction
Una microinteraction è un piccolo ciclo di feedback per un'azione. Ha un innesco, una regola, una risposta e uno stato che continua.
↗ -
08 · Nucleo Movimento ridotto Reduced Motion
Il Movimento ridotto è un'impostazione di accessibilità e modalità di progettazione. Rimuove o semplifica i movimenti non necessari.
↗ -
09 · Più dettagli Scorrimento parallasse Parallax Scrolling
Lo scorrimento parallasse fa muovere i livelli a velocità diverse mentre la pagina scorre. La differenza di velocità crea una sensazione di profondità.
↗ -
10 · Più dettagli Testo mescolato Text Scramble
Una modifica decorativa del testo che mostra simboli a caso per un attimo, poi mostra le parole vere.
↗ -
11 · Nucleo Transizione Transition
Una transizione passa tra due stati visivi noti in un tempo stabilito.
↗ -
12 · Nucleo Trascina & Rilascia Drag & Drop
Trascina e rilascia permette alle persone di spostare, riordinare o trasferire un elemento direttamente. Deve mostrare quando l'elemento viene preso e dove può essere rilasciato.
↗