動態時長 Speed

動態時常是元素在屏幕中移動或形變的速率,並根據元素移動的距離、速度及形變,來調整每個動效的時長,其速度不能過快,快到過渡動畫無法被用戶理解;也不能過慢,慢到用戶覺得系統遲緩,但一般來說過度動畫應該保持簡短,使用戶即使頻繁的接觸動畫也長保趣味性。

 

(1)移動端:移動端的過度時長普遍在300秒之內,但大型的全屏過渡動畫則可以長達375ms,因為元素進入屏幕需要的時長為225ms,離開屏幕的時長為195ms,超過400ms的過動動畫會令用戶感覺遲緩。
(2)大屏設備:大屏幕設備上,元素需要花費更長時間的移動距離,以確保元素不會移動過快,因此過渡動畫相較於小屏幕來得緩慢。
(3)平板&可穿戴設備:由於屏幕面積,平板的過渡時長比手機長30%,可穿戴設備如手錶的過渡時長比手機短30%。
(4)桌面端:Wed端碰上複雜的動畫容易發生掉幀的問題,因此桌面端的動畫時長相較於手機來得短,平均在150ms至200ms。

分享 Acadeck 給更多人!