网站广告常见构图方法

广告始终是网站赖以生存的至上法宝，所以广告设计的好坏也直接影响到网站效果的好坏，以前图趣分享过浅谈移动互联网的广告设计，这里再深入讲解下网站广告的构图方式。

网站广告遵循原则：主体突出、视觉平衡。

为什么：

１）主体突出才能有传播力，才能高效的表达广告语的主题。

２）视觉平衡才能符合人们的视觉习惯，看起来舒服，符合常人的视觉体验。

一、 比例关系：

1、主体图片的比例一般约为整个ＢＡＮＮＥＲ的１／３；边距约为１５ＰＸ。

2、以图片为主体的构图：文字信息约占画面的1/５到1/2，不超过1/2；面积的大小主要由文字的多少确定。

需要强调主次关系，主次口号性文字需要突出，介绍性文字可淡化。

3、logo的视觉不需要过于突出，能清晰识别即可；

在确定好文字与图片位置关系时，还需要考虑文字的层次关系，每一个广告都会有主题文字，不会所有文字都保持一致效果；文字层次关系明确，用户更容易看到吸引眼球的文字，也就是我们需要宣传的主题。

二、 位置关系

1)图片文字左右关系

主题视觉与文案的形成左右的位置关系，这种布局符合用户的浏览习惯，是一种最常见的布局方式；适合广告中主体图片色彩较刺激醒目的产品。图片自然的吸引用户的眼光，然后视线逐步右移到文字上；

根据主图的摆放方式，也可以选择文字在左，图片在右的布局方式

如下广告，产品图是一个长条的形状，占据画面宽的一半以上，这样形成了左边的空隙用来摆放文字；

反过来，我们看下图，如果我们还是左右排版，最后的效果可能会是下图的效果，这样的构图就显得非常不美观也不合理了，因为这样文字区域显得特别小气压抑，而图片左边又形成一个很大的空隙，这样画面被分割成多个不合理的区域。所以，不适合文字右图片左的排版。

2)上下关系
这种类型的排版一般是用作主图占画面宽的大部分以上，如下图，汽车图片让画面已经没有了左右的空间，所以可以把文字放在左上方。

相反，同样的产品，如果角度不一样，在画面并没有占大部分的宽度，还是可以选择左右布局的。这个时候如果还是上下布局，我们看看会是什么效果，是不是觉得画面特别空呢。

3)自由形式布局

这类布局较难把握，因为是一种打破了常规的章法，但是有必须遵循章法的设计方式，在广告中一般出现的比较活泼的氛围中，如活动广告，个性产品广告等。

画面元素摆放看起来显得随意，但是实际上遵循了视觉平衡、易读、不凌乱的原则；左边文字主次关系明显，文字区域与图片区域可以形成平衡关系，视觉流程左右关系明确。

如果像下图那样“自由”的排，没有任何章法，随意的东倒西歪，让用户怎么阅读呢，给用户造成了严重的障碍，所以是不可取的。