手机
当前位置:查字典教程网 >网页设计 >交互设计教程 >网站广告常见构图方法
网站广告常见构图方法
摘要:遵循原则:主体突出、视觉平衡。为什么:1)主体突出才能有传播力,才能高效的表达广告语的主题。2)视觉平衡才能符合人们的视觉习惯,看起来舒服,...

 遵循原则:主体突出、视觉平衡。

为什么:

1)主体突出才能有传播力,才能高效的表达广告语的主题。

2)视觉平衡才能符合人们的视觉习惯,看起来舒服,符合常人的视觉体验。

网站广告常见构图方法1

一、 比例关系:

1、主体图片的比例一般约为整个BANNER的1/3;边距约为15PX。

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

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

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

网站广告常见构图方法2

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

网站广告常见构图方法3

二、 位置关系

1)图片文字左右关系

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

网站广告常见构图方法4

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

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

网站广告常见构图方法5

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

网站广告常见构图方法6

2)上下关系

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

网站广告常见构图方法7

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

网站广告常见构图方法8

3)自由形式布局

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

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

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

【网站广告常见构图方法】相关文章:

测试手机网页的5大方法

做网站必须知道的4个基本常识和小窍门

2015年热门信息可视化的流程+方法

适合网站优化的设计需要注意哪些

网站性能优化之CSS无图片技术 提高价值速度

淘宝banner设计构图分析

侧边栏让网站导航一边玩儿去!

12306网站用户体验分析

网页设计中永远正确的配色法则

教你测试手机网页的五大方法

精品推荐
分类导航