火星网校
微动效都有哪些切入点？
随着移动端产品的不断成熟，精细化设计一定是后面的大趋势，而精细化设计其中的一个切入点就是微动效。今天就来聊聊微动效都有哪些切入点？当然那些常归的，每个产品都会有的动效就不说了，比如加载动效之类的。
1.跳动的头像
现在很多社区形产品都需要热闹的感觉，让用户嗨起来，而营造热闹的氛围，其中一个很常用的首发就是动态，社区里每一条信息都会伴随一个头像，所以头像是很好的发挥触点。
首先有一个做法是让头像本身支持gif动态图，比如像最右这种：
其次还有一个玩法就是让头像框动起来，比如像qq音乐的：
看卡来还是很有趣，很吸引眼球的。
2.活跃的表情
除了上面说的头像之外，现在很多社区型产品表情也开始动了起来，比如最右的：
点击之后，表情弹出放大，并且是动态的，让人更有点击的欲望。
3.手势的动效
根据手势的变化，产生一定的动态反馈是现在的一种流行趋势，这种形式本身就很好玩，让用户产生兴趣，比如soul中的这个球体：
再比如即刻个人中心的头像，可以随着手势拉动回弹，虽然没啥大用，但当用户发现这个小彩蛋时，心里还是会有些许愉悦的：
4.动态banner
内容型产品大多都会有banner图，现在很多静态banner图已经无法满足用户的新鲜感，所以很多产品已经开始使用动态的形式，比如qq的：
如果觉得上面的成本比较高，也可以试试下面的，韩国产品webtoon的这种动态形式，banner图分层移动出现：
也是很吸引眼球的。
5.更真实的反馈
设计源于生活，所以如果动效能够更加真实，会让用户有一种莫名的亲切感、惊喜感。
比如像behance移动端上，当我们看某位设计师具体有什么标签的时候，人家这个标签的微动效做的相当真实：
非常非常棒的一个动态细节。
6.其他动态细节
除了上面这些，还有其他很多微动效细节。
比如背景图的一些微小动效，叭哒的个人主页头图：
成本很小的微动效。
再比如一些文案的移动，就像积木里的个人中心：
很简单的动效，却能够很好的吸引用户的注意力。
再比如一些页面出场动效，像躺平里的发布按钮点击后，页面出现的动效细节，以圆形扩散的形式：
不像常规页面的那种出场方式。
总结
以上就是目前总结的一些关于微动效的使用场景，这一定是后面的一个大趋势，希望可以给大家一点思路上的启发，如果你也正在思考微动效的场景，不妨从上面这几点来尝试下。
原文地址：菜心设计铺（公众号）
作者：菜心设计铺
-
2101期学员李思庭作品
-
2104期学员林雪茹作品
-
2107期学员赵凌作品
-
2107期学员赵燃作品
-
2106期学员徐正浩作品
-
2106期学员弓莉作品
-
2105期学员白羽新作品
-
2107期学员王佳蕊作品
热门课程
专业讲师指导 快速摆脱技能困惑
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题，火星帮你解答-
什么是游戏运营策划？必应解释：在游戏的整个生命周期里，把一款游戏推上线，有计划地实施产品运作策略和营销手段，使玩家不断了解游戏......
-
Blender与Substance 3D创造照片级超真实场景
该作品的精髓在于对材质的极致处理——艺术家通过混合多种纹理，模拟出岁月侵蚀的痕迹，如水渍斑驳的瓷砖、锈迹暗沉的金属配件，以及木......
-
公司重点布局全球PC市场，通过"全品类+全平台"的跨端策略实现手游与端游协同增长08莉莉丝上半年收入35亿元的莉莉丝，依赖《万......
-
△火星时代教育总部乔迁仪式强强联合 构建教育&产业共同体 作为北京市重点布局的高精尖科技产业园区、石景山区下属优质特色......
-
张栋的职业生涯极具传奇色彩：北大学生物化学专业毕业，拥有近20年游戏行业经验，曾组建网易暴雪中国发行及电竞团队，运营《炉石传说......
-
根据2025年的数据，他们平均年薪大概34万，其中排名前25%的人能拿到接近45万，还有16%的顶尖人才年薪超过53万真正在行......
