## 过度效果 我们已经知道元素状态的变换，显示在屏幕上就是用户觉得界面变了，比如窗口关闭，加载gif，删除，隐藏，展开，对于程序原来说是操作DOM元素，改变元素的样式，或者移除、插入节点，但是用户却不知道背后的操作，他直观的感受就是： “嘿，加载中了” “嘿，搜的一下子弹开了” “哈，从右边滑过去了” “静静的被我删除了……” 这些是用户的操作，直观的感受，而交互，感受是带有感情的，它不是冰冷的代码。 所以我们设计这些操作的时候，不能够只顾写冰冷的代码。 要改善体验，很好的一个做法就是给交互的过程增加过度效果，进行情感化设计！ 过度其实就是动画，善用动画变化，那么元素的变化就生动起来了，它就能够与用户交流了，这就是设计的意义。 过度增加了互动性，并且能够加深用户对才做过程的理解。 经典例子： 支付宝付款时的加载动画，成功后有一个平滑的过度动画，转换为“成功”形状，这样这个过程就不那么生硬了，看着心里舒服多了。 还有消息删除是，不是简单的移除元素，二是有一个过度效果，让人感觉就像是把消息从屏幕上仍出去了一样。 （不过要注意的是，动画效果不能干扰到用户浏览阅读，否则就得不偿失） * * * * * last update：2017-12-26 20:09:36