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

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

余音

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

豆瓣电影如何打造沉浸感?App中的变色龙
豆瓣

视觉豆瓣电影如何打造沉浸感?App中的变色龙

猎人 - 李炜健9.5

影片详情页是让观影者最快了解影片要素的地方。那么怎样才可以快速渲染影片的氛围呢?「豆瓣电影」有个好办法: 通过对每个影片的海报颜色分析,生成一张与海报相同色调详情页面的背景,...

查看详情

#惊喜#电影#视觉

「饿了么」消失的骑手去哪儿了?
淘宝闪购(饿了么)

用户体验「饿了么」消失的骑手去哪儿了?

猎人 - AmberDu小白10.0

在「饿了么」点餐后,app会用可视化的信息展示从店家配餐到骑手接单、取餐、配送的全过程。让点单者对自己的外卖是如何送达的每个步骤都清楚明了,用信息的透明化获得用户的信任。除此...

查看详情

#信息呈现#即时反馈#形象思维

独家拆解 Obsidian 剪藏图标过程稿:看大厂设计师怎么改稿
Obsidian

图标设计独家拆解 Obsidian 剪藏图标过程稿:看大厂设计师怎么改稿

猎人 - 龙爪槐守望者9.2

这是Obsidian笔记的浏览器扩展Web Clipper的图标设计过程稿。刚开始设计师只是在死磕Obsidian的黑曜石品牌符号。但要表达网页剪藏,光有石头不够。

查看详情

#logo#图标#草稿