关于QQ音乐APP9.0新版的设计解读

  • A+
所属分类:经验思维

本文来源: 阿门(公众号:庞门正道), 共 2775 字

听歌已经成为现代人每天的必修课了,通过手机里的音乐APP软件,人们可以随时随地享受音乐带来的乐趣。但随着音乐APP的增多,其市场竞争也越来越激烈。产品开发者们也更加注重美观的界面设计和流畅的交互体验,吸用更多用户的关注和使用。

一直以来都用QQ音乐听歌,理由很简单,曲库音乐丰富啊!毕竟小马哥的money不是白花的!至于QQ音乐APP本身,之前我还找QQ音乐里的前同事吐槽过一些功能,不过也不妨碍我一直使用。去年就听说QQ音乐在筹备大力度更新,终于在2月底的时候,收到朋友给我发消息,让我看看他们的内测版APP:

关于QQ音乐APP9.0新版的设计解读

当时的设计稿只能看到视觉风格,也看到了QQ音乐在内容推荐方面做的一些改进,不过没有线上体验过,效果不好说。

然后就在前不久,收到了QQ音乐9.0的更新提醒,马上手动更新。欢迎界面就把我惊艳到了!

关于QQ音乐APP9.0新版的设计解读

动画过渡得十分流畅,用概念化的抽象界面动态串联了本次改版主要变动点,并提供了6套灵感来源于6张经典专辑的纯色主题,我个人比较喜欢霜荼白、玄潭黑、爱乐之城这三款。

关于QQ音乐APP9.0新版的设计解读

OK,进入主界面,我们来对比一下旧版的,是不是有种焕然一新的感觉!

关于QQ音乐APP9.0新版的设计解读

新版上线之后的反馈如何呢?我特意去各大社交平台看了下,口碑果然跟我预期的比较一致:

关于QQ音乐APP9.0新版的设计解读

关于QQ音乐APP9.0新版的设计解读

当然,社交平台上这些用户评价,往往都是凭第一印象,也就是只看颜值。

作为设计师,我们应该如何从专业的角度来解读一个互联网产品的改版呢?今天我就给大家分享一下自己的方法。

一个产品设计得好不好,在我看来可以从三个方面进行分析。

1、设计风格

这个很好理解,如果你的产品不只是面向某一个细分群体,那么在设计风格的取向上,就一定不能过于激进,而是要考虑大众的审美。从这个角度看,QQ音乐是海量用户,因此在前期定义产品风格时,一定要在当前趋势潮流的框架下。

2、产品细节

把握好了趋势可以让设计走在正确的道路上,但是真正让设计脱颖而出的,是设计的执行能力,也就是产品细节。可以说,风格决定了设计的下限,而细节决定了设计的上限。

3、交互体验

如果说视觉设计是用来解决好看的问题,那么交互设计就是用来解决好用的问题。一款产品只有既好看又好用时,我们才可以称之为优秀的产品。相对于视觉,交互属于更泛一些的设计概念。它揉和了信息架构与操作反馈等多个方面,是从更综合的维度来考量一款产品。当然我们还能从更多维度去看一个产品,比如说产品运营,商业模式等,不过这已经超出设计师的职责范围太多,我这里不多作讨论。

接下来我从上面讲到的三个方面来分析下QQ音乐9.0版本的设计。

01

设计趋势看整体风格

如果我问当前的设计趋势是什么?对设计动向稍微有点关注的人可能都会回答是扁平化。是的,今天已经没有人再去讨论什么扁平化和拟物化的话题了,几乎所有设计师在做APP设计的时候,默认就是扁平设计。之所以扁平化设计会全面占领上风,是因为它比较好看吗?如果你回答是,那么你可能只看到了表象。

手机等移动终端现在成为了我们主要的上网方式。在手机这样狭小的展示空间中,我们需要更少信息噪音、更高效的设计。而要做到高效,就必须精简。这时,页面上的高光、立体等视觉效果就显得不合时宜,后来设计师们就把装饰性元素全部去掉,直到只剩下必要的内容,这种处理信息的方式我们就称之为轻视觉、重内容的设计手法。

这就是扁平化设计的由来,因此,降低视觉负担、围绕内容进行设计,这才是扁平化设计的核心。

好了,再回到QQ音乐9.0,我们可以很明显的看到这样的设计理念。新版本给我的第一感受就是整个界面变得轻盈了,为了营造这种轻盈感,QQ音乐的设计师从多方面进行的处理。

首先是框架上的轻盈。

整个界面采用去框架式的设计手法,去掉了几乎所有的分割元素,完全围绕内容进行设计。更简洁化的设计语言使得内容有更多的展示空间,同时设计师加大了内容块之间的留白空间,使得页面有了更好的呼吸感。

关于QQ音乐APP9.0新版的设计解读

其次是色彩上的轻盈。

新版在视觉上最大的改变之一就是淡化了原有的品牌主题色,这样整个界面从上到下就形成了通透感,简洁纯粹的风格让人更有沉浸感。

关于QQ音乐APP9.0新版的设计解读

第三,统一的圆角卡片让整个界面显得更亲和、更轻快。

之前的方块硬线条卡片虽然能展示更多内容,但是视觉上相对生硬。改成统一的圆角之后,整个界面明显更活泼、轻快了许多。

关于QQ音乐APP9.0新版的设计解读

视觉上的轻盈,换来的是内容更突出,将设计重心放在对内容的包装上,最终呈现出来的结果就是设计更纯粹,内容更丰富。

02

从产品细节看设计情怀

简洁化的设计,并不意味着丢弃细节,事实正好相反,越简洁的设计越需要细节来体现品质感,不然简洁就变成了简陋。

音乐对于我们来说,不只是娱乐消遣,它还具有很强的情感化属性。因此,对于一款音乐APP来说,需要让用户感受到音乐的温度,要做到这一点,需要设计师具有很细腻的感受力,也就是我们常说的情怀。

我们来看看QQ音乐9.0里面的一些设计细节。比如默认的纯色主题,每一款的设计灵感都来自于一张经典专辑或者电影,再加上文艺的命名,这样就让一个界面主题有了更丰富的内涵。

关于QQ音乐APP9.0新版的设计解读

在音乐播放界面,我也发现了一个非常具有品质感的设计细节——音乐卡片。

当我们听到一首好歌时,经常会有想分享给好友的冲动,在QQ音乐的播放界面可以点击音乐卡片按钮,然后系统会根据歌曲的主题色调,智能化的生成一张十分精美的音乐卡片,让你在分享音乐给好友的时候,装逼于无形之中。

关于QQ音乐APP9.0新版的设计解读

在满足小众用户的个性化需求方面,设计师也是用足了心思。新版的QQ音乐将原先的“个性皮肤”升级为“主题中心”,除了进入时候看到的6款纯色主题之外,还有明星、文艺、潮流等类型主题,各种风格随心更换,完全可以满足大家不同的个性需求。喜欢听易烊千玺的歌?那就把QQ音乐换成他的主题吧!

关于QQ音乐APP9.0新版的设计解读

对于粉丝们来说,这样的设计简直不要太贴心!

关于QQ音乐APP9.0新版的设计解读

优秀的设计师就是这样,能够让设计渗透到每一个细微的使用场景中,通过大量有温度的细节设计,使得整个产品呈现出一种优雅的精致感。

03

从交互细节看用户体验

前面我们说了,交互要解决的问题是好用。那如何将好用这种很虚无的感受让用户感知到呢?

其中一种方法是提高用户的操作效率,QQ音乐的具体做法是聚焦。将用户需要高频操作的内容聚合到一起,方便用户快捷操作。需要用户第一时间看到的内容放大展示,这些都是聚焦。例如QQ音乐9.0将原先顶部的导航下移,与底下的播放minibar进行的整合。这样做除了易于单手操作之外,也使得交互性的操作更聚焦。可以大大的提高使用效率。

关于QQ音乐APP9.0新版的设计解读

用户对于这种交互的改进反馈也十分不错:

关于QQ音乐APP9.0新版的设计解读

除此之外,9.0版本页面顶部的大字号标题样式,也让用户能更明确当前tab定位,有效地聚焦了当前的内容。

关于QQ音乐APP9.0新版的设计解读

我们都知道,腾讯体验设计团队在业内一直是有口皆碑的,这次QQ音乐的APP改版,让我们看到了一个音乐平台如何走出差异化之路。QQ音乐9.0版本的升级,拥有更年轻时尚的视觉,更品质化的内容,更流畅的操作体验,更个性化的内容推荐,这一切让QQ音乐华丽脱茧,重新演绎我们的音乐生活。



发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: