▍网易云音乐-设计更在意细节

使用场景

网易云音乐可以切换多款播放模式，其中多款播放模式模拟了留声机。音乐播放时唱臂会搭在唱盘上，同时机盒右侧的开关有一个向下拨动的动效。在音乐暂停时盘臂分离，同时机盒右侧的开关有一个回归原位的动效。

解决问题

模拟留声机的工作模式，呈现一个更好的情景化感受。

使用场景

番茄阅读在查看某本书时，页面会有书籍封面翻页打开放大展开内容的一个交互效果，在关闭书时页面会有一个合上书页缩小退回原位置的交互效果。

解决问题

作为一个读书App，翻页和合上书页的交互效果让用户更加有阅读纸质书籍的感觉，也让原本平淡的操作增加一些趣味性。

▍淘宝-能屈能伸的广告

使用场景

618的营销广告图标在用户打开淘宝页面时会不停跳动内容，在用户上划页面时广告图标缩小。

解决问题

引导用户点击，用户上划操作想浏览更多内容时缩成最小状态节省占用空间，不会引起用户厌烦。‍‍‍

▍最右-注册过程太有趣

使用场景

最右App在注册时，刚进入注册页面显示的是一个微笑欢迎的小人，在输入电话号码再输入验证码时小人会有一个捂脸的动画，当验证码输入错误时小人会有一个惊讶的动画。

解决问题

这些动态的小人生动有趣，让整个注册的过程不枯燥，同时也让用户更好的感受到了产品的情感化设计。

▍酷狗音乐-找相似、同款可以很简单

使用场景

在用酷狗音乐App听音乐时，在音乐比方页面向上划动页面就会看到该歌曲的更多版本和相似歌曲，向下划动页面就会回到歌曲播放页面。

解决问题

让用户有更多选择空间，满足用户多种需求。

▍最后

最近在学习AI绘画的同学也不要错过我们送给大家的这份包含12000+组超实用的AI绘画关键词文档，大家可以添加叮当猫微信回复“AI关键词”即可领取，同时大家也不要忘记点个“在看”多多分享哦。

长按扫码添加叮当猫回复：AI关键词‍‍‍‍‍‍‍‍‍

文章引用微信公众号"我们的设计日记",如有侵权,请联系管理员删除!