让你头疼的banner设计到底是什麽鬼

从事网页设计的设计师都知道，banner设计最为常见的。对於一个网站来说，它甚至就是支撑性的「粮食」。也是新产品、服务和优惠活动的一个主要呈现方式。

那banner设计到底是什麽鬼?虽然你经常接触，但未必会了解清楚!banner的突出作用就是为了吸引用户的关注，吸引用户去点击它。所以它的主题要明确，要突出最为关键性的内容。其实说白了，banner设计就是广告。通常需要穿插在页面当中，最高境界是「润物细无声」，也就是能够跟网站自然的融为一体。

※ 怎样的banner设计才会令人头痛

令人头痛的banner设计主要有以下几样：

① 标题过於简单缺乏设计感;

② 文案信息重复与矛盾;

③ 标题与文案层级混乱;

④ 主题与各元素之间过於紧密;

⑤ 多余的装饰元素;

⑥ 不注重标签设计;

⑦ 商品之间没有对比主题不明确;

⑧ 背景纹理过於复杂;

⑨ 配色杂乱不合理。

以上几点误区是电商banner设计中常常出现的问题，在设计过程中避免这些错误的发生，那麽设计一张优秀的banner就容易得多了。

案例一：

误区一：标题与标签文案矛盾，一口价与全场19元起矛盾，到底是一口价还是19元起，没有明确区分。

误区二：主题不明确，如果是卖鞋子就应该突出鞋子，但banner给人的感觉是卖衣服，而且模特身上还添加了一个圆圈，把用户的视线全部聚焦在模特身上，而忽略了产品本身。

误区三：背景过於杂乱，整个画面的元素太多，反而抢了618活动标签的主题。在设计的时候请记住「少即是多」的原则，当主题复杂时尽量减少设计元素做得简洁些;而主题比较单调时，就应该添加与主题相关的元素。

误区四：标题和标签层级混乱，本应以鞋子为主题，却被19元起标签抢占了标题信息， 虽然文案部分排得方方正正，但里面的信息是混乱的，没有表达出主题。

误区五：标题缺乏细节表现，标题在设计的时候尽量不要乾巴巴的去表现，尽量做一些处理，这样会给人一种精细感。

案例二：

误区一：颜色搭配不佳，红色搭配绿色很显然不是最佳搭配，如果不知道如何搭配颜色时，最好的方法就是吸取产品本身的颜色去搭配，这样不会出现格格不入的感觉。

误区二：主体不够突出，请记住你卖的是什麽产品，这张图和上一张犯了同样的错误，鞋子不够突出，主要去突出模特显得有点喧宾夺主。

误区三：主题文字层级混乱没有主次之分，标题和促销活动信息没有得到很好的区分，我们应该突出的主题应该是耀眼夏日闪亮女鞋馆而不是促销信息。

误区四，主题过於复杂，尽量去掉没用的元素，例如：模特。

误区五：留白过少，版面太满，给人一种压抑不舒服的感觉。

误区六：和上一张图一样，标题没有看点缺少细节。

误区七：右边的文案不应该竖排，而且不应该出现在右边。这样的排版会造成冲突，左边是横排版在右边突然出现这麽两行字，是不是很突兀。

误区八：背景装饰元素与主题不相容，另外，左边的鞋子让画面显得非常的混乱。

※ 如何设计出令人赏心悦目的banner设计

想要设计出令人赏心悦目的banner设计，可以从构成banner设计的三个重点来入手(风格、

排版、配色)，然後再根据整体来进行调整，最後再优化细节。

首先是风格

Banner的风格有很多，但无论选取哪种风格，都应该以网站的风格为主，例如：网站以高端产品为主题，banner设计可以选择时尚高端的风格;又例如，网站是以运动产品为主题的，banner设计则可以选择充满动感活力的风格。如果banner的风格与网站风格不一致，就会令整个网站显得不伦不类。

其次是排版

所谓排版，即将文字、图片、图形等可视化信息元素在版面布局上调整位置、大小，使版面达到美观的视觉效果。想要排版做得好看，就要懂得运用以下几个原则：

一、对齐原则

相关的内容要对齐，方便用户视线快速移动，一眼看到最重要的信息。

二、聚拢原则

将内容分成几个区域，相关内容都聚在一个区域中。

三、留白原则

千万不要把banner排得密密麻麻，要懂得留白，减少banner的压迫感，突出重点内容。

四、降噪原则

颜色过多、字体过多、图形过繁，都是分散读者注意力的「噪音」。

五、重复原则

排版时，要注意整个设计的一致性和连贯性，避免出现不同类型的视觉元素。

六、对比原则

加大不同元素的视觉差异，这样既增加了banner的活泼，又突出了视觉重点。

最後是配色

色彩是由色相、明度和纯度构成的。每种色彩都会因为色相，明度，纯度的不同，表现出不同的色彩感，色彩是有情感的，不同的配色会带给人完全不同的心里感受。所以当你在做banner的时候就要考虑你想要表达什麽样的情感，想让用户看的时候有什麽样的感受，你所表达的情感是不是符合主题内容，基於这些出发点再来做banner的配色就更加的 有目的性了。

Banner设计的确是网页设计师比较头疼的工作流程，它目标性很明确，但又最让用户感觉反感。所以，banner设计真的需要很用心!在最大程度上，激发用户的点击兴趣!