效能詞條 4-18

減少動態效果Reduced Motion

也常叫做:減少動態、Reduced Motion、動態減弱

你可能會這樣說

聽說很多人(尤其容易暈車、偏頭痛的人)會把作業系統的「減少動態效果」打開;有良心的網站會偵測到這個設定後,自動把動畫換成淡入或直接顯示。想確認自己的網站也做得到。

白話解釋

「減少動態效果」是作業系統層級的設定:使用者主動表明「動態效果會讓我不舒服」,網站能透過 CSS 媒體查詢讀到它。

這不是品味問題而是健康問題:視差、晃動、快速位移可能讓部分使用者頭暈甚至噁心,忽略等於把他們擋在門外。

標準做法是偵測到設定時,把動畫降級為淡入或直接顯示,內容一樣不少,只是不再動。

親手試試

✕ 無視偏好
🎡 自動輪播的橫幅
📈 視差背景滑個不停

動個不停——容易暈的人正在受苦。

✓ 支援減少動態效果
🎡 橫幅:靜靜站好
📈 背景:不動,內容照在

只留淡入,資訊一樣不少。

偵測到「減少動態效果」就降級成淡入或直接顯示——這是健康問題,不是品味問題。

圖 4-18 左邊一直動、右邊安靜——內容相同,體感天差地別。

這樣對 AI 說

中文就可以
請讓全站支援「減少動態效果」設定:
1. 偵測作業系統的「減少動態效果」設定。
2. 開啟時,所有位移與縮放動畫改成淡入或直接顯示。
3. 視差效果與自動輪播一律停用。
4. 不需要使用者做任何額外設定,全自動生效。

同一課的其他詞