行业资讯

直击设计行业第一现场,掌握全球化消息

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

  • 发布时间: 2023-08-14
最近被刀郎的《罗刹海市》洗脑了,相信大家的朋友圈也被刷屏啦! 当然,闲暇时光听听音乐也是大家放松心情的不错选择,科技的进步让听歌变得很容易,身边的音乐产品也非常多。平时黑马哥也会选择不同的音乐产品体验听歌的乐趣,每个产品都有自己的风格,特别是在音乐播放器界面的设计上面,都在努力的突破差异和带给用户更好的感官体验。 今天黑马哥特意体验了不同音乐产品的播放器界面,如果你要听《罗刹海市》,你会选择哪个播放器的设计呢?

一、网易云音乐

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

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

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

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

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

二、QQ 音乐

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

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

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

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

三、酷狗音乐

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

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

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

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

四、酷我音乐

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

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

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

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

五、咪咕音乐

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

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

六、MOO 音乐

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

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

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

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

七、汽水音乐

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

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

八、波点音乐

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

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

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

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

小结

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

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

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

 

转载自:https://www.uisdc.com/10-ui-ux-design-9

本文网址: https://www.zhishangsj.cn/news/445.html

聆听与分析需求

设计并不是个人观点或情感的自我表达,而是基于

商业委托的系统化、清晰化、构成化的客观解决方案

多一份参考,总有益处

联系微信:2476910203,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系


业务热线:


178 6662 5335

185 6288 7528  

关于至上UI设计

至上UI设计,隶属于青岛至上视界互联科技有限公司,成立于2018年7月。专注于建站和UI视觉设计,致力于创造令人难忘的用户体验,用设计来打动每位用户的心,从而为产品赋予更多价值。遵循用户体验至上,品质至上,服务至上的理念,至上UI设计已为上百家企业提供设计服务,有着成熟的服务经验。

我们的优势

扎实的专业素养

资深的项目经验
精准的需求沟通
完善的售后服务

高效的执行力
规范的设计流程

严守进度与质量

对设计执着的追求与热爱

我们能做什么

企业品牌网站
响应式网站
网页UI定制设计
移动端UI设计

系统软件界面设计

数据可视化大屏设计

图标定制设计

落地页设计

青岛UI设计界面设计丨山东UI设计界面设计丨青岛网页设计丨烟台UI设计界面设计丨济南网页设计丨济南UI设计界面设计丨泰安UI设计界面设计丨潍坊UI设计界面设计丨青岛网站设计

在线客服

扫一扫添加我微信好友