Системи дизайну вже використовують маркери для кольору, інтервалів і типографіки. Жетони руху застосовують ту саму ідею до анімації. Вони перетворюють рішення на кшталт «малі елементи рухаються швидко й м’яко осідають» у визначені значення, які використовує кожен дизайнер і розробник.
Типовий набір включає тривалість (коротка, середня, довга), криві ослаблення (стандартна, вхідна, вихідна) і, все частіше, пружини, визначені жорсткістю, амортизацією та масою. Пружини популярні, тому що вони природні та добре справляються з перериваннями в коді.
Назви мають значення. Імена, засновані на цілях, наприклад motion.enter або motion.emphasis, легше застосовувати правильно, ніж необроблені числа. Зберігайте набір невеликим. Якщо кожен компонент отримує свою криву, токени перестають виконувати свою роботу.
Доступність також належить до токенів. Визначте, що відбувається, коли користувач вмикає зменшений рух, наприклад коротші затухання замість великого руху, щоб кожен компонент обробляв це однаково.
Токени зазвичай зберігаються в JSON і перетворюються на змінні CSS, Swift, Kotlin або JavaScript інструментом створення токенів. Наш безкоштовний генератор маркерів руху створює початковий набір, який можна адаптувати.