
1.2 形色关系
相同的配色能够根据画面中形状的不同而搭配出不同的效果。在插画创作中比较重要的且容易被忽视的一环就是形状和色彩之间的关系,即形色关系。
1.2.1 基础形色组合
基础的几何形状为圆形、方形、三角形3种,它们有着不同的形状特征,可以传递出不同的视觉效果。色彩三原色即红、黄、蓝,每种色彩的表现力不同,所传递的情感也不同。在同一幅画面中,形状和色彩是共同发挥作用、相辅相成的关系。
根据约翰内斯·伊顿在《色彩艺术》一书中关于形色关系的阐述,我们可以了解到以下两点。
第1点:从视觉特质上来看,色彩和形状之间存在某种联系。
第2点:凡事没有绝对,我们可以把《色彩艺术》中形色关系的阐述视为一种探索,而不能将其过分教条化和具体化。

把握形色关系可以从两个方向入手。一个是以表现形状为主,色彩根据形状进行搭配,此时用色相对简单、克制,多用单色平涂。另一个是以表现色彩为主,此时形状是为了色彩而服务的,用色丰富,整个画面的色彩看起来很绚烂,这种方法通常用于大场景的画面中。
如下图所示,左图的大海风景采用的就是以表现形状为主的方法,画面简单,用色不多,色彩服务于形状。而下图中的大量不同色彩的搭配,尤其是云纹部分,比起左图错综复杂得多。这主要是为了让色彩成为主导,形状服务于色彩。这两种方法也可以混用,在色彩服务于形状的部分,提前规划好造型,确定好形状是非常重要的步骤;而在形状服务于色彩的部分,则可以随意发挥,需提前规划的部分较少,大致确定一个造型方向即可。

1.2.2 形色关系要素
除了形状本身以外,形与色的结合也决定着画面的最终走向,如形色面积、色彩重量和形色数量等要素。
◎形色面积
在一幅插画中,色彩在画面中所占的面积不同,带给观者的感受也就不同,因此我们在配色时需要考虑每种色彩在画面中的面积占比。
如下图所示,3幅抽象画面使用了相同的配色,但由于每种色彩的面积有变化,带给观者的画面感受也随之发生了变化。

◎色彩重量
从视觉上来说,不同的色彩具有不同的重量感。例如,明度越低的颜色重量感越强,明度越高的颜色重量感相对也就越弱。如果重量感强的色彩在画面中比较集中,整个画面就会有失衡感。
如下图所示,左侧的图中3种重量感较强的色彩(蓝色、深蓝、暗紫)都被放在了画面的左侧,整个画面看起来左侧较重而右侧较轻,画面不够稳定。右侧的图中重量感较强的色彩被分别放在了不同的方向,这样整个画面就有了一定的平衡。

◎形色数量
若同一种颜色的数量较多,自然就会让这个颜色处于画面的主导地位,这种颜色也叫主色。哪一个颜色运用得最多,即使面积不大,也能成为画面的主色,从而影响形色关系的平衡。
如下图所示,左侧的图中有一大块紫色,但背景色和随机分布的小形状都是粉色的,粉色有着数量优势,成为画面的主色。右侧的图中背景色为紫色,虽然从整体上看紫色占的面积更大,但是由于粉色仍然拥有数量优势,且背景中的紫色比较弱,因此处于主导地位的仍然是粉色。

提示
从形色面积、色彩重量和形色数量3个角度考虑整个画面色彩和形状之间的关系,我们的插画才能在整体上获得均衡,不能仅从局部去理解插画的设计思路。
案例:形色训练
本案例是关于几何图形的形色训练,可以帮助我们从形状和色彩的角度深入了解形与色的联系。

扫码看视频
01 随意画出3种形状,如方形、三角形、圆形。

02 给形状涂上不同的颜色,3种颜色最好能明显区分,不要太过类似或接近。这里笔者用了三原色,即黄、红、蓝。

03 对3种形状分别进行旋转、拉伸、放大、缩小、切割、关联、复制等操作,让3种初始形状呈现一定的造型,在一个画框中表现出一定的形式美。

04 去掉外框,现在我们要让形色表现更丰富。我们不需要让每种形状都独享一种色彩,而应让色彩共享。在这个过程中,注意维持形与色的平衡,注意形与色的面积、数量即可。

05 进一步丰富画面,如增加新的、更小的形状,同时这些形状也应和原有的形状保持平衡,让画面的每个部分都有相对均衡的关系。

06 随意改变原有的色彩,但要在维持整体形色平衡的基础上进行改变。除此之外还可以继续调整形状,但也要在维持整体形色平衡的基础上进行调整。

练一练
学会用几何抽象图案完成形色训练,并试着感受不同的形色平衡带来的不同效果。
该形色训练的目的是让大家在这个看似简单的过程中学会找到形与色的平衡,形状和色彩是能相互作用的。当然,长期、持续进行形色训练对如何把握整个插画的构图、色彩有很大的帮助。