## 過度效果 我們已經知道元素狀態的變換，顯示在屏幕上就是用戶覺得界面變了，比如窗口關閉，加載gif，刪除，隱藏，展開，對于程序原來說是操作DOM元素，改變元素的樣式，或者移除、插入節點，但是用戶卻不知道背后的操作，他直觀的感受就是： “嘿，加載中了” “嘿，搜的一下子彈開了” “哈，從右邊滑過去了” “靜靜的被我刪除了……” 這些是用戶的操作，直觀的感受，而交互，感受是帶有感情的，它不是冰冷的代碼。 所以我們設計這些操作的時候，不能夠只顧寫冰冷的代碼。 要改善體驗，很好的一個做法就是給交互的過程增加過度效果，進行情感化設計！ 過度其實就是動畫，善用動畫變化，那么元素的變化就生動起來了，它就能夠與用戶交流了，這就是設計的意義。 過度增加了互動性，并且能夠加深用戶對才做過程的理解。 經典例子： 支付寶付款時的加載動畫，成功后有一個平滑的過度動畫，轉換為“成功”形狀，這樣這個過程就不那么生硬了，看著心里舒服多了。 還有消息刪除是，不是簡單的移除元素，二是有一個過度效果，讓人感覺就像是把消息從屏幕上仍出去了一樣。 （不過要注意的是，動畫效果不能干擾到用戶瀏覽閱讀，否則就得不償失） * * * * * last update：2017-12-26 20:09:36