火星网校
微动效都有哪些切入点？
随着移动端产品的不断成熟，精细化设计一定是后面的大趋势，而精细化设计其中的一个切入点就是微动效。今天就来聊聊微动效都有哪些切入点？当然那些常归的，每个产品都会有的动效就不说了，比如加载动效之类的。
1.跳动的头像
现在很多社区形产品都需要热闹的感觉，让用户嗨起来，而营造热闹的氛围，其中一个很常用的首发就是动态，社区里每一条信息都会伴随一个头像，所以头像是很好的发挥触点。
首先有一个做法是让头像本身支持gif动态图，比如像最右这种：
其次还有一个玩法就是让头像框动起来，比如像qq音乐的：
看卡来还是很有趣，很吸引眼球的。
2.活跃的表情
除了上面说的头像之外，现在很多社区型产品表情也开始动了起来，比如最右的：
点击之后，表情弹出放大，并且是动态的，让人更有点击的欲望。
3.手势的动效
根据手势的变化，产生一定的动态反馈是现在的一种流行趋势，这种形式本身就很好玩，让用户产生兴趣，比如soul中的这个球体：
再比如即刻个人中心的头像，可以随着手势拉动回弹，虽然没啥大用，但当用户发现这个小彩蛋时，心里还是会有些许愉悦的：
4.动态banner
内容型产品大多都会有banner图，现在很多静态banner图已经无法满足用户的新鲜感，所以很多产品已经开始使用动态的形式，比如qq的：
如果觉得上面的成本比较高，也可以试试下面的，韩国产品webtoon的这种动态形式，banner图分层移动出现：
也是很吸引眼球的。
5.更真实的反馈
设计源于生活，所以如果动效能够更加真实，会让用户有一种莫名的亲切感、惊喜感。
比如像behance移动端上，当我们看某位设计师具体有什么标签的时候，人家这个标签的微动效做的相当真实：
非常非常棒的一个动态细节。
6.其他动态细节
除了上面这些，还有其他很多微动效细节。
比如背景图的一些微小动效，叭哒的个人主页头图：
成本很小的微动效。
再比如一些文案的移动，就像积木里的个人中心：
很简单的动效，却能够很好的吸引用户的注意力。
再比如一些页面出场动效，像躺平里的发布按钮点击后，页面出现的动效细节，以圆形扩散的形式：
不像常规页面的那种出场方式。
总结
以上就是目前总结的一些关于微动效的使用场景，这一定是后面的一个大趋势，希望可以给大家一点思路上的启发，如果你也正在思考微动效的场景，不妨从上面这几点来尝试下。
原文地址：菜心设计铺（公众号）
作者：菜心设计铺
-
2101期学员李思庭作品
-
2104期学员林雪茹作品
-
2107期学员赵凌作品
-
2107期学员赵燃作品
-
2106期学员徐正浩作品
-
2106期学员弓莉作品
-
2105期学员白羽新作品
-
2107期学员王佳蕊作品
热门课程
专业讲师指导 快速摆脱技能困惑
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题，火星帮你解答-
入职两周当组长主动上调薪资学长开公司招人又是被AI班喜报砸晕的一天
杭州那家九州传媒，不是什么小作坊，此前他们的负责人曾对媒体说过他们有一万余人的招聘缺口，而且最近几个月一直在持续性地疯狂招人 ......
-
AI短剧备案新规落地AIGC设计师薪资暴涨50AI设计日报0609
广电总局及网信部门明确AI内容标注及备案要求，行业进入规范化发展阶段与此同时，IP+AI的规模化路径也得到验证：阅文集团百部A......
-
每年这个时候全国都在关注同一件事高考这是这个国家一年一度最盛大的集体奔赴它被反复提起不是
在火星时代，我们见过太多带着这股劲头来的年轻人：有的刚结束高考就来学设计；有的读两年大学发现不对，趁暑假来学UE；还有的工作几......
-
虚幻引擎交互开发工程师班
-
-
影视游戏虚幻美术视效大师班
