先從一個問題開始
動一點就好:讓動畫帶路,不搶戲
動畫像展場裡的指示燈:亮一下可以提示發生了什麼,一直閃則可能讓人分心。先想用途,再決定要不要動。
01 · 動手試看看
先操作,再觀察
使用下方控制項,觀察畫面或文字如何變化。
已加入作品清單
目前無動畫。按播放只會示範一次。
尊重裝置的減少動態設定;不會自動播放。
02 · 帶回自己的網站
先問:這個動作幫了什麼?
操作回饋可以告訴讀者「已完成」;內容出現可以讓變化比較容易追蹤。純粹裝飾的動畫應該避免遮住資訊或影響操作。
五個名字,其實是五種變化
Fade 改透明度,Slide 改位置,Scale 改大小,Rotate 改角度,Blur 改清晰度。同一個效果也會因時間與速度不同而有不同感覺。
讓讀者能選擇
避免強迫長時間或反覆播放;給讀者停止或減少動態的方式。重要訊息不能只靠動畫傳達。
帶走一句規格:「這個動畫在何時出現,幫讀者理解什麼?」