微动效都有哪些切入点？

随着移动端产品的不断成熟，精细化设计一定是后面的大趋势，而精细化设计其中的一个切入点就是微动效。今天就来聊聊微动效都有哪些切入点？当然那些常归的，每个产品都会有的动效就不说了，比如加载动效之类的。

1.跳动的头像

现在很多社区形产品都需要热闹的感觉，让用户嗨起来，而营造热闹的氛围，其中一个很常用的首发就是动态，社区里每一条信息都会伴随一个头像，所以头像是很好的发挥触点。

首先有一个做法是让头像本身支持gif动态图，比如像最右这种：

其次还有一个玩法就是让头像框动起来，比如像qq音乐的：

看卡来还是很有趣，很吸引眼球的。

2.活跃的表情

除了上面说的头像之外，现在很多社区型产品表情也开始动了起来，比如最右的：

点击之后，表情弹出放大，并且是动态的，让人更有点击的欲望。

3.手势的动效

根据手势的变化，产生一定的动态反馈是现在的一种流行趋势，这种形式本身就很好玩，让用户产生兴趣，比如soul中的这个球体：

再比如即刻个人中心的头像，可以随着手势拉动回弹，虽然没啥大用，但当用户发现这个小彩蛋时，心里还是会有些许愉悦的：

4.动态banner

内容型产品大多都会有banner图，现在很多静态banner图已经无法满足用户的新鲜感，所以很多产品已经开始使用动态的形式，比如qq的：

如果觉得上面的成本比较高，也可以试试下面的，韩国产品webtoon的这种动态形式，banner图分层移动出现：

也是很吸引眼球的。

5.更真实的反馈

设计源于生活，所以如果动效能够更加真实，会让用户有一种莫名的亲切感、惊喜感。

比如像behance移动端上，当我们看某位设计师具体有什么标签的时候，人家这个标签的微动效做的相当真实：

非常非常棒的一个动态细节。

6.其他动态细节

除了上面这些，还有其他很多微动效细节。

比如背景图的一些微小动效，叭哒的个人主页头图：

成本很小的微动效。

再比如一些文案的移动，就像积木里的个人中心：

很简单的动效，却能够很好的吸引用户的注意力。

再比如一些页面出场动效，像躺平里的发布按钮点击后，页面出现的动效细节，以圆形扩散的形式：

不像常规页面的那种出场方式。

总结

以上就是目前总结的一些关于微动效的使用场景，这一定是后面的一个大趋势，希望可以给大家一点思路上的启发，如果你也正在思考微动效的场景，不妨从上面这几点来尝试下。

原文地址：菜心设计铺（公众号）

作者：菜心设计铺