微交互让小萌猫在进度条上打瞌睡的「猫耳FM」

产品: 猫耳FM猎人: AmberDu小白作者: 猫耳FM团队观众: 5.7k人 时间: 2020-04-01

猫耳FM

与「猫耳FM」有关的细节还有 15查看全部

我也有新发现 我要投稿
让小萌猫在进度条上打瞌睡的「猫耳FM」让小萌猫在进度条上打瞌睡的「猫耳FM」

细节描述

AmberDu小白: 「猫耳FM」的音频播放进度条的图标是平台的吉祥物小萌猫的形象。当音频处于暂停的状态,小猫儿会呈现打瞌睡的样子;而当按下播放键,音频播放中的进度条上小萌猫会开心地向前移动。用情感化的设计来反馈用户与产品的互动关系状态,生动有趣,让人心情愉悦。此外,将吉祥物形象融入部件设计,强化品牌形象的同时也很好体现了平台属性。

925人评分
收藏 7
分享细节海报

发表评论 为下方 2 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

网站如何用视觉和交互设计讲故事?
浪琴

视觉网站如何用视觉和交互设计讲故事?

猎人 - 龙爪槐守望者7.8

「浪琴Zulu手表」网站的视觉和交互设计很有艺术感。「Zulu」是航空和军事领域的通用时间表达,而「浪琴Zulu手表」则是用支持多时区来延续这个概念。网站以「 Zulu手表」...

查看详情

#交互手势#情怀#沉浸感

猫耳FM:深色模式的设计也能有故事性与温度
猫耳FM

设计逻辑猫耳FM:深色模式的设计也能有故事性与温度

猎人 - AmberDu小白10.0

「猫耳FM」是通过「傻白甜小白猫」与「小恶魔黑猫」的两种主题来区分它的普通模式与夜间模式。夜间模式的设计不仅局限于简单的页面反色,还体现在互动小猫动画与特别的黑猫主题图标设计...

查看详情

#FM#信息呈现#情感化设计

海马体小程序是如何吸引用户去了解会员体系差异?
海马体

信息呈现海马体小程序是如何吸引用户去了解会员体系差异?

猎人 - AmberDu小白6.2

「海马体」小程序里「我的」页面通过切换不同的插画风格和名称,展现不同等级的差异。首先插画非常瞩目,能够帮助用户充分的感知到有会员体系的存在,从而促进转化,一定程度上促进消费升...

查看详情

#会员#信息呈现#海马体