教小白从零开始设计出好看的BANNER（网易云音乐和虾米音乐BANNER简析）【百科全说】

小编：Banner设计其实是很考验设计师能力的一种图，或许它尺寸不大，可你一定不要小看它，因为这里面的学问可大着呢！想知道要设计出优秀的有设计感的Banner图需要掌握哪些技巧？那就和小编一起来看一下这篇文章吧。非常感谢作者@小七菇凉的详细分享。

作为一个重度沉溺在音乐世界中的设计师，我是上班路上塞着耳机，作图的时候塞着耳机，下班路上还是塞着耳机的，其实这样对听力不好。但是一边听音乐一边作图，真的觉得灵感都丰富多了。心情愉快，做出来的图也会更令人满意哦。

所以我是每天都必须打开音乐类APP的人，平时用得最多的两个音乐类APP就是网易云音乐和虾米音乐。很喜欢这两个APP，觉得无论从视觉设计上，还是用户体验上，它们都有可圈可点之处。我认为网易云音乐和虾米音乐的banner设计都比较有设计感。

今天我想和大家简单分析一下，这两个APP的banner设计。主要从构图、字体、配色、装饰这四个方面来分析。以下案例均来自网络，版权归网易云音乐和虾米音乐所有。

首先想和大家简析一下网易云音乐的banner设计。

1.构图

A.左字右图。

左字右图是最常见最容易掌握的排版，中规中矩，不易出错。

B.左图右字。

左图右字和左字右图差不多，首先要根据素材图片的构图和走向确定图片是适合放在左边还是右边，再做文案的排版。左图右字也是属于比较常规不容易出错的构图。

C.左中右构图。

左中右构图。左中右构图一般为左图中字右图或者左字中图右字。这种构图比左右构图版式会丰富点，但是比它们难把握。如果banner上要出现两个人物，比较适合左中右构图。或者想要重点突出人物，也可以把人物居中，把文案放在人物两侧。

D.上下构图。

上下构图一般为上字下图。上下构图不好掌握，常见于一个Banner中要出现多个人物，多个人物在左右构图里不好摆放。

E.文字作为主体居中

图片作为背景起到一个装饰的作用，或者没有图片素材。常见于文案内容比较抽象、不方便或者不需要用到图片素材、不知道用什么图片素材去表达画面内容，没有一个代表性的图片素材作为画面主体的情况。

F.不规则构图。

不规则构图最难把握，相对的，最有设计感。不规则构图如果把握得好，版式的丰富会给人眼前一亮的感觉。其实不规则构图也是在常规构图的基础上再做一些变化，万变不离其宗。

2.字体

正确选择字体在banner设计中也是非常重要的，字体的气质和画面的气质要一致，这样画面看起来才是一个和谐的整体。例如，如果画面中的人物是女生，就不适宜用粗犷硬朗的字体，要用能够衬托出主角气质的字体。

字体主要分为两类，一类是系统字体，一类是设计师自己设计的字体，设计师设计字体可以在系统字体的基础上做些改变，或者自己重新设计字体的笔画，但是重新设计会比较费时间。所以要根据工作时间做合理的安排，如果时间紧急，就没必要做字体设计了。当然对于大神来说，做个字体设计是小菜一碟，但是对于我来说，做字体设计还是挺吃力的，还需努力。

网易云音乐作为一个音乐类APP，banner的风格一般都比较文艺，最常见的字体是宋体和细黑体，有时候会根据画面的气质做相应的改变。下面举几个案例。

A.用宋体和细黑体表达文艺、品质感的气质。