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

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

余音

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

在支付宝搜索「我裂开了」,手机屏真的裂开了?
支付宝

设计彩蛋在支付宝搜索「我裂开了」,手机屏真的裂开了?

猎人 - AmberDu小白8.3

「支付宝」为了推广蚂蚁保保险代理的「手机碎屏险」,专门设计了有趣的碎屏彩蛋。在搜索栏输入关键词「我裂开了」,就能搜到手机碎屏险的购买页面并触发碎屏动效,页面右下侧仿佛真的屏碎...

查看详情

#广告#形象思维#支付宝

「饿了么」蓝骑士主页头顶竹蜻蜓的隐藏互动彩蛋
淘宝闪购(饿了么)

设计彩蛋「饿了么」蓝骑士主页头顶竹蜻蜓的隐藏互动彩蛋

猎人 - AmberDu小白9.0

在「饿了么」送餐骑手的个人主页,点击蓝骑士的卡通头像,头顶的竹蜻蜓会出现转动的小动效。这里的微交互设计和之前写过的「小宇宙」App主页的logo动效相似,都是非功能性的交互彩...

查看详情

#互动#动效#微交互

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

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

猎人 - 李炜健9.5

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

查看详情

#惊喜#电影#视觉