icon，也就是图标。在交互过程中，应用各种icon都会跟随不同的事件发生不同的转换。举两个例子，一个音乐播放器的播放模式改变和充电时电量图标的改变。

　　过去，icon的转换都十分死板，而近年来开始流行在切换icon的时候加入过渡动画，这种动效给用户体验带来的正面效果十分明显，给应用添色不少。

　　然而面对icon动效，我们应该如何设计?今天分享几个设计icon动效的思路。在此说明一下，配图的动效有些是临摹有些是原创，只为了统一样式方便阅读。

　　一、属性转换法

　　这是最为普遍也最为简单的一种icon切换思路。

　　属性包含了位置、大小、旋转、透明度、颜色等，在这些属性上面做动效，若运用恰当，可以做出令人眼前一亮的动效。

　　现在绝大多数icon动效都离不开属性变化，运动恰当，这个简单而强大的方法大有可为之处。

　　二、路径重组法

　　这可能是看惯了属性变换的动效之后，又一个让人眼前一亮的动效思路。

　　将icon的路径(笔画)进行重组，构成一个新的icon，这期间考验着更多的东西，比如观察两个icon笔画之间的关系，这个思路最近相当流行，同时也具有挑战性。

　　了解更多关于网页设计培训方面的知识，访问上海网页设计培训学校