M站的小萌猫爱打呼也爱唱歌，但其实它在用表情反映操作状态喵～ - 优设网 - UISDC

M站的小萌猫爱打呼也爱唱歌，但其实它在用表情反映操作状态喵～ - 优设网 - UISDC

动画 M站的小萌猫爱打呼也爱唱歌，但其实它在用表情反映操作状态喵～

产品：猫耳FM iOS 作者：猫耳FM团队时间：2018-07-04

猎人：小白观众：2404人

细节描述

小白：也许所有二次元平台的设计开发团队都是吃可爱多长大的，产品里永远藏着能将用户的心萌化的小彩蛋。M站的萌猫看似只是趴在App底部导航中间时而打瞌睡时而唱歌卖萌的小可爱，其实小萌猫状态的改变正是音频播放状态的反映。播放列表为空或者音频播放暂停，萌猫会出现安逸地打瞌睡的动画；当音频处于播放状态时，萌猫则会随着音乐愉快地摇摆。通过情感化设计打造用户与产品的互动关系，并用生动的方式展现对用户行为的反馈。有趣的交互动画既强调了平台属性强化了品牌形象，又让用户对产品互动的过程充满惊喜。

围观案例 ! 温馨提示：案例或因时间流逝和版本迭代与截图时有所差异

本篇知识点及话题# 动画 # 即时反馈 # 微交互 # 情感化设计 # 惊喜 # 猫耳FM # 设计彩蛋 # 趣味性

发表评论加载中....

评论加载中....

相关细节

设计逻辑不动声色地催款是一门学问

微信的AA账单收款功能有一个隐蔽又有趣的设计逻辑：在你支付群账单前每当有其他账单相关付款人完成支付，你都会收到他们的支付完成提醒；而一旦你完成了付款，就不会再收到你之后付款人的支付信息提示了。仔细想想，这种设计似乎间接起到了替账单收款人催款的作用。收款群里不停显示其他人支付了账单是对未付款人的间接提醒，也会对其造成一定心理压力督促完成支付。

产品：微信iOS 作者：微信设计团队猎人：小白

设计逻辑在网上总是被要求「坐下」的陈独秀同学是谁？

「建功搭搭撘」是一款依靠操作小人蓄力搭桥进行游玩，类似「跳一跳」的小程序游戏。它在今年的5月4日五四运动一百周年上线了「五四」特别版。当玩家抵达固定场景，会出现与「五四运动」相关历史名人的故事介绍与场景彩蛋，在游戏中了解历史。现在的年轻人多对「五四青年节」的由来知之甚少，小程序通过将游戏与历史事件结合，让用户既玩了游戏也学习了革命先烈的辉煌事迹和五四运动历史故事。

产品：建功搭搭撘小程序作者：建功搭搭撘团队猎人：蓝点

互动游戏你有玩过「菜鸟裹裹」的猜包裹小游戏么？猜对包裹送达时间有惊喜哦～

在菜鸟裹裹App里查看物流信息，不仅可以看到预计送达时间的相关信息，用户还可以参加「包裹大作战」游戏来竞猜包裹是否会按时送达。猜对了即可领取各种刮奖卡和奖励。将小游戏与等待包裹的过程结合并设置相应的奖励机制，增加了用户与模块的互动性，也使用户原本焦虑等包裹的过程也变得有趣和值得期待。

产品：菜鸟裹裹 iOS 作者：菜鸟裹裹 iOS 猎人：小白

AR动画今天，你用QQ-AR扫描一百元人民币了么？

今年是人民币发行70周年，国务院反假货币工作联席会议办公室与腾讯合作，联合出品了一个QQ-AR人民币防伪知识互动体验。打开手机QQ，用「扫一扫」功能扫描第五套人民币100元纸币，你就能看到AR技术的3D凤鸟在人民币上飞舞了。这是首次在人民币宣传中使用AR技术，具有互动性与趣味性的科普动画，让原本枯燥无味的人民币防伪知识介绍变得生动易懂。借助QQ的科技与社交的力量，拉近了与年轻人的距离，让文化的普及与推广覆盖更广泛的人群。

产品：QQ iOS 作者：QQ设计团队猎人：小白

优设精选专题查看更多

1194507人看过 27篇文章

平面设计

谁说学习平面设计不能很有趣？

能把枯燥无味的平面设计讲得生动形象非常不易，而本专题收录的平面设计教程，都能用大量的实战案例，深入浅出阐述一个相关知识点，读者看完无不大呼过瘾精彩。

275888人看过 12篇文章

设计影片

看完能涨姿势的设计相关影片

本专题收录了适合设计师观看的 TED 演讲、电影、纪录片等，既有帮你学习艺术史的，也有让你提高审美的，还有很多关于顶尖设计师专访的，几乎每一部推荐都是大牌出品，质量有口皆碑。收藏起来，作为下饭菜是最好的！

225029人看过 12篇文章

文案写作

提高转化率的方法可不止放大加粗

如果你认同「设计师是为了解决问题」这个观点，就别犹豫了，赶紧收藏这个专题。设计师加粗放大100倍，可能都比不过改10个字的界面文案。文字的力量有多惊人，设计师如何掌握基础的文案知识，看这个专题就OK！

48573人看过 5篇文章

AR设计

AR 设计可能是距离设计师最近的未来

目前市面上关于AR 设计的教程极少，我们可能是唯一一个把高质量教程都收集起来供你学习的，这里有最详细的基础科普，有可供把玩的AR APP，有交互方法总结，收藏这个，以后需要设计AR 类产品就不慌！

设计师基础理论书查看更多

情境交互设计：为生活而设计（第二版）

可作为国内互联网公司UED团队的日常工作指导用书

Karen Holtzblatt

清华大学出版社

用户思维

创业时代的用户获取方法，优化体验，前所未有的技巧绝学。

约翰·沃瑞劳

中国友谊出版公司

设计心理学（套装共4册）

英文版销售25万册，设计学知名力作，设计师必读经典。

唐纳德· A · 诺曼

中信出版社

用户体验要素

以用户为中心的产品设计，销量经久不衰，入行必读。

Garrett

机械工业出版社

用户至上

亚马逊用户体验师首推的用户体验书，内附实践方法。

Kathy Baxter

机械工业出版社

色彩设计法则

梁老师苦心著作的配色书籍，或许适合所有色彩爱好者研读学习。

梁景红

人民邮电出版社

书到用时方恨少 > >

每天官微五分钟
一年萌新变大神

扫码关注

每天10篇设计干货
300万设计师关注！

访问官方微博

您还没有登录

优设启用更安全省心的微信扫码登录

微信扫码

扫码登录即表示您同意并遵守用户协议

300万设计师聚集地！优设网是极具人气的设计师平台
2012年成立至今，一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信，扫码分享
学设计优设网在这里