第二章節《動效》
一、Material動效(Material motion)
在material design中,動效被用於描述空間關係,功能展現和體現流暢性和絢麗的效果。
動效為什麼這麼重要?
動效向我們展示了一個應用是如何運作的,以及它能做什麼。
動效的作用:
- 引導使用者關注
- 當使用者完成輸入後暗示使用者將會發生什麼
- 強調元件之間的層次和空間關係
- 緩解使用者等待焦慮(如內容抓取或載入下一個檢視)
- 為使用者帶來個性、精良、愉悅的視覺感受
相關: Making Motion Meaningful(Motion designers from around Google share some of their most moving product features.)
Material是如何運動的?
整個material環境的搭建靈感來源於現實世界,其中借鑑了現實中的重力和摩擦力。這些力在material環境中主要體現在使用者輸入的方式對元件的影響和多個元件之間如何互動。
Material的動效具備以下特點:
響應
Material是充滿活力的物質。當使用者觸發、輸入的時候它能夠迅速作出響應。
更多資訊請看 常見的動效持續時間
更多資訊請看 徑向反饋
更多資訊請看 創造
自然
因為參考了現實世界中力對物體的影響,所以Material的動效自然並貼近現實。
更多資訊請看 持續時間和緩動效果
譯者注:什麼是Easing,請點選瞭解
更多資訊請看 運動
更多資訊請看 material的變化
認知
Material具備認知周邊環境(包括使用者和其他material物件)的能力。它能夠聯合其他material物件一同回應使用者需求。
更多資訊請看 編排
目的性
Material的動效能夠引導使用者在正確的時間上關注正確的點。
更多資訊請看 連續性
好的過渡是怎樣的?
成功的動效設計具備以下特點:
快速、流暢
一個快速、流暢的動效不會讓使用者覺得在等待時間。
可行
不可行
清晰、連貫
過渡應清晰,簡明和條理清楚,避免做得過多。
可行
不可行
緊密、一致
在material design中,動效具備統一的速度、響應能力和目的。因此在你的應用中那些自定義的動效需要保持內在的連貫一致。
動效的暗示
關於動效的好處請看下面兩個例子。
可行
不可行