本栏目致力于给大家讲讲版式构图的一些运用,以实际场景的运用来提高各位设计师的思想境界和艺术修养,而不仅仅停留在“眼睛学会了但是手和脑还是不会”的阶段。

当然,我们只是抛砖引玉,希望大家多多发表自己的见解。

我们已经讲过居中构图对称构图,不知道大家有没有收获?

构图的步骤有哪几步(不会现在还有人不知道对角构图的妙用吧)(1)

如果还有朋友没有看过的,可以先看看这两篇文章。

居中构图

对称构图

看过的朋友应该发现了,居中构图和对称构图的排版方式一般都是正向的,从上到下,从左到右依次排开的。

构图的步骤有哪几步(不会现在还有人不知道对角构图的妙用吧)(2)

对角构图原理图

但是除过横平竖直的排版方式,是否想过斜线的构图呢?而这类构图就不得不提对角构图这个概念了。

一、是什么:什么是对角构图?

其实我们在日常生活中,看见对角构图的次数并不低于水平构图。

不信的话我们先来看一波作品吧。

构图的步骤有哪几步(不会现在还有人不知道对角构图的妙用吧)(3)

米开朗基罗的《创世纪》

构图的步骤有哪几步(不会现在还有人不知道对角构图的妙用吧)(4)

丢勒的《祈祷的手》

构图的步骤有哪几步(不会现在还有人不知道对角构图的妙用吧)(5)

靳埭强的《爱与和平》(2002)

构图的步骤有哪几步(不会现在还有人不知道对角构图的妙用吧)(6)

何藩老师的作品《Hong Kong Yesterday》节选之一

上面的这些经典作品就是非常著名和典型的构图表现方法——对角构图

对角构图一般是通过画面中的线形成对角关系,让画面产生极强的动势,表现出纵深的效果。其透视也会使整体变成了斜线,引导人们的视线到画面深处。

一般来说,对角线构图可以分为完全对角线构图和近对角线构图两种。完全对角线构图比较简单,将画面里面要排的斜线一边对着画面的一个角就可以了,不论这条线是直的还是弯的,这种构图都叫做对角线构图。

构图的步骤有哪几步(不会现在还有人不知道对角构图的妙用吧)(7)

完全对角线构图

近对角线构图是画面里出现了较为接近的两个相对物也会在视觉上产生连线的方向感:

构图的步骤有哪几步(不会现在还有人不知道对角构图的妙用吧)(8)

近对角线构图

最后需要说明的是,没有必要为了对角线而对角线。有的画面真的需要摆平水平线,倾斜了会非常奇怪,例如:

构图的步骤有哪几步(不会现在还有人不知道对角构图的妙用吧)(9)

不合适倾斜对角

二、为什么:为什么国庆海报就适合对角构图呢?

对角构图是把信息安排在画面两端,让其产生倾斜的视觉效果,可以是图图相对,也可以是图文相对,还可以文文相对,甚至利用透视关系,产生空间感。

构图的步骤有哪几步(不会现在还有人不知道对角构图的妙用吧)(10)

国庆阅兵经典图片

提到国庆的主题,我们会想到阅兵仪式,会想到壮阔的祖国山河,把这些元素合理构图,用对角的构图方式,会产生动感十足,张力慢慢的视觉效果。

比如下面这图,就巧妙地借用了阅兵仪式并形成了对角构图。

构图的步骤有哪几步(不会现在还有人不知道对角构图的妙用吧)(11)

海报案例图

三、怎么办:如何分析并运用好对角构图呢?

可能光看海报你看不清楚他的版式构图,我们用Billfish的标注功能给他标注一下。蓝色为主体,红色为标题、副标题以及日期等文字部分。这样就能简化他的构图。

如下面这张海报作品。

构图的步骤有哪几步(不会现在还有人不知道对角构图的妙用吧)(12)

Billfish标注示意图

构图的步骤有哪几步(不会现在还有人不知道对角构图的妙用吧)(13)

Billfish标注效果图

这样你无论是看蓝色的国庆图案元素部分,还是红色的文字主体部分都一目了然地处于对角构图上。

上面提到,对角构图主要是为了产生视觉效果,并不强求对角上的元素是一致的。

构图的步骤有哪几步(不会现在还有人不知道对角构图的妙用吧)(14)

Billfish标注效果图2

这张图,就数字主元素符号和文字板块共同构成了两对角,也形成了较好的视觉效果。

四、一句话总结:

对角构图相比横竖的对称构图而言,由于倾斜天然自带着方向感,空间感,运动感,速度感,对角构图会一定程度上带来透视乃至空间上的视觉效果,并且并不要求一定是图图或文文上的相同或同类元素上的相对,使得在构图布局上提供了更多的可能性。当然,我们也不能为了倾斜而倾斜,若是其违背常理,只会适得其反,画蛇添足。

构图的步骤有哪几步(不会现在还有人不知道对角构图的妙用吧)(15)

素材包示意图

开头我们说过,我们不能仅仅停留在“眼睛学会了但是手和脑还是不会”的阶段,为此我们准备了一些对角构图的海报素材,就当是开卷考试,你可以学着用我文中提到的方法标注来剖析每一个作品的是如何巧妙的进行构图的。

,