世界看脸，网站看Banner，门面当然要漂亮，不过许多同学以为做Banner是门技术活儿，自己学艺不精做不了。假如你看了今日这篇文，就会明白，技术于Banner，就像刀法于人，虽有招式，但无内功支撑，久战必败。而这篇好文，即是Banner的内功修炼心法，按6个步骤来，速成可待。下面，南京SEO优化公司就给咱们介绍一下。

　　适用前提：

　　非专业视觉规划师 没太多空闲时刻去做。 为啥要做banner?banner是用来传达信息的。一切不以传达有用信息、有用传达信息的banner都是yy. baner是用来促进用户举动的，也即Call To Action。无法让用户产生你所期望的banner都是无效的。

　　所以，先摆脱一个过错的认识：banner仅仅是用来装修用的，仅仅是为了招引人注意啥的主意。

　　所以，咱们既然是非专业规划师，就要回归到做banner的本源，为了到达以上效果，一起兼顾美观、大方、美观。

　　大方和美观的banner未必需求深邃的视觉技巧，和繁琐的PS功能，可是要兼顾视觉的几个准则，我稍后会列出。

　　第一步：要传达什么信息

　　这一步，和视觉、审美啥的都没联系。

　　比方，咱们要传达的信息有：

　　品牌LOGO，让用户一眼就知道哪里出品，下次形成条件反射，所谓的视觉认知是需求必定的重复的，只要不断重复才能加深用户印象。 子品牌LOGO，让用户知道咱们出了啥东西，并且有系列感。

　　以上即是咱们要传达的核心信息了。你也能够认为这即是一个BANNER，仅仅——看起来没那么美观罢了。

　　可是，咱们发现信息还不行，咱们还想要传达：

　　咱们的内容大概是啥，从而让用户形成期待 既然是系列，咱们希望用户能够知道这是第几期，从而当他们想要从某一期有爱好时点击到全部，也有当地去。

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

　　第二步：信息的优先级

　　虽然咱们有4类信息，可是优先级肯定不一样的，所以对应到规划上，咱们给它放的版块的巨细、色彩的杰出是不一样的。

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

　　也即你想引导用户先看哪里，再看哪里，然后再做什么。

　　通常，用户的阅读从上到下，从左到右边，所以通常主要的内容会放到左上角。

　　不过这个规矩能够用醒目的图片、刺眼的色彩容易打破，可是我建议你不要容易这么做，一切的图片和色彩都要有意义，为啥要用这个图片为啥要用这个色彩。

　　确保用户一开始有视觉中心，假如用户一眼不知道先看啥，那么这个banner即是失败的。

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

　　第四步：考虑规范识别色彩

　　既然咱们要传达品牌形象，请确保用色从咱们的规范VI色盘中挑选，而不要随意用。

　　我是配色弱怎样办?有这3个板斧打遍天下：《秒变配色高手!怎样都不会错的6条页面规划配色准则》

　　记住，品牌传达，重复性很主要。就像咱们看到红、黄、白配色会想到麦当劳，看到绿和黑就想到星巴克一样。

　　第五步：做视觉的排版

　　(不要考虑太多规划技术，不然就陷入到：我不是专业的，所以我不会做规划上)

　　排版上，信息现已完好，优先级现已出来，无非即是把它变得美观一些罢了。

　　让banner美观的几个要诀：

　　1. 对齐

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

　　2. 密切

　　不要让一切内容都没有聚集地堆在一起，让那些联系比较密切的内容聚组成一个区域，不要让一个banner上的区域超越4个。

　　3. 简单质感：

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

　　4. 假如要用图标，尽量挑选款式统一，且能够保持你的优先级次第的图表。比方咱们引导用户先看左边，再看右边，结果你在右边的图标里挑选了一个血红的，也许用户的视线立马被招引过来了。

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

　　第六步：做更多的美化

　　假如你不想做，本来上面也能够了。

　　想做的话，咱们能够：

　　比方花点时刻去做一个流行的扁平化背景装修——仍是要着重一点，不要为了装修而装修，一切的装修都要有意义、让背景更加有质感。比方加点磨砂感觉。 比方，你还能够适当变换下别的排版，比方：居中的排版，更容易引导用户从上到下的阅读视角，也是许多人偷闲比较喜欢的排版个性。

　　综上所述，做banner有一大半的精力是梳理信息、设定优先级、设定用户浏览次第，和PS的技术没有太多联系，所以，每个人都能够去尝试做好一张看似很有规划感，可是实际上又没花啥精力的banner。