为什么要做banner?

　　首先我们要明确的是banner是用来传达信息的。一切不以传达有效信息、有效传达信息的banner都是yy.

　　其次，要知道baner是用来促使用户行动的，即Call To Action。无法让用户产生你所期望的banner都是无效的。

　　所以，我们要摆脱一个错误的认识：banner仅仅是用来装饰用的，仅仅是为了吸引人注意啥的想法。

　　既然是非专业设计师，就要回归到做banner的本源，为了达到以上效果，同时兼顾美观、大方、好看。

　　大方和好看的banner未必需要高深的视觉技巧，和繁琐的PS功能，但是要兼顾视觉的几个原则。

　　

​

 

　　第一步：定义要传达的信息内容是什么

　　这一步，和视觉、审美什么的都没关系。

　　比如，半月谈，我们要传达的信息有：

　　品牌LOGO，让用户一眼就知道哪里出品，下次形成条件反射，所谓的视觉认知是需要一定的重复的，只有不断重复才能加深用户印象。

　　子品牌LOGO，让用户知道我们出了什么东西，并且有系列感。

　　以上就是我们要传达的核心信息了。你也可以认为这就是一个BANNER，只是——看起来没那么好看而已。

　　但是，我们发现信息还不够，我们还想要传达：

　　我们的内容大概是什么，从而让用户形成期待

　　既然是系列，我们希望用户能够知道这是第几期，从而当他们想要从某一期有兴趣时点击到全部，也有地方去。

　　所以，我们把信息又放出来。现在我们有4类信息。

　　第二步：定义信息的优先级

　　虽然我们有4类信息，但是优先级肯定是不一样的，所以对应到设计上，我们给它放的版块的大小、颜色的突出是不一样的。

　　第三步：考虑用户视觉路径

　　你想要引导用户将视觉焦点先放在哪，再放在哪，然后再做什么。

　　用户的阅读一般都是从上到下，从左到右边，所以一般重要的内容会放到左上角。

　　不过这个规则可以用醒目的图片、刺眼的颜色轻易打破，但是建议不要轻易这么做，所有的图片和颜色都要有意义。

　　确保用户在一开始就要有视觉中心，如果用户一眼不知道先看哪里，要看什么，那么这个banner设计就是失败的。

　　有了视觉焦点后，你可以从视觉焦点引申开来，使用视觉里的亲密性原则(把内容相近的地理位置靠近一些、对比原则等等)，引导用户从视觉焦点进而关注到其他细节、或者促使行动的东西。

　　第四步：考虑标准识别颜色

　　既然我们要传达品牌形象，请确保用色从标准的VI色盘中进行选择，而不要随便用。

　　记住，品牌传达，重复性很重要。就像我们看到红、黄、白配色会想到麦当劳，看到绿和黑就想到星巴克一样，这些设计都是很成功的。

　　第五步：视觉的排版

　　排版上，信息已经完整，优先级已经出来，要做的就是将它变得更美观。

　　让banner好看的几个要诀：

　　1. 对齐

　　让内容纵向、横向都有一条线，可以对齐。要么居中，要么底部。尽量确保页面上不要有一个元素，没有任何元素和它能够形成对齐的关系。

　　2. 亲密

　　不要让所有内容都没有聚集地堆在一起，让那些关系比较亲密的内容聚合成一个区域，不要让一个banner上的区域超过4个。

　　3. 简单质感：

　　千万不要加任何PS的滤镜、阴影、能不渐变就不渐变，因为已经不流行了，不要盲目使用各种样式。

　　4. 如果要用图标，尽量选择样式统一的，且能够保持你的优先级次序。比如我们引导用户先看左边，再看右边，结果你在右边的图标里选择了一个血红的，可能用户的视线立马被吸引过来了。

　　5. 不要让字体超过3种。尽量用宋体、黑体、方正黑体，不要用什么魏碑体、行楷等，这种一看就比较山寨。