【UI动效设计】如何利用微动效让设计更出彩-附案例
北京/UI设计师/1年前/267浏览
版权
【UI动效设计】如何利用微动效让设计更出彩-附案例
一.图标类微动效
1.支付宝作为服务的超级集合体,在提醒用户服务事件发生或者上新功能时,
会采用通过图标动效的形式,既避免过度提醒打扰用户,又可以通过动画吸引用户注意力
2.在静态的界面上,对于希望用户关注的内容添加动效
是一种很好吸引用户的方式
二.签到类微动效
三.天气类氛围动效
四.下拉加载类微动效
很多主流APP都会在下拉刷新时通过动效来弥补内容的不足
五.运营类动效
六.购物结算类
1.购物车结算达到活动满减时,会出现点赞的图标动效
给予用户反馈“你做的很棒!成功节省XX元”
2.结算成功后,添加了打包快递包裹的动效
言之有物的动效暗示用户订单已经在紧急发出了
3.在大麦抢过票的都知道,演唱会票有多难强!
激动和兴奋的感觉从抢到票的那一刻救开始了
大麦通过全屏的菜单动效,将情绪价值拉满了
七.搜索框动效
搜索框是一个动态推荐的绝佳位置,很多APP都在搜素框这个位置根据用户的使用记录和历史偏好,进行动态的滚动推荐:
八.IP形象类
1.百度网盘的IP形象
2.表情类
3.VIP图标类
九.进度条类动效
等待的过程是最容易产生焦虑的,尤其是在用户没有收到等待阶段性反馈时
这是一个很好的利用动效分散用户注意力,缓解等待焦虑的方式
4
举报
声明
10
分享
相关推荐
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
相关收藏夹
登录注册
4登录即可同步推荐记录哦
10登录即可加入我的收藏
评论登录即可评论想法
分享分享
















































































































