在我们的网站建设中，banner图会直接影响其首页观赏度，所以banner设计在网站优化这一块也是比较重要的，今天小编就想给大家谈一谈这平面banner设计中的形式与设计雷区，让你们在设计中避免出现问题。

一、banner图的形式

首先什么是banner?翻译成中文是“横幅、广告”的意思。常用于网站的大标题，也就是网站的横幅广告了。

在设计banner前需要先了解项目定位和需求，再确定设计风格。不同类型的banner定位给人的感觉也不同，扁平式、留白、活力、波普风、文艺、中国元素等等……

一般常规版式有左右编排、上下编排等。

1、左右编排，一般通过三分法进行构图，具体可以参考手机相机的九宫格参考线功能，如同汉字的“井”字，在九宫格的两边竖线放置主体物，假设左边为主要文字范围，右边为主体图片位置，就可以轻松找到画面的平衡点，形成左右编排的构图。

这样的排列方式可以让画面产生从左向右的阅读顺序，这也是banner设计中使用广泛的方式了。

2、上下编排，如果要强调主图元素，可以将图片摆放在文字的上方，让读者第1时间了解到版面的主体信息，使画面表现出稳固的效果。

3、对角编排，通过左上角与右下角的交点对角关系，形成对角平衡的效果。例如左上角放置主题文字，右下角放置图片元素。

4、中心编排，将主要信息放置于版面的中央，两边添加其他装饰元素，用以丰富版面的层次感，并且提升画面的主体信息。还可以将主要信息放置于版面中央，底部添加背景素材，形成叠加穿插的视觉效果，以增加画面的设计感，吸引用户眼球。

二、banner设计的注意事项

1、文字搭配

关于文字搭配，首先注意字体结构要看起来搭配，同一画面的字体应该控制在三种以内，可以试着把重要信息放大加粗、改变字体颜色的方式增加画面立体感，使信息内容主次分明，让读者快速获取信息。

2、排版对比

也可以改变文字排版方向，例如倾斜编排，增强画面的动感，给人一种强烈的视觉效果。

3、颜色对比

有时设计图或者飞机稿配色过于单调的时候，可以优先选用对比色，让主体文字与背景形成强烈的对比，可以起到聚焦和突出的作用。还可以通过添加临近渐变色作为背景色，这样的配色更加吸引眼球，再添加其他渐变色块作为点缀元素，使版面更加丰富。

当画面编排单调没有层次感时，可以适当加入色块，注意主图可以适当加入阴影处理，增加空间感。

以上就是蓝橙互动为大家介绍的banner设计中的形式与雷区，希望能够提升大家的设计能力，如果想了解更多banner设计服务的信息，可以咨询蓝橙客服，获取最新设计信息。