Системите за проектиране вече използват токени за цвят, разстояние и типография. Токените за движение прилагат същата идея към анимацията. Те превръщат решения като „малките елементи се движат бързо и се установяват нежно“ в именувани стойности, които всеки дизайнер и разработчик използва.
Типичният набор включва продължителност (къса, средна, дълга), криви на облекчаване (стандартна, входна, изходна) и все повече пружини, определени от твърдост, затихване и маса. Пружините са популярни, защото се чувстват естествени и се справят добре с прекъсванията в кода.
Наименуването има значение. Имена, базирани на цел, като motion.enter или motion.emphasis, са по-лесни за правилно прилагане от необработените числа. Съхранявайте комплекта малък. Ако всеки компонент получи своя собствена крива, токените спират да вършат работата си.
Достъпността също принадлежи към токените. Определете какво се случва, когато потребителят включи намалено движение, например по-кратки затихвания вместо голямо движение, така че всеки компонент да го обработва по един и същи начин.
Токените обикновено се съхраняват в JSON и се превръщат в CSS променливи, Swift, Kotlin или JavaScript от инструмент за изграждане на токени. Нашият безплатен генератор на токени за движение създава начален комплект, който можете да адаптирате.