前言
灵感来源于日常的积累,只有当你拥有足够的脑存量的时候,你才有可能会爆发那颗小宇宙。每天坚持体验和记录,记录下那些打动你的设计和交互形式,分析那些具备相同属性的设计表现,同样的功能业务会有那些设计解决方案呢?这些疑问都是需要你在日常的体验中不断总结。
今天分享一组动效特训营的同学们收集整理的产品体验日记,为了更直观的看到交互&动效效果,所以都已录屏的方式呈现出来,希望给正在做设计的你带来灵感。
整理:墨染ART
收集:@tonyhopy、@奶粉是大事、@泰艺、@喵喵、@班长大人
App:夸克浏览器
场景:语音输入。
亮点:新版的夸克,更新了语音输入的交互,在提供更多语音功能的同时,将语音助手增加了更多的拟人化视觉表情,趣味十足。
By 班长大人
App:网易蜗牛阅读
场景:网易蜗牛阅读浮窗引导。
亮点:通过动效的方式引导更直观有趣。
By tonyhopy
App:贝壳找房
场景:VR看房。
亮点:开启了新的看房模式,提高了用户体验,和信息可靠性,用户不再是担心用图片看的是"假房”。
缺点:功能还在初期阶段只有部分房源才有VR模式,打开后有的按钮要放大才能点击,并且有时候加载时间巨长,非常消耗用户耐心。(进入5g时代此问题会被解决)
By 奶粉是大事
App:Dribbble
场景:添加收藏夹。
亮点:点击收藏夹按钮会有作品缩小动画,整个浮窗可以所以拖动、翻转,想取消只需要把卡片拖到屏幕外即可,趣味十足。
By tonyhopy
App:网易云音乐
场景:sati 空间。
亮点:减压模式,点击会出现碎屏的效果和声音。
By tonyhopy
App:Zenly
场景:分享界面。
亮点:界面跟动效都很有趣。
By 泰艺
App:好看视频
slogan:分享美好看见世界
场景:点赞动效 & 快放及小窗。
亮点:
1.视频下的“点赞”,连续点击出现向外扩散的emoji动画。
2、视频上有:“小窗”和“快放”按钮,点击“小窗”可直接悬浮在首页,手指可以任意推动首页任何位置。
By 喵喵
App:好奇心日报
场景:下拉刷新。
亮点:白天下拉刷新的动效展示如下,夜间模式会相应变成月亮。
By 奶粉是大事
App:哔哩哔哩漫画
slogan:二次元动漫迷的追漫神器
场景:个人中心签到交互动效。
亮点:“我的”里面的签到交互动画做的很赞很流畅,“旋转-打开-盖章”的效果,生动有趣。
By 喵喵
App:Tinder
产品定位:一款和国内探探一个方向的陌生人社交交友软件
场景:卡片滑动。
亮点:照片左滑动不喜欢(nope),右滑动喜欢(Like);看脸匹配,只有双方互相心动匹配成功才能进行聊天,推送的界面(互相心动的匹配成功的用户)采用feed流形式,可以进行点赞、聊天等操作,动效做的也很赞。
By 泰艺
好啦,今天先分享这么多,感谢动效特训营各位小伙伴们的辛苦收集。如果觉得对你有所帮助,不妨来一波转发、留言、在看三连~~~
更多动效设计内容,关注并星标 墨染动效 公众号,方便第一时间查看消息~~~
近期开班课程推荐
—
往期精选文章
—
长按识别关注
—
好内容,同分享,大家快快点一下右下角的 在看 ,让大家一起看吧~~~