有趣的动效会让app增色不少。
qq其实也有很多有趣的小动效，例如，应该有很多人都发现了的拖动新消息的小红点来删除红点提醒，拖动释放的时候，会有一些气雾消失的小细节，还有底部导航栏icon，切换页面时，icon上的表情的视线变化。
认真观察发现，这个小动作上也花了心思。一般来说，这类型的图形按钮大多都只有两个状态，选中状态和没有选中的状态，中间的交互就是两张不同状态的icon图片的切换变化。
但是qq这里，并不是简单的两张图片切换，它有一个变化的动效过程，例如“消息”和“联系人”的视线移动过程。
不过有趣的是，一般被点击的icon，点击的时候手指会挡住一下，所以瞬间的变化过程可能看不清楚，颜色变化可能会第一时间感知到，但icon内的图形变化过程是很少人会发现。
但是我发现了qq这里，被点击的icon，点击之后会改变颜色，主要的动效时一个放大再缩小的动效，就像是弹了一下的感觉，而不是视线移动这些不明显的图形内变化，因为外形上大小的变化会更为明显。
而没有被点击icon，会随着另一个icon被点击而出现图形运动变化的效果，例如：移动视线或朝向，如果是上一个选中的icon，会先消失颜色变成线性，然后再变化图形。
因此，UI动效中变化的节奏和变化的方式，都是动效设计至关重要的点。
dribbble上有许多有趣的动效设计，我搬运过来共同学习一下。
网友评论