有人曾说过“音乐是生活中最美好的一面”。什么音乐类APP最让你深切体会到生活呢?我想,应该是网易云音乐吧。
不知道从什么时候开始,音乐软件已经不像以前那样,只依靠资源就能在同类软件中立于不败之地了,虽然歌一直是音乐软件的主体,但走心却成为软件获取受众青睐,并被长时间使用的重要因素。
纵然歌曲资源不能和鹅厂相抗衡,但网易云音乐的格调却很高,不仅推荐的歌单极度贴合用户喜好,而且界面设计、Banner设计都为人称道。看来审美志趣高的软件果然在任何地方都保持着精致的漂亮。
网易云音乐的页面体现着对音乐的独到表达,整体透露出的是一种简洁、精巧、和时尚的感觉组合,让人极度舒适。
今天我们就来分析一下网易云音乐上最抓人眼球的Banner设计,到底有什么特别之处。
网易云音乐Banner总结
1.风格多变
网易云音乐的Banner风格都是根据具体的歌手和歌曲来决定的,它们不仅好看,而且符合表达对象的特色,受众在接收信息时也比较容易消化。
清新男团
炫酷摇滚
沉稳深邃
回忆复古
2.排版巧妙
图文各居
多为左右和上下的各据一方,这样排版,图文信息一目了然,不容易视觉混淆,效果舒适。
文字环绕图片
一般用于图片素材引人注意的情况,或者通过文字的聚集来体现图片中的某一块,这样设计,不仅在视觉上有焦点,也能较好地突出文字信息。
图文穿插
可以直接把文字放在图片身后,也可以让部分文字放在图片上,这样的版式让图文更有互动感,能相互衬托。
四周留空
网易云音乐还钟爱在中心放置一个方形画框,然后把主体放进去,四周留空,适当添加些修饰,这样信息集中,也不会让观者觉得负担。
3.文本高超
网易云音乐在字体的运用上可以说是炉火纯青,除了根据主体特色选用字体,同时对文字的艺术化处理也很高级。
为文本添加修饰性元素
当歌曲风格可爱就用气泡、典雅就加些中国元素、清新就来点基础图形和线条,有时为了重点突出还会加上适宜的背景颜色,外来元素与文字的搭配总是相得益彰。
为文本营造质感
当不满足于修饰时,网易云音乐就在文本的形态上下功夫,努力让文字“活”起来,可能让文字立体,可能为文字增加肌理,也可能让文字充满现实感——就像你我在日常生活中观察到的文字形态,但不似出现于虚拟事物之中的。
注重文本内容表达
在网易云音乐的Banner中,无论是对歌手的注解还是对歌曲的诠释,抑或是主题活动,文本内容都能揪住人心。
4.色彩考究
Banner的色彩可能直接影响受众“是否点击”的判断,色彩的使用的优劣并非源于固定的颜色搭配,与各类元素协调表达往往能让色彩的表现尤佳。
网易云音乐的Banner在色彩的使用从来不怕多,但因为对歌曲和歌手的熟悉和细心诠释让他们在色彩搭配上往往产生出奇制胜的效果。
相似色配色
色彩在搭配上呈现出一个梯度,有明显或者不明显的饱和度,或者透明度的差异,将这些处于一个色系的颜色相组合,不仅体现出层次,也让人在视觉上觉得享受。
对比色配色
先确定一种主体颜色,然后适当使用它的对比色,这样的Banner设计效果会很鲜明,引人注目。
黑白灰配色
黑白灰相搭配,总是能很有格调和高度,这类的Banner给人的感觉可以很高级,也可以很压抑。
怎么样,网易云音乐的Banner是不是很养眼?你是否get到设计技巧了呢?
学习最忌纸上谈兵,所以怎样自己制作一张网易云音乐风格的Banner呢?不妨来Fotor懒设计检验一下自己的学习成果。小懒首当其冲,就在这里献丑啦~
小懒就模仿一下这张Banner的设计
第一步:设置尺寸
可以选择预设好的,也可以自定义,多种尺寸任选择。
第二步:更改背景
点击背景页面,把颜色更改为黑色。
第三步:添加文字
点击左边的文字,依据文字层级添加文字,更改颜色为白色,调整字号和字间距。
第四步:添加框线
在贴纸元素里面找到基础图形,选择方形,将其拉长变细,并填充颜色,制作好一根线条之后可以直接选中,复制粘贴。
第五步:添加贴纸
可以在搜索栏搜索“月球”元素,也可以上传自己的图片作为贴纸,两种方法都很方便。
第六步:完成并保存
可以根据自己需要保存相应格式~
怎么样,是不是很方便?虽然小懒做得不是太精细,但粗略一看还是有点网易云的感觉吧,或许还可以以假乱真,来Fotor懒设计学习制作Banner吧,还有很多好看的Banner模板可以直接使用,设计就是这么简单~
