先從一個問題開始

動一點就好:讓動畫帶路,不搶戲

動畫像展場裡的指示燈:亮一下可以提示發生了什麼,一直閃則可能讓人分心。先想用途,再決定要不要動。

01 · 動手試看看

先操作,再觀察

使用下方控制項,觀察畫面或文字如何變化。

已加入作品清單

目前無動畫。按播放只會示範一次。

尊重裝置的減少動態設定;不會自動播放。

02 · 帶回自己的網站

先問:這個動作幫了什麼?

操作回饋可以告訴讀者「已完成」;內容出現可以讓變化比較容易追蹤。純粹裝飾的動畫應該避免遮住資訊或影響操作。

五個名字,其實是五種變化

Fade 改透明度,Slide 改位置,Scale 改大小,Rotate 改角度,Blur 改清晰度。同一個效果也會因時間與速度不同而有不同感覺。

讓讀者能選擇

避免強迫長時間或反覆播放;給讀者停止或減少動態的方式。重要訊息不能只靠動畫傳達。

帶走一句規格:「這個動畫在何時出現,幫讀者理解什麼?」

回到互動練習 ↑