美文网首页
竞品分析 1 - 网易云音乐和QQ音乐

竞品分析 1 - 网易云音乐和QQ音乐

作者: 此无休言 | 来源:发表于2018-08-28 10:51 被阅读0次

原型链接:https://bzmis4.axshare.com
原型是音乐类app,主打独立音乐人和制作人,即独立音乐人上传个人制作音乐,制作人或者出唱片方可以购买歌曲并与音乐人进一步沟通。


做的竞品是音乐类app,分别是网易云音乐和QQ音乐。

竞品选择

网易云音乐 QQ音乐

根据其图标,网易云音乐主色调是红色,辅色为白色;QQ音乐主色调是绿色,辅色为白色。

界面分析

仔细观察icon可以发现,对于闭合的线条 – 比如音符、柱状排行榜,网易云音乐是保留空白,更加简洁;但是QQ音乐均填充主题色,色彩更加饱满。

Banner

文字色彩

布局设计

网易云音乐 网易云音乐主要模块均以标签式/Tab式 布局形式展示,只要简单的滑动即可达到所需Tab;
详细信息以列表布局为主,辅以宫格布局。
标签式与列表布局使得整个App操作简单,界面简洁;
宫格布局有视觉冲击力,方便展示推荐歌单等信息,从而强调了专辑图片。
网易云音乐重点布局突出私人订制、歌单分享和社交。 QQ音乐

QQ音乐三大功能 – 我的、音乐馆、发现以Tab布局切换;
其余以宫格布局为主要形式展示,辅以十字式布局。
只在发现和歌单以列表形式展示。
宫格布局将整个App划分成多个模块,简单明了。以icon突出功能,弱化了文字信息;
但是需要多次点击才能达到所需界面,并且需要返回顶部才能点击icon。
QQ音乐重点布局突出音乐的分类以及明星大咖。

播放器
对于一个音乐App,播放器是其最基本重要的功能,也是集中体现了两个App设计风格的不同,因而在此模块单独描述。

网易云音乐 网易云音乐播放器界面简洁,创新得模拟了黑胶唱片的风格,背景选择了专辑图片的色彩进行放大和虚化,界面突出了播放器基础功能并辅以社交,歌曲信息以滚动文字的形式在最上方展示;
只需点击即可查看歌词,滑动可切换上下曲;
详细信息秉承了一贯的列表式布局和主题色。
总体操作简单,布局简洁,整体协调。 QQ音乐

QQ音乐播放器界面较为复杂,除了播放和社交还添加了歌词信息和歌曲品质等按钮,背景同样选择了专辑图片的色彩进行放大和虚化;
通过滑动查看歌词和歌曲信息;
详细信息秉承了一贯的宫格式布局和主题色。
总体操作较为复杂,界面信息略多。

相关文章

网友评论

      本文标题:竞品分析 1 - 网易云音乐和QQ音乐

      本文链接:https://www.haomeiwen.com/subject/lidfwftx.html