学构图,十种插画构图形式

构图的规律,很大程度上源于视觉上的舒适感,可以细分为构图的形式、节奏、疏密、对比等知识点。在开始画图之前,我们可以先着重了解一下构图的形式。

形式感似乎很难理解,但其实也有很多技巧可循。我们常说,插画设计其实是平面设计的一个分支,同样要求版面空间、秩序变化、节奏韵律,同样是为了将信息准确地传达给受众,无非是将设计语言替换为了绘画语言。因此,从平面设计的角度来分析构图法则,可以总结出很多实用且简单的小技巧。

1、水平线构图

水平线构图,是简单画面常用的构图方法之一。例如下面的水平线构图示例,将画面等分为若干部分,再将视觉元素有规则地放进去。仔细看图,画面顶部是重色,底部是浅色,二者面积相当。然后将人物水平放置,这样视觉焦点就正好集中在中间的部分,根据人眼看图时的惯性切入方向,眼球会自觉地从左到右扫过,逐渐寻找视觉中心点。这样的构图将视线引至水平线上,给人以平稳的印象。
当然,我们也可以大胆地将水平线构图做一些变化,例如下面的水平线构图的变体示例,巧妙地将上半部分进行了倾斜处理,示意了角色的行进方向。而远景的水平面则保持不动,利用角度的差异铺垫出画面之外的故事情节。

学构图,十种插画构图形式

学构图,十种插画构图形式

水平线构图的变体示例

2、垂直线构图

垂直线构图也是常用的构图方法之一。它比水平线构图更能强调前后景深关系,并且会让画面有一种视觉中心被垂线锁定的感觉。

例如垂线布局示例2,我们可以很直观地发现,垂线主要用于分割画面,两条垂线分别是远景的高楼和近景的墙面,人物处于画面中间,人物两侧的垂直线条正好将视觉焦点挤向画面中间。

学构图,十种插画构图形式

垂线布局示例1

学构图,十种插画构图形式

垂线布局示例2

3、对称构图

对称构图很好理解,简单来讲就是运用类似或相同的元素造型让画面产生对称关系,包括人物、物体、角色、空间等。右图中将两个人物分别放在画面两侧,占比非常接近,并且中间的元素和背景的圆形刚好使整个画面左右对称。同时,右边高举的手和左边的电话线,又使画面不完全对称(这种方法叫破图法),画面因此显得活泼有趣。

学构图,十种插画构图形式
对称构图示例

同样,在《夺宝奇兵》这张海报中,左右对称的不仅是人物身上的明和暗,以及背景中的冷和暖,还有被人物轮廓分割出来的负空间,使画面整体显得紧张肃穆。因此,在构图的时候除了可以利用各种元素和主体,还可以从冷暖、色相、明度、空间占比等角度来思考,让画面更有形式感。

学构图,十种插画构图形式

《夺宝奇兵》海报

4、对角线构图

对角线构图,顾名思义是运用画面的对角线,将元素穿插安排到这条线上。例如右侧这张作品,将强透视的元素安排在对角线上,产生一种非常不稳定的感觉,强调紧张感。同时在对角线两侧大面积留白,使人物更加凸显。

学构图,十种插画构图形式
对角线构图示例

在右侧这张《幻影侠》海报中,人物虽然也被安排在对角线上,但没有使用元素的排列来强调对角关系,而是利用光源——画面两侧颜色偏重、偏冷,压住画面的同时突出了光源中的主角。所以,当我们在运用对角线构图的时候,如果能画出更强的透视感、更明快的明度或色彩节奏,则会让画面更有张力,也更有戏剧效果。

学构图,十种插画构图形式

《幻影侠》海报

5、矩形构图

矩形构图是利用各种元素,在画面的版心布置一个明确的矩形(版心指页面中主要内容所在的区域,设计元素的位置一般都会遵循版心规则)。例如《哈利·波特》这张海报,背景部分形成了矩形,然而猫头鹰的翅膀、前方的火光,又用破图法破开了矩形边框,使画面更有趣味性。

学构图,十种插画构图形式

《哈利波特》海报

右侧这张海报,则将矩形旋转了一定的角度,利用倾斜的门框来构图。但是,门上的人形却在画面中呈现左右平衡的姿态,更容易引发联想,让人思考这位破门而出的人是谁?女主为什么在笑?这二者之间又是什么关系?还有一个细节,就是画面的视觉节奏——房间里是温暖的黄色光线,房间外却是阴冷的蓝灰色调,二者形成了明确的色彩对比,中间角色的红色服装,则在这样的色彩对比中更进一步地强化了视觉中心,让我们可以更快地将视线集中到画面中部。

学构图,十种插画构图形式

矩形构图示例

6、三角形构图

我们都知道,三角形是最稳定的结构。如果将画布理解为一个大方框,那么方框之中所呈现的三角形构图,就能具备较强的稳定性。《人猿泰山》中的泰山是一个非常高大魁梧的角色,三角形构图非常符合角色定位,加上两个主角身上的光线、压暗的背景,使他们立即成为了视觉中心。

学构图,十种插画构图形式

《人猿泰山》海报

同样,在右侧这张作品中,近景的两条腿和地面形成了三角形构图,将远景的人物放在三角形内,进而产生一种压迫感,让人觉得很紧张,通过海报我们或许能猜出电影的情节,应该也是紧张的。

学构图,十种插画构图形式

三角形构图示例

7、圆形构图

圆形构图,是运用背景的各种素材,将画面控制为一个圆形。在《星际迷航》海报中,X教授锃亮的脑壳是画面的重点,其他人物则在下半部分穿插排列,再利用背景构成一个圆形。仔细观察可以发现,人物和各元素都避开了画面的中心,而是根据三分法的参考线进行布局的。

学构图,十种插画构图形式

《星际迷航》海报

《泰坦尼克》海报则更有意思,虽然也是圆形构图,杰克和露丝分别放在画面两侧,而下面船头的部分则刚好将人物放在了画面正中心。与《星际迷航》海报不同,这张海报是围绕圆心来构图的,所有元素如角色、光线、重色占比等都跟圆心有关。

学构图,十种插画构图形式

8、三分法构图

三分法来自黄金分割理论,是利用水平和垂直方向的三等分线来构图的。我们都很熟悉黄金分割比例,而三等分线的焦点则刚好位于黄金分割点附近。比如右图中,人物位于画面右侧,视觉中心在右上角的交点处。冷色的地面跟暖色的背景的比例,也刚好是1∶2。

学构图,十种插画构图形式
三分法构图示例1

再看右侧这张海报,可以很明显地看出,前景两个人物的位置关系,刚好在左上和右下两个交点附近,并通过动作、视线形成了呼应关系。地面和火车的位置也是根据三分法来确定的。背景中加入了其他人物以丰富画面。总之,三分法是一种很常用的构图方法,除了在设计中可以用到,平常游玩拍照时也可以打开相机中的三分线作为取景参考。

学构图,十种插画构图形式
三分法构图示例2

9、十字构图

十字构图也叫X形构图,可以理解为对角线构图的综合运用。例如右图以两条斜线交叉构成画面的骨骼,将主要元素放在交点附近,再在四周围绕十字线添加各种元素,这种构图方法往往会带来明确的视线集中效应,并且透视感会很强。

学构图,十种插画构图形式

在《摩登原始人》海报中,石头车在画面中间,四周围绕斜线画出了道路和建筑,背景的透视方向和动态线也形成了明确的十字构图形式。十字构图基本上都会让画面具备很强的纵深感和透视感,并且动势会非常明确地冲向镜头。

学构图,十种插画构图形式

《摩登原始人》海报

10、拜占庭式构图

首先我们先了解一下什么是拜占庭,它大约是在公元4世纪到公元15世纪,在拜占庭帝国兴起的一种艺术风格,着重装饰性、色彩感。在建筑设计、宗教画像、装饰画、珠宝首饰等领域都产生了非常大的影响。如下图中香奈儿的这款首饰所使用的设计方式和布局的对称严谨性,就是拜占庭风格的体现。

学构图,十种插画构图形式
2011年香奈儿推出的拜占庭风格的首饰

当我们把拜占庭艺术风格中的构图原则进行提炼和归纳之后,就可以得出右图中的构图方法。即以四边的中点作为端点构成一个菱形,画面的主要元素安排在这个菱形中,视觉中心基本保持在菱形的上半部分。同时,利用画面对角线将大菱形分割为四个小菱形,人物的头部刚好根据几个小菱形的位置关系进行左右对称放置,其他部分则保持基本的对称关系。再用背景中的圆形打破构图形态的拘谨,让画面更加活泼。

学构图,十种插画构图形式

下面,用同样的构图方法来分析这张《星球大战》的海报。可以看到,几个人物的头部几乎都安排在了菱形的上半部分,前景中两人光剑的碰撞点,正好在画面中点的位置。视觉中心落到了阿纳金的脸上,并用一点白色的高光来强调。只有达斯·维德(被达斯·西迪厄斯忽悠的阿纳金)的一张大脸不太守规矩,稍微偏左了一点,像幽灵一样贴在那。整个画面中,所有元素基本都是围绕构图线分割出的各个部分来排列的,甚至画面底部的云雾和光线,也都是遵循画面中菱形的边缘来放置的。

学构图,十种插画构图形式

《星球大战》海报

拜占庭式构图可以用在角色或元素很多的插画作品中,整体感觉比较严谨、庄重,视觉中心一般都控制在中间靠上的位置。拜占庭式构图在于善用对角线、水平中线、垂直中线来分割画面,人物或元素按照主次关系逐步填充到菱形的范围内,再在其余空间加入其他元素来丰富画面。这是一种能让画面丰富,并且充满层次感的构图方法。

如何成为一名插画设计师

插画配色,先确定画面主色调