▼ 点击下方卡片关注公众号

2022年第 9 篇文章,距离年底目标 120 篇还剩下 111 篇
功夫UX第 191 篇原创专业文章



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


最近,我在大量体验一些优质的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推荐,欢迎留言哦。





资料领取:

为了便于大家充分理解和学习Spotify的设计,考虑到部分设计师找资料不方便,因此我下载他们一些优质封面30张,感兴趣的可以拿去。


领取方式如下:
1、将文章分享在朋友圈,并截图
2、将截图私信发小编领取资料


交流设计,不错过任何干货分享





最近,我们推出了【审美社群】,专注提升设计眼光,每日看好设计。如果你想提升设计眼界,提升认知,欢迎您的加入。

扫码添加小编了解


好文推荐:

全网首发!别天天盯着Materials Design了,LINE推出全新设计系统!





“流水在碰到抵触的地方,才把它的活力解放”。
人也是如此,压力和挫折是自我成长的绝佳机会,
迎难而上的过程,往往是个人成长最快的阶段。

▲ 点击上方卡片关注 “功夫UX” 公众号


优质社群|审美私塾|格局认知|设计经验 | 人脉资源|转载开白
请在公众号后台回复 合作



点个在看
你只管努力,剩下交给时间

本篇文章来源于微信公众号: 功夫UX