UI动效对于Ui设计师来说是一个非常重要的技能,特别是给程序员展示自己的想法,提升APP的交互体验。今天设计先锋网就给大家分享一篇UI动效入门设计思路的教程:
现在越来越多手机应用和web应用都开始注重动效的设计,恰到好处的动效可以给用户带来愉悦的交互体验,是应用颜值担当的一大重要部分。
icon,也就是图标。在交互过程中,应用各种icon都会跟随不同的事件发生不同的转换。举两个例子,一个音乐播放器的播放模式改变和充电时电量图标的改变。
过去,icon的转换都十分死板,而近年来开始流行在切换icon的时候加入过渡动画,这种动效给用户体验带来的正面效果十分明显,给应用添色不少。
然而面对icon动效,我们应该如何设计?今天分享几个设计icon动效的思路。在此说明一下,配图的动效有些是临摹有些是原创,只为了统一样式方便阅读。
一、属性转换法
这是最为普遍也最为简单的一种icon切换思路。
属性包含了位置、大小、旋转、透明度、颜色等,在这些属性上面做动效,若运用恰当,可以做出令人眼前一亮的动效。
现在绝大多数icon动效都离不开属性变化,运动恰当,这个简单而强大的方法大有可为之处。