首页 理论教育 色彩的协调包括的内容及各内容介绍

色彩的协调包括的内容及各内容介绍

时间:2023-04-29 理论教育 版权反馈
【摘要】:重视配色的协调叫做色彩协调。协调是产生新性质的一种创造性行为。因此,色相对比的强弱可以用色相环上的度数来表示。3)对比色对比色是指既区别于完全对立的互补色、又处于相对对立区域中的两大类色彩。根据一基本图形,分别作出以上四种对比的色彩协调。

色彩的协调包括的内容及各内容介绍

第二节 色彩的协调

“谁想成为色彩大师,就必须在色彩王国那无穷尽的混合可能性中观察、感知、体味每一种相对独立的颜色。”

—约翰尼斯·伊腾

日本色彩协会通过多次的委员会讨论,将协调一词定义如下:“协调,就是根据某个目的和条件,想象出一种伴随着美和快的形象,选出能达成目的的各种构成要素,组合、互相利用,由此,产生个体要素不被认同的新的整体性质的一系列统合行为。”重视配色的协调叫做色彩协调。协调是产生新性质的一种创造性行为。只有站在专业能力的高度,用审视全体的眼光和个人审美能力才能够实现。

色彩的组合方式无穷尽,但都是从以下的基本概念衍生出来的。

1.色相对比

色相对比是利用各色相的差别而形成的对比,是由于各色相在色相环上的距离不同,形成了不同的对比效果。因此,色相对比的强弱可以用色相环上的度数来表示。在色彩练习中,涉及色相的同类色对比、邻近色对比、对比色对比、互补色对比(见图8.1)。

img243

图8.1 色相对比

img244

图8.2 色相的同类色、邻近色、对比色、互补色

1)同类色

同类色是指在性质上相同并具有一定色差度,在色相环30度以内的色彩。同类色色调,由于具有同类关系,这些色彩组合在一起时显得和谐、统一、雅致,容易达到视觉的统一效果,这种配色方案对于观众视觉来说是最舒服的。

2)邻近色

邻近色是指相邻但性质不完全相同,在色相环中大于30度小于90度范围内的色彩。临近色色调,由于它们的临近而不同类关系,它们之间的色彩组合显得既和谐又有一定的变化,较同类色对比更活跃。

3)对比色

对比色是指既区别于完全对立的互补色、又处于相对对立区域中的两大类色彩。对比色色调,由于色彩之间很少含有共同的因素,色彩差距较大,所以对比关系鲜明、强烈,视认度高。

4)互补色

互补色是指在色相环上完全对立的呈180度关系的两组色彩。互补色色调,由于是完全对立的两组颜色,它们之间的色彩组合会让观众产生视觉上的刺激与兴奋。

img245

图8.3 同类色色调/瑞士/设计大师 Niklaus Troxler

img246

图8.4 同类色色调/台湾/享设计海报设计

img247

图8.5 互补色色调/意大利/插画大师 Rene Gruau

img248

图8.6 互补色色调/日本/福田繁雄

img249

图8.7 对比色色调/法国/设计大师 Ronald Curchod

img250

图8.8 同类色色调/日本/福田繁雄

img251

图8.10 互补色色调/美国/Miller/食品包装设计

img252

图8.9 互补色色调/日本/福田繁雄

img253

图8.11 邻近色色调/美国/Miller/食品包装设计

img254

图8.12 同类色色调/美国/Red Antler/饮品包装设计

img255

图8.13 对比色色调/俄罗斯/FIRMA/饮品包装设计

课题思考:

1.以12色相环为依据,用“三原色”调配出12个色相。调色过程中注意所调配颜色的色阶均匀过渡。

2.熟练掌握同类色、邻近色、互补色、对比色的色彩协调关系。根据一基本图形,分别作出以上四种对比的色彩协调。

img256

图8.14 色相对比练习/钟征岚

img257

图8.15 色相对比练习/赵娟

img258

图8.16 色相对比练习/袁佳

img259

图8.17 色相对比练习/夏骏

2.明度对比

因色彩明度差别而形成的色彩对比叫做明度对比。我们看到的色彩虽然是五颜六色的,但每种颜色都能与相应的明度相对应。一种色彩在加黑、加白或者加灰的情况下的变化就是明度关系的变化。明度可分为高明度、中明度、低明度。

色立体的中轴黑、白、灰为单纯的明度对比。色立体上选择其中一种色彩上下搭配,即是以明度为主的色彩对比。以孟塞尔色立体为例,是由黑到白等差分为九级形成的明度列,其中最暗的N1至N3的区域为低调子;N4至N6的中间区域为中间调子;N7至N9的明亮区域为高调子。配色的明度差在三个等级以内的是明度的弱对比,明度差在五个等级以上的是明度的强对比(见图8.18)。

img260

图8.18 明度对比

1)高明度调

在明度及以明度对比为主的色调中,高明度色彩占画面面积的70%以上可构成高明度调。在高明度调中,因明度对比的强弱不同又分为高长调、高中调、高短调(见图8.19~图8.23)。

高明度调使人联想到清新的空气、晴朗的早晨、洁白的云朵等。高长调给人年轻、明亮、活泼、鲜明的感觉;高中调相对柔和;高短调则给人以柔软、清爽、干净、轻快、温柔的感觉。

img261

图8.19 高长调/日本/福田繁雄/海报设计

img262

图8.20 高中调/墨西哥/Alberto Cerriteno

img263

图8.21 高中调/意大利/设计师 Manuel Dall&Apos

img264

图8.22 高长调/日本/福田繁雄

img265

图8.23 高中调/法国/Sbastien Nikolaou

img266

图8.24 中间长调/日本/福田繁雄

img267

图8.25 中间长调/俄罗斯/Merdanchik Sanchos

2)中明度调

中明度色彩占画面面积的70%以上可构成中明度调。在中明度调中,因明度对比的强弱不同又分为中间长调、中间中调、中间短调(见图8.24~图8.27)。

中明度调给人以稳重、踏实、古典、端庄的感觉,是最适合视觉生理平衡的明度色调。

img268

图8.26 中间长调/美国/Angryblue/插画

img269

图8.27 中间中调/巴西/ESTDIO PUHL/插画

3)低明度调

低明度色彩占画面面积的70%以上可构成低明度调。在低明度调中,因明度对比的强弱不同又分为低长调、低中调、低短调(见图8.28~图8.30)。

低明度调给人的感觉神秘、谨慎、厚实、刚毅,抑或是苦涩、阴森、嫉恨、苦难的感觉。

img270

图8.28 低长调/美国Michael Mello/书籍设计

img271

图8.29 低中调/美国/Angryblue作品

img272

图8.30 低长调/芬兰/ Juuso Kalliala, Joonas Tauriainen/ Avanti乐团海报设计

课题思考:

1.黑白明度调色练习。以黑色为主导,加入适量的白色,调配出9个间色,注意每个色阶间的均匀过渡(图8.31)。

2.色彩明度调色练习。以红色为主导,分别加入适量黑色、白色,各调6个色彩,注意每个色阶间的均匀过渡(图8.32)。

3.明度九调练习。任选颜色与图形,完成高长调、高中调、高短调、中长调、中中调、中短调、低长调、低中调、低短调的练习,注意每个色调间的区别(图8.33、图8.34)。

img273

图8.31 九级灰

img274

图8.32 红色明度练习

img275

图8.33 明度对比练习

img276

图8.34 明度对比练习

3.纯度对比

因色彩纯度差别而形成的色彩对比叫做纯度对比。任一纯色与同明度的灰色相混,可得该色的纯度系列。任一纯色与不同明度的灰色相混,可得该色不同明度的纯度系列,即以纯度为主的系列。纯度可分为高纯度、中纯度、低纯度(见图8.35~图8.36)。

1)高纯度调

在以纯度或纯度为主构成的色调中,高纯度占画面面积的70%以上可构成高纯度调。高纯度调的色彩对比往往体现鲜艳、饱和、强烈、个性鲜明的特征。

2)中纯度调

在以纯度或纯度为主构成的色调中,中纯度占画面面积的70%以上可构成中纯度调。中纯度调的色彩对比关系显得相对稳重、调和、厚重。

3)低纯度调

在以纯度或纯度为主构成的色调中,低纯度占画面面积的70%以上可构成低纯度调。低纯度调的色彩对比关系虽有时显得沉闷乏味,但往往含蓄、神秘。

4)艳灰色调

艳灰的对比是指纯度较高的色彩与灰色或灰色调之间对比关系的组合联系。艳灰的色彩关系如能把握好,常常能得到协调、高雅的色彩效果。

img277

图8.35 纯度对比(www.zuozong.com)

img278

图8.36 纯度对比

img279

图8.37 高纯度色调/美国/Oliver hibert

img280

图8.38 中纯度色调/墨西哥/Alberto Cerrite

img281

图8.39 艳灰色调/美国/Stabstabstab

img282

图8.40 低纯度色调/美国/Angryblue

img283

图8.41 高纯度色调/美国/Oliver Hibert

img284

图8.42 中纯度色调/墨西哥/Alberto Cerriteo

img285

图8.43 高纯度色调/美国/Oliver Hibert

img286

图8.44 艳灰色调/美国/Angryblue

课题思考:

纯度色彩推移练习。选一个纯度较高的色彩,分别与高明度、中明度、低明度的灰色调配,注意把握三个原始灰色的关系(图8.45)。

img287

图8.45 高明度、中明度、低明度的艳度推移练习

img288

图8.46 纯度色彩对比练习

img289

图8.47 纯度色彩对比练习

4.色面积对比

色彩设计中,色彩的组合与搭配是一个复杂多变的过程,即便是有很多好的色彩,也很难说我们就能设计出和谐的色彩组合。因为这涉及色与色的诸多关系,尤其是色面积的分布关系。

色彩与色彩的面积在画面的对比效果中同样重要,互为补充。色彩对比强烈的画面,可以通过调整其色彩的面积,使之更加和谐。同样,面积对比强烈的画面,可以通过色彩的搭配使之协调。因此,寻找色彩与色彩之间关系、色彩的面积、空间等的关系,完美的色彩搭配结合完美的色彩面积搭配,才能取得赏心悦目、引人入胜的画面效果(见图8.48~图8.53)。

img290

图8.48 色彩面积对比练习

课题思考:

色彩面积对比练习。用两种或多种颜色打散、重组,研究同一组色彩在不同色面积情况下的不同感受与氛围。

img291

图8.49 色彩面积对比练习

img292

图8.50 色彩面积对比练习

img293

图8.51 色彩面积对比练习

img294

图8.52 色彩面积对比练习

img295

图8.53 色彩面积构成为主的色调/Ogilvy/Nicolas Schumacher/Kimberly-Clark Professional广告

5.色彩调性

在我们的生活中会接触到众多的优秀艺术与设计作品,尽管每个作品的表现形式、技法不同,追求的色彩感觉不同,但在色彩运用、调子的把握上,要达到“色彩和谐”这一要求是一致的。和谐是一种多元素的聚合,即图像元素之间的和谐关系,色彩尤为如此。塞尚说:“色调是把看到的自然和理智的自然,把现实的色彩和头脑中的色彩融合在一起,把对象本身所具有的色彩规律和作者对客观世界的色彩感觉融合在一起,变成艺术形象典型的色彩节奏与韵律。”大自然也为我们展示了绚丽缤纷的色彩,从生活中发现色彩的合理组合关系的能力是我们应该培养和具备的。

色彩的冷暖感觉是色彩物理、生理、心理及色彩本身等综合因素共同决定的。物理学上,把波长长、动态大的色彩称为暖色,如红、橙、黄。把波长短、动态小的色彩称为冷色,如蓝、蓝绿、蓝紫。

img296

图8.54 以孟塞尔色相环划分的冷暖色

在色彩的冷暖对比中,首先找出最暖色—橙,将其定为暖极,再找出最冷色—蓝,将其定为冷极。根据孟塞尔色相环的10个主要色相,由暖极到冷极划分的6个冷暖区域(见图8.54)。

橙—最暖色(暖极)

红、黄—暖色

红紫、黄绿—中性微暖

紫、绿—中性微冷

蓝紫、蓝绿—冷色

蓝色—最冷色(冷极)

凡是离暖极越近的色给人的感觉越暖,凡是离冷极越近的色给人的感觉越冷,因此色彩的冷暖感觉是相对的,不是绝对的。

色彩冷极与暖极的对比是色彩冷暖的最强对比。冷极与暖色、暖极与冷色的对比为色彩冷暖的强对比。暖极、暖色与中性微冷色,冷极、冷色与中性微暖色的对比为色彩冷暖的中等对比。暖极与暖色、冷极与冷色、暖色与中性微暖色、冷色与中性微冷色、中性微暖色与中性微冷色的对比为色彩冷暖的弱对比。

1)暖调

暖色占画面面积的70%以上可构成暖调。可分为暖调的最强对比、强对比、中等对比、弱对比。暖调给人的感觉为热情、喜庆、温暖、火爆、有力量等(见图8.55)。

img297

图8.55 暖调冷暖弱对比/美国/Ark Restaurants网站设计

2)中性微暖调

中性微暖色占画面面积的70%以上可构成中性微暖调。可分为中性微暖调的最强对比、强对比、中等对比、弱对比(见图8.56)。

3)中性微冷调

中性微冷色占画面面积的70%以上可构成中性微冷调。可分为中性微冷调的最强对比、强对比、中等对比、弱对比(见图8.57)。

img298

图8.56 中性微暖调冷暖强对比

img299

图8.57 中性微冷调/俄罗斯/设计师Merdanchik Sanchos-Yohanson

img300

图8.58 冷调冷暖强对比

img301

图8.59 从色彩作品中提取色彩组成色谱

4)冷调

冷色占画面面积的70%以上可构成冷调。可分为冷调的最强对比、强对比、中等对比、弱对比。冷调给人的感觉为寒冷、清爽、健康空间感、距离感等等(见图8.58)。

课题思考:

1.找一张自己喜欢的色彩调性明确的作品,从中提取色彩,将提取的色彩组成一组色谱,提取过程中要抓住画面的色调主色。用提取的色谱进行重新的色彩组合,重组的过程中融入色调的观念。

2.色彩调性对比练习。

基于同一幅图像分别作出暖调、中性微暖调、中性微冷调、冷调。

img302

图8.60 用提取色谱的色彩中心色彩组合

img303

图8.61 色彩调性练习

img304

图8.62 色彩调性练习

img305

图8.63 色彩调性练习

img306

图8.64 色彩调性练习

6.综合案例欣赏

欣赏的过程中融入前面课程讲到的色相、纯度、明度三大要素,以及色彩协调的原理,为设计实践打下良好基础(见图8.65~图8.71)。

img307

图8.65 色彩调性综合练习

img308

图8.66 色彩调性综合练习

img309

图8.67 色彩调性综合练习

img310

图8.68 色彩调性综合练习

img311

图8.69 色彩调性综合练习

img312

图8.70 色彩调性综合练习

img313

图8.71 色彩调性综合练习

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈

相关推荐