浅谈网站banner设计的那些事儿

网页设计的banner作为表达网站价值或者传达广告信息的视觉主体，一直在根据网络环境的变化而变化着，从表现形式到尺寸大小，再到创意的多元化，因此更需要我们网页设计师们对其设计创意进行丰富和完善，才能真正达到宣传的目标。

banner规格尺寸大小不一，文件大小也有一定的限制，这就使得在设计上增加了许多障碍，怎么在方寸间把握平衡，变得十分重要。banner中的视觉要素主要包括：背景、图片及文字，此外banner的投放环境对其设计也有极大的影响，这些都是设计时需要考虑的重点要素。

1、分析需求

任何设计的第一步都是对用户需求的分析，在banner设计开始前，设计师应与需求方沟通，确定需求，找准定位，然后再有针对性地开始设计，色彩搭配要与整个页面相协调。

 

2、banner颜色

(1)下面两个banner哪个更吸引你呢?对比之下，我们会发现大多数人觉得后者给用户带来的视觉传达力更强，简洁明确、朴素有力的效果，给人一种重量感和力量感。前者颜色虽多，却没有带来更好的视觉传达效果。这是因为颜色过度使用会打乱色彩节奏，并且，减弱了颜色间的对比，使整体效果变弱。

 

(2)其次，使用颜色越多，最后保存时文件体积越大，加载起来越慢，让用户等待就意味着和用户说再见了，如果靠降低品质来达到banner的上传要求，那展现给用户的是低质量的banner，也一样会丢失一些用户。

 

3、图片与文字

一般来说，网站制作一个banner分为两个部分，文字和辅助图。虽然辅助图站的面积比较大，但如果不加入文字说明的话，客户就会看不懂你做的banner要表现什么、要说明什么，所以文字是整个banner的主角，我们在制作banner的时候特别要注意对文字的处理和摆放。

但是，文字的搭配也能够一目了然地让受众知道所要传达的主题是什么，但如果文字与图片协调不好，也容易出现反面效果。下面这个banner看起来比较清新，符合环保、健康的主题，图片没有过多的元素，但由于图片用的浅色，文字也用的浅色，用户是很难看出来，影响阅读性，是此banner设计的一大败笔。

 

4、banner设计注意事项

(1)banner的文字用一两句话来表达即可。

(2)广告语要朗朗上口，突出重点。

(3)图形无须太繁杂，文字尽量使用黑体等粗壮的字体。

(4)图形尽量选择颜色数少。

(5)尽量不要使用彩虹色、晕边等复杂的特技图形效果，这样会增加图形所占据的颜色数，增大体积。

(6)产品数量不宜过多。摆放太多产品，反而被淹没，视觉效果大打折扣。

一个好的banner设计能够直接影响着整个页面的美观，企业想要让吸引和留住客户往往通过banner设计来做点缀。所以banner设计起着重要的作用，一定要重视。本文由微企点(wqdian.com)h5自助建站平台提供，关注微企点公众号wqdian_com 或加入微企点用户qq群，103385602，一起探讨建站行业的发展。