動畫類型詞條 4-17

數字滾動Count-up Animation

也常叫做：數字動畫、Count-up、數字滾動效果

你可能會這樣說

看過網站寫「已服務超過 10,000 位客戶」，捲到統計區時數字從 0 快速滾上去停住，很有氣勢。想在成果區放幾個數字，也做出這種滾動感。

數字滾動是數值從小跑到大的動畫：例如從 0 滾到 10,000，通常在捲到統計區時觸發，一兩秒內結束。

它把「一個數字」變成「一段累積的過程」，規模感比靜態排版更有說服力；作法上常配合緩動曲線，前段衝快、尾端減速停住，最後一格要精準落在目標值，數字飄掉就穿幫了。

目標數字動畫長度（秒）

播放格數（每秒 60 格）

每格平均跳動量

每秒衝刺的數字量

拉快動畫、調大數字，看「每格跳動量」——尾端減速收尾，最後一格要精準落在目標值。

圖 4-17　數字滾動的數學：格數 × 每格跳動＝翻滾的數字。

中文就可以

幫統計區的數字加上滾動效果：
1. 捲到統計區時，四個數字同時從 0 開始跑。
2. 每個數字 1.5 秒完成，尾端減速收尾。
3. 千分位逗點在動畫中就要顯示，格式前後一致。
4. 「減少動態效果」時直接顯示最終數字。