Sistemele de proiectare folosesc deja jetoane pentru culoare, spațiere și tipografie. Jetoanele de mișcare aplică aceeași idee animației. Ei transformă decizii precum „elementele mici se mișcă rapid și se stabilesc ușor” în valori numite pe care le folosește fiecare designer și dezvoltator.
Un set tipic include durate (scurte, medii, lungi), curbe de relaxare (standard, intrare, iesire) si, din ce in ce mai mult, arcuri definite de rigiditate, amortizare si masa. Arcurile sunt populare pentru că se simt naturale și gestionează bine întreruperile în cod.
Numirea contează. Numele bazate pe scop, cum ar fi motion.enter sau motion.emphasis, sunt mai ușor de aplicat corect decât numerele brute. Păstrați setul mic. Dacă fiecare componentă primește propria curbă, jetoanele încetează să-și facă treaba.
Accesibilitatea aparține și jetoanelor. Definiți ce se întâmplă atunci când utilizatorul activează mișcarea redusă, de exemplu fade mai scurte în loc de mișcare mare, astfel încât fiecare componentă să o gestioneze în același mod.
Tokenurile sunt de obicei stocate în JSON și transformate în variabile CSS, Swift, Kotlin sau JavaScript printr-un instrument de construire a simbolurilor. Generatorul nostru gratuit de jetoane de mișcare produce un set de pornire pe care îl puteți adapta.