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