微交互一款用视觉呈现「余音」绕梁的小众音乐App

产品: 余音猎人: AmberDu小白作者: 余音设计团队观众: 6.3k人 时间: 2020-03-17

余音

与「余音」有关的细节还有 1查看全部

我也有新发现 我要投稿
一款用视觉呈现「余音」绕梁的小众音乐App一款用视觉呈现「余音」绕梁的小众音乐App

细节描述

AmberDu小白: 「余音」App是一款小众的音乐播放器,也是一本极简风格的独立杂志。音乐播放页面的动效设计模拟了唱片播放的过程:默认状态会显示音乐唱片的封面图片;点击播放按钮,黑胶唱片则会从唱片封套滑出并开始随着音乐转动。当暂停歌曲时,黑胶唱片会滑回封套与之完全重叠,仅显示封面图片。这样对整个黑胶唱片被取出、开始播放到停止播放再收回封套的全过程展示,有趣又充满质感,成为产品文艺范儿十足的设计亮点。

0暂无评分
收藏 11
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

色觉障碍者眼中的世界,有着我们无法想象的色彩
腾讯视频

用户体验色觉障碍者眼中的世界,有着我们无法想象的色彩

猎人 - AmberDu小白10.0

我们对这个五彩缤纷的世界习以为常,但或许你从不知道在不完美的人眼中世界会是怎样。所谓「色盲」,是对某一种或多种颜色失去分辨能力的人群,他们眼中看到的是我们无法想象的色彩世界。...

查看详情

#人性化#同理心#情境预判

「虾米音乐」具有仪式感的专辑选择交互设计
虾米音乐

手势交互「虾米音乐」具有仪式感的专辑选择交互设计

猎人 - AmberDu小白10.0

「虾米音乐」主页的「乐库」版块,顶部banner图展示区域的交互设计,模拟了现实生活中翻看CD的效果,很有仪式感。每张专辑都是编辑精选的歌曲专题合集,点击封面图可进入专辑详情...

查看详情

#交互手势#仪式感#微交互

星巴克是如何通过布局和动效设计推荐产品的?
星巴克

视觉星巴克是如何通过布局和动效设计推荐产品的?

猎人 - Monster7.3

「星巴克」App的广告位会利用卡片布局和视觉动效来推荐新品咖啡饮料。虽然整体设计新颖度是不是特别出彩,但广告位采用破局(突出卡片布局)使产品看上去高端和吸引人的,比如使用叶子...

查看详情

#banner#动效#卡片