火星网校
微动效都有哪些切入点？
随着移动端产品的不断成熟，精细化设计一定是后面的大趋势，而精细化设计其中的一个切入点就是微动效。今天就来聊聊微动效都有哪些切入点？当然那些常归的，每个产品都会有的动效就不说了，比如加载动效之类的。
1.跳动的头像
现在很多社区形产品都需要热闹的感觉，让用户嗨起来，而营造热闹的氛围，其中一个很常用的首发就是动态，社区里每一条信息都会伴随一个头像，所以头像是很好的发挥触点。
首先有一个做法是让头像本身支持gif动态图，比如像最右这种：
其次还有一个玩法就是让头像框动起来，比如像qq音乐的：
看卡来还是很有趣，很吸引眼球的。
2.活跃的表情
除了上面说的头像之外，现在很多社区型产品表情也开始动了起来，比如最右的：
点击之后，表情弹出放大，并且是动态的，让人更有点击的欲望。
3.手势的动效
根据手势的变化，产生一定的动态反馈是现在的一种流行趋势，这种形式本身就很好玩，让用户产生兴趣，比如soul中的这个球体：
再比如即刻个人中心的头像，可以随着手势拉动回弹，虽然没啥大用，但当用户发现这个小彩蛋时，心里还是会有些许愉悦的：
4.动态banner
内容型产品大多都会有banner图，现在很多静态banner图已经无法满足用户的新鲜感，所以很多产品已经开始使用动态的形式，比如qq的：
如果觉得上面的成本比较高，也可以试试下面的，韩国产品webtoon的这种动态形式，banner图分层移动出现：
也是很吸引眼球的。
5.更真实的反馈
设计源于生活，所以如果动效能够更加真实，会让用户有一种莫名的亲切感、惊喜感。
比如像behance移动端上，当我们看某位设计师具体有什么标签的时候，人家这个标签的微动效做的相当真实：
非常非常棒的一个动态细节。
6.其他动态细节
除了上面这些，还有其他很多微动效细节。
比如背景图的一些微小动效，叭哒的个人主页头图：
成本很小的微动效。
再比如一些文案的移动，就像积木里的个人中心：
很简单的动效，却能够很好的吸引用户的注意力。
再比如一些页面出场动效，像躺平里的发布按钮点击后，页面出现的动效细节，以圆形扩散的形式：
不像常规页面的那种出场方式。
总结
以上就是目前总结的一些关于微动效的使用场景，这一定是后面的一个大趋势，希望可以给大家一点思路上的启发，如果你也正在思考微动效的场景，不妨从上面这几点来尝试下。
原文地址：菜心设计铺（公众号）
作者：菜心设计铺
-
2101期学员李思庭作品
-
2104期学员林雪茹作品
-
2107期学员赵凌作品
-
2107期学员赵燃作品
-
2106期学员徐正浩作品
-
2106期学员弓莉作品
-
2105期学员白羽新作品
-
2107期学员王佳蕊作品
热门课程
专业讲师指导 快速摆脱技能困惑
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题，火星帮你解答-
本文主要介绍和对比了几所知名的交互设计师培训机构，专业、全面、详细的解析帮助你选择更适合自己的培训路径。
-
在这篇文章中，我们为你介绍一些优质的UI设计培训机构，让你从众多选择中找出一条适合自己的学习道路。
-
深入探讨UE5可视化的学习路径，分享如何掌握关键技能和策略，帮助你领略UE5可视化制作的魅力。
-
探索UE5智慧城市师培训课程为设计师和开发者描绘智慧城市的技术引擎，利用UE5技术创造更加智能高效的城市
-
本文介绍了UE5模拟仿真师的培训课程，为零基础的学员详解UE5的使用方法和实战技巧，助力学员蜕变成为专业的模拟仿真师。
-
本文详细介绍了UE5设计入门培训班的相关内容，帮助你更好地理解和认识UE5设计，并为你解锁游戏设计的新视觉。
