I sistemi di progettazione utilizzano già token per colore, spaziatura e tipografia. I token di movimento applicano la stessa idea all'animazione. Trasformano decisioni come "i piccoli elementi si muovono rapidamente e si sistemano delicatamente" in valori con nome utilizzati da ogni progettista e sviluppatore.
Un insieme tipico comprende durate (breve, media, lunga), curve di allentamento (standard, entrata, uscita) e, sempre più spesso, molle definite da rigidità, smorzamento e massa. Le molle sono popolari perché risultano naturali e gestiscono bene le interruzioni nel codice.
Dare un nome è importante. I nomi basati sullo scopo, come motion.enter o motion.emphasis, sono più facili da applicare correttamente rispetto ai numeri grezzi. Mantieni il set piccolo. Se ogni componente ottiene la propria curva, i token smettono di fare il loro lavoro.
Anche l'accessibilità appartiene ai token. Definisci cosa succede quando l'utente attiva il movimento ridotto, ad esempio dissolvenze più brevi invece di movimenti ampi, in modo che ogni componente lo gestisca allo stesso modo.
I token vengono solitamente archiviati in JSON e trasformati in variabili CSS, Swift, Kotlin o JavaScript da uno strumento di creazione di token. Il nostro generatore di token di movimento gratuito produce un set iniziale che puoi adattare.