設計系統已經使用顏色、間距和版式的標記。運動令牌將相同的想法應用於動畫。他們將諸如“小元素快速移動並緩慢穩定”之類的決策轉變為每個設計師和開發人員都使用的命名值。
典型的集合包括持續時間(短、中、長)、緩動曲線(標準、進入、退出)以及越來越多由剛度、阻尼和質量定義的彈簧。 Spring 很受歡迎,因為它們感覺很自然並且可以很好地處理程式碼中的中斷。
命名很重要。基於用途的名稱(例如motion.enter 或motion.emphasis)比原始數字更容易正確應用。保持集合較小。如果每個組件都有自己的曲線,則令牌將停止執行其工作。
可訪問性也屬於代幣。定義當使用者打開減少運動時會發生什麼,例如較短的淡入淡出而不是較大的運動,因此每個組件都以相同的方式處理它。
令牌通常儲存在 JSON 中,並透過令牌建構工具轉換為 CSS 變數、Swift、Kotlin 或 JavaScript。我們的免費 Motion Token Generator 可產生您可以適應的入門套件。