热评 香ing

真滴好看!每个APP都还挺有特色的,音乐播放界面都被做出花儿来了,妙哉妙哉!

10个音乐产品细节剖析,看看高手是如何做设计的!

最近被刀郎的《罗刹海市》洗脑了,相信大家的朋友圈也被刷屏啦!

当然,闲暇时光听听音乐也是大家放松心情的不错选择,科技的进步让听歌变得很容易,身边的音乐产品也非常多。平时黑马哥也会选择不同的音乐产品体验听歌的乐趣,每个产品都有自己的风格,特别是在音乐播放器界面的设计上面,都在努力的突破差异和带给用户更好的感官体验。

今天黑马哥特意体验了不同音乐产品的播放器界面,如果你要听《罗刹海市》,你会选择哪个播放器的设计呢?

往期产品细节回顾:

一、网易云音乐

网易云音乐的播放器相信大家非常熟悉,算是比较经典的音乐播放器了。黑胶唱片风格还原了音乐播放的场景感,播放和暂停也进行场景代入感的设计。

10个音乐产品细节剖析,看看高手是如何做设计的!

播放器背景运用磨砂玻璃的效果,提取不同音乐专辑封面作为背景,整体视觉感简洁舒适且非常自然。无论是使用体验还是感官体验都非常不错,成为经典是必然的。

除了默认的经典风格以外,也可以进行播放器皮肤定制,打造自己专属的播放器。

10个音乐产品细节剖析,看看高手是如何做设计的!

二、QQ 音乐

QQ 音乐结合轻拟物风打造播放器也非常具备场景感,开关按钮的动态效果也十分真实。界面底部会提取专辑封面配色营造弥散光效果,使得设计具备更好的视觉氛围感。

10个音乐产品细节剖析,看看高手是如何做设计的!

除了默认的播放器以外,在雷达里面听歌时,播放器变得更有空间感。让用户沉浸在音乐的世界,更有倾听音乐享受愉悦的心情。当然,QQ 音乐也提供了个性装扮,让用户可以拥有更多自定义的体验。

10个音乐产品细节剖析,看看高手是如何做设计的!

三、酷狗音乐

酷狗音乐相较于其它音乐产品而言,设计风格比较个性化。播放器界面设计提供了众多主题皮肤,通过“播放设置”即可选择自己喜欢的风格,样式都非常不错。

10个音乐产品细节剖析,看看高手是如何做设计的!

除了静态风格以外,部分播放器主题带有视频功能,也有一些视频是酷狗 AI 制作。整个产品视觉风格年轻化,感官体验度十足。

10个音乐产品细节剖析,看看高手是如何做设计的!

四、酷我音乐

酷我音乐的主题皮肤设置也是非常丰富的,我比较喜欢这种立体风的感觉。结合立体风的播放器延展了很多不同的视觉效果,比如悠悠夏日、三体太空、赛博朋克等。播放音乐时,3D 播放器打开的动效表达流畅自然,非常具有空间的代入感。

10个音乐产品细节剖析,看看高手是如何做设计的!

用户也可以选择更多风格各异的播放器或者其他主题皮肤,无论是 3D 还是动态背景,丰富的样式选择提供了差异化的定制体验。

10个音乐产品细节剖析,看看高手是如何做设计的!

五、咪咕音乐

咪咕音乐也是比较主流的音乐产品之一,音乐播放器可以关闭/开启动态背景,带给用户多样化的选择。动态背景以专辑封面缩放展示,也会伴随着位移,相较于静态而言具有更多变化体验。

10个音乐产品细节剖析,看看高手是如何做设计的!

六、MOO 音乐

MOO 音乐播放器提供了专辑封面和背景大图两个模式,方便用户根据喜好进行设置。

10个音乐产品细节剖析,看看高手是如何做设计的!

在播放界面设计中,底部配合音量的大小弹出音频波动条,带给用户视听双享受。音频波动条采用不同的元素进行设计,体现不同音乐的差异,带给用户独特的感官体验。差异化的设计表达也能打造独特的记忆点,让用户在众多的音乐产品中形成独特的记忆。

10个音乐产品细节剖析,看看高手是如何做设计的!

七、汽水音乐

汽水音乐是抖音官方出品的音乐产品,音乐播放器设计比较特别的是播放/暂停按钮动效。暂停状态背景会有气泡漂浮,还原了汽水带给用户的视觉感。通过小小的动效表达不仅强化了品牌感,也提高了播放按钮的点击欲,带给用户不错的感官体验。

10个音乐产品细节剖析,看看高手是如何做设计的!

八、波点音乐

波点音乐在播放器设计上也提供了设置功能,可以设置背景、沉浸式播放、动感歌词、优评展示等。处于操作状态时,播放器展示常规的音乐操作基础功能;几秒后便会隐藏基础操作,以可视化的音频波动呈现,触碰界面即可激活功能操作。

10个音乐产品细节剖析,看看高手是如何做设计的!

人性化的设置满足用户喜好,沉浸式的设计可以带给用户更好的听歌体验。

10个音乐产品细节剖析,看看高手是如何做设计的!

小结

音乐产品很多,以上列举的仅为个人习惯性选择。通过体验总结,让大家感受不同音乐产品的播放器差异,选择自己最喜欢的形式享受音乐带来的愉悦!

欢迎关注作者的微信公众号:「黑马家族」

10个音乐产品细节剖析,看看高手是如何做设计的!

收藏 22
点赞 44

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。