緩動曲線 Easing Curve

你可能會這樣說

請 AI 做了淡入效果，會動但很呆，東西像滑軌一樣等速滑進來；別人網站的動畫卻有「快進慢停」的節奏感。查到關鍵字是「緩動曲線」，想了解怎麼要求這種感覺。

緩動曲線（easing）決定動畫速度隨時間的變化：同樣從 A 到 B，等速像輸送帶，先快後慢像真實物體慢慢停下來，質感天差地遠。

為什麼等速看起來假？因為自然界的東西啟動要加速、停止要減速，幾乎沒有真正等速移動的物體，眼睛早就習慣這個規律。

實用口訣：進場用 ease-out（快進慢停）、位移往返用 ease-in-out；動畫長度落在 200 到 400 毫秒最順眼。

BOX

目的地

像輸送帶：啟動瞬間全速、停止毫無預警——最不自然。

圖 4-10　同樣的距離，四種速度曲線——換換看質感差多少。

中文就可以

幫我把全站動畫的速度感調成自然的節奏：
1. 進場類動畫改用 ease-out，開始快、結尾慢。
2. 位移往返類用 ease-in-out，兩端都減速。
3. 動畫長度統一在 200 到 350 毫秒。
4. 除了持續旋轉的載入圖示，其他不要用等速的 linear。