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

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

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

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

猎人：小白观众：2270人

细节描述

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

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

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

发表评论加载中....

评论加载中....

相关细节

微文案「即刻」：请不要沉迷于我(｢･ω･)｢

在「即刻」App刷「动态」的信息流时，如果刷新的次数过多没有新的动态呈现了，页面顶部会出现「Thanks for being addicted」的文案提示。「谢谢你上瘾了」这句微文案很委婉地反馈了当前行为的不可操作性，对用户的当前行为做出了指引和提醒。带有小自恋的表达方式展现了产品鲜活的个性，很容易得到年轻一代用户群体的好感。

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

运营设计爱豆在线「发红包」，这样的互动有点甜

AR红包早已成为常见的运营手段，仅靠AR科技的噱头已很难激发用户们参与的积极性。「爱奇艺」在「尖叫之夜」直播中进行的AR红包发放，算是一个不错的促活设计。将AR科技与明星和粉丝的互动结合起来，通过明星的语音引导用户进行指定的扫描AR红包的动作，很契合观看「尖叫之夜」的主体观众是追星族的定位。由于发红包的对象都是出席「尖叫之夜」的明星，红包活动不仅能给观众送福利还能拉近直播晚会与用户的距离，增强参与感。

产品：爱奇艺 iOS 作者：爱奇艺UED 猎人：小白

设计彩蛋 iPhone的小电筒，原来还可以这么玩儿╰(°▽°)╯

iPhone自带的照明程序小电筒的图标动效模拟了真实电筒的开关场景：随着照明功能的开启与关闭，图标上的小「开关」会随着照明灯的开关状态而改变。3D touch还可以调控小电筒的亮度╰(*°▽°*)╯，可以说是非常有趣的细节设计了。

产品：iOS系统作者：Apple设计团队猎人：小白

阅读体验你发现了么？我们的眼睛能快速感知光明，却需要很长时间去适应黑暗

很多手机都有「自动亮度调节」功能，根据周围的光线环境系统会自动调节屏幕亮度至最佳。但Apple大魔王家的亮度调节机制不仅如此，还真正做到了人性化。当你将iPhone拿到很亮的地方时，屏幕的亮度会增长得较快；但当你将iPhone拿到很暗的地方时，屏幕的亮度降低明显变慢了很多。这是为什么呢？因为科学表明人眼对于环境光线的适应程度是有快有慢的。人眼更能适应光线从暗变亮，而当环境由亮变暗时，我们则需要更多的时间去适应黑暗。所以，iPhone的自动亮度调节功能速度的不同，完全是为了配合我们的眼睛对光线做出反应的节奏呢～

产品：iOS系统作者：Apple 设计团队猎人：小白

优设精选专题查看更多

1039187人看过 27篇文章

平面设计

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

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

514447人看过 8篇文章

微信小程序

今年最热的小程序设计和开发方法

就在上个月，微信小程序的用户突破6个亿，如此庞大的体量，让很多公司跃跃欲试。不过很多设计师和工程师之前没做过微信小程序，不知道如何开始，本专题为此而生，从基础知识、官方指南到实战技巧、案例复盘都有，让新手快速掌握微信小程序的设计和开发方法。

124005人看过 8篇文章

智能电视设计

这个完全不同的新领域应该如何设计？

智能电视作为新兴行业，国内相关的用户体验设计知识少得可怜。本专题收集了8篇高质量的智能电视设计干货，从初级入门到交互基础，从电视焦点设计到遥控器设计，从 Apple TV 到 Android TV，最后还有 Fire TV 的实战案例分享。如果你刚好需要做智能电视设计，这个专题就别忘记收藏了！

691618人看过 22篇文章

图标设计

至少20个图标设计杀手级干货

本专题从图标的基础知识出发，再具体到不同类型的图标设计方法，待你掌握方法后，附上图标检验和优化指南。最后，优质的免费图标下载站合集和图标管理工具，让你更加省时高效！

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

破茧成蝶2

国内设计师出版的最值得一看的书，熟悉的界面背后藏着大道理。

刘津孙睿

人民邮电出版社

用户思维

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

约翰·沃瑞劳

中国友谊出版公司

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

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

唐纳德· A · 诺曼

中信出版社

用户体验要素

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

Garrett

机械工业出版社

用户至上

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

Kathy Baxter

机械工业出版社

色彩设计法则

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

梁景红

人民邮电出版社

书到用时方恨少 > >

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

扫码关注

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

访问官方微博

您还没有登录

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

微信扫码

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

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

把好文章收藏到微信

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