胡鑫宇案:适用 “ 他杀推定 ” 原则 !

胡鑫宇事件新闻发布会:那只高举的手

母子乱伦:和儿子做了,我该怎么办?

去泰国看了一场“成人秀”,画面尴尬到让人窒息.....

再度来袭:诸多类型女优排行

生成图片,分享到微信朋友圈

自由微信安卓APP发布,立即下载! | 提交文章网址
查看原文

音乐APP天花板,Spotify的设计强在哪?

体验进阶 2022-07-14

The following article is from 功夫体验设计 Author Tony

身为设计师,最重要的能力之一就是要持续保持好奇心,不断去探索未知,打开眼界,提升思维格局

最近,我在大量体验一些优质的App,其中Spotify让我尤为喜欢,它最吸引人的当然是封面的美学设计,进入这个软件就感受到了浓浓的音乐氛围感。

如果说音乐软件中有王者,那么Spotify目前来说,有资格来担当。至少,目前我体验了众多国内外的音乐软件中,Spotify让我记忆深刻。所以,我非常想分享下我的一些思考。
下面,我从人像哲学、色彩疗愈、趣杂志、感官图形等四个维度,来拆解Spotify封面美学设计。


文末有Spotify高级感封面下载,大家看完文章记得去领取。



1.人像哲学

Spotify 对高清人像情有独钟,他们善于打造有品质感的封面,当进入APP首页,第一时间就被精致的封面给吸引住。

人像哲学,不仅仅追求照片的品质,是一种态度,一种精神,更是一种音乐的哲学,有气息,有生命。


Spotify的音乐封面之所以设计很有品质感,主要以高清人像为主,对人物的表情、动作、姿态刻画很细致。然后再通过形式化的排版设计、色彩搭配等形成了他们独有的封面体系。


保证多国语言环境下,有本地的特色。Spotify是通过当地特色服饰、人像妆容等进行个性化设计。

Spotify 客户端

在歌手、专辑封面、歌单封面和音乐电台的定义,均是使用高清人像。对图片的角度定义、比例、和表情质感等渲染十分到位。


每一张歌单封面图都精心为您准备,每一张人像都很传神,这就是它的态度。


当然除了高清人像大图,也会混合其他封面,为了打破过于单调的页面。但是整体视觉语言感受是一致的,这就是他们高明之处。



2.色彩疗愈

色彩在视觉语言中起着决定性的作用,色彩能唤起情感时刻。如果说音乐可以治愈人的心灵,那么色彩可以激发出心灵对美的感受。

Spotify也正是通过色彩,来打造封面美学基因。不管在何处,只要看到封面,给人第一感受,就认出是Spotify家的,你说牛不牛。


Spotify通过色彩来区分音乐类型,除了在应用内大量使用色彩来打造音乐氛围感。

MAC端

我们可以在官网,其他场景等看到Spotify不断重复使用色彩,来打造音乐情绪,烘托氛围。

Promo Cards

比如一些运营类设计。


这是官方设计博客,同样充满浓浓的音乐气息。



3.趣杂志

枯燥的版式好生无趣,趣味性版式激起好奇心,正是因为这样,所以形成了Spotify独有特色。趣杂志的特点是版式结构灵活,创意性、人像、层叠、穿插、大字体和留白等共同构成。

Spotify DOK

上图设计中,就运用了大字体,图文叠加,图像分割等设计手法,共同打造杂志化音乐设计。


Spotify New Music Friday 通过趣味性版式设计,人像处理,让这个封面运营变得更有张力。

APP 内音乐封面

在APP内设计中,所有的封面似乎都有经过设计或者处理。对于这么大批量的封面设计,Spotify 也有他独特秘技,类似阿里鲁班。

不过最重要的还是底层设计视觉语言的构建,因为底层的元素构建是一切变化的基础。

Spotify 2018 Wrapped


一些运营设计,浓浓音乐杂志氛围,强烈吸引我们目光,会不经意间去多看几眼。

The Monster who lives in you - Spotify

来看个视频,趣味性,杂志化。

Notting Hill Carnival 



4.感官图形

图形是一切视觉语言的基础,Spotify 在打造封面美学体系过程中,注重形式感和创新设计,简约而不简单。

那么,如何把简约的图形用出高级感?Spotify来教你。通过分析我发现三个最关键的思路,简约的图形、纯色、面性图形为主。

APP内封面

图形设计也只是第一步,还需要能灵活的与色彩搭配,克制版式,使得整个封面音乐视觉设计感张力十足。


Spotify Niceshit Weekly 音乐周刊。


在图形的使用中,除了与人像进行组合设计,对于一些特殊的抽象的歌单,Spotify通过抽象线条画图形来设计成封面。



写在最后

对于Spotify的设计,还有更多可探讨的地方,比如他们对于图形化的处理,用了哪些方法?对于歌手人像的拍摄角度、表情姿态的选择标准又是什么?色彩的应用逻辑?

今天的分享只是一个起点,剩下更多细节大家可以再去分析下。毕竟这家音乐公司做了10多年的音乐,有很深的沉淀,也有不少地方值得我们学习。

如果你有设计不错的音乐APP推荐,欢迎留言哦。




想要学习或者练习体验/交互设计的朋友,可以了解一下「体验设计学习社」。


无限制作品集详细点评+答疑+免费训练营&学习打卡等活动,更有各类大厂内推:



如果你只是想要多认识一些同行,也可以加入我们无广告的纯粹体验研讨微信群:


偷偷收藏,一份不看会后悔的年终总结!
蒙纳发布2023年度字体趋势报告,十大趋势呈现市场变化中的字体创意力量
为什么韩国APP设计总是出圈?
这 10+ 个 App 的年度报告,带你回顾自己的 2022
生于未来的Hyperpop,正在自我背弃

文章有问题?点此查看未经处理的缓存