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

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

余音

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

「知乎」的广告呈现设计有什么特别之处?
知乎

信息呈现「知乎」的广告呈现设计有什么特别之处?

猎人 - AmberDu小白0.0

「知乎」将小广告放置在了内容的信息流里,当用户滑动屏幕广告移动到接近屏幕中间的位置时,banner图会出现从右向左切换的交互效果,起到区别广告与内容的作用。这样用户的注意力马...

查看详情

#banner#交互手势#信息呈现

滴滴有趣的出行周报设计
滴滴

好功能滴滴有趣的出行周报设计

猎人 - 卷卷墩儿浪里个浪9.9

大家看过「滴滴出行」周报么?每周的提示弹窗用大标题「本周省了XXX元」吸引用户,而落地页设计也细节满满,头部显示汽车行驶的小动画,加上与现实映射的发票机设计,而在用户向上滑动...

查看详情

#信息呈现#好功能#微交互

应用宝如何通过设计细节呈现不一样的banner?
应用宝

信息呈现应用宝如何通过设计细节呈现不一样的banner?

猎人 - Monster5.5

「应用宝」的头部banner采用了强视觉的视频素材,再通过渐变模糊的过渡效果,实现视频内容到应用背景的平滑过渡,有很强的视觉冲击力。底部金刚区通过从banner区域的展示游戏...

查看详情

#banner#信息呈现#应用宝