Point 03　配色设计原理

在一般情况下，我们都是通过视觉来获取各种信息，其中色彩是十分重要的信息之一，我们还会经常通过色彩来对事物的状态、情形和感觉做出判断，它被誉为可以刺激感官、激发情感的元素。

1.色彩的基本属性

色彩可分为非彩色和彩色两大类别。非彩色是指白色、黑色和各种深浅不同的灰色。彩色有红色、绿色、蓝色等，它的表现很复杂，但可通过三个属性来确定，即色相、饱和度、明度。下图所示为在Photoshop中色相、饱和度、明度的表示。

色相：是指色别、色的相貌，如红色、橙色、黄色、绿色、青色、蓝色、紫色，如下图所示。

饱和度：饱和度是指颜色的纯度，高纯度的色彩非常鲜明，低纯度的色彩比较暗淡。如下图所示，颜色的亮度增加，饱和度会降低；颜色中加入黑色，饱和度也会降低。

明度：明度是指人眼所能感受到的色彩的明暗程度，它是与人的心理、生理有关的一个属性。

在各种颜料中，白颜料是反射率极高的物质，黑颜料是反射率极低的物质，如果在其他颜料中加入白色，可以提高混合色的明度；如果加入黑色，则可以降低混合色的明度。下图所示为不同明度的绿色。

2.决定整体配色的理论

在设计中，并不是单纯地选择颜色，而是针对不同的需要来选择，分析如何使配色更具效果和表现力，如何才能让配色在刚进入眼球的瞬间即可在头脑中形成一种印象。

（1）带有暖意和寒冷的色彩

暖色系的色彩可以使人感到温暖，冷色系的色彩则可以使人感到寒冷，在配色中应理解这一规律，只有这样才能在具体的情况下使画面更具表现效果。

色相环中的红色、橘红色、橘黄色、黄色等暖色系的色彩总能给人留下深刻的印象，体现出画面喧嚣华丽、精力充沛的感觉，营造出热情、温暖、优雅、时尚、活泼、可爱等不同的印象。在传递美味可口的印象时，暖色系色彩也是很具效果的，有增进食欲的功能。暖色系中红色是彰显热情的色彩，会给人留下强烈的印象，刺激人的情感，是最能刺激人类情感的色彩，具有使人兴奋、脉搏跳动加快的功能。面积越大，视觉冲击的效果就越强。

冷色系的蓝色是象征男性的颜色，给人留下寒冷、忧郁的同时，还能给人镇静、健康、清新、新鲜的感觉。冷色系的色彩可以使食物显得很新鲜，适用于介绍蔬菜、鱼等食材。

下图（左）所示为暖色画面，表现出快乐、甜蜜的感觉。下图（右）所示为冷色画面，表现出清凉、舒适、轻松的感觉。

技能拓展

暖色受众群

色相环中接近橙色、黄色的颜色给人温暖、温和的印象，接近紫色的颜色则给人优雅、时尚的印象。而粉色系色彩则体现活泼、可爱的感觉，主要用于年轻女性。因此，受众群体的年龄越大，所用红色的纯度往往越高。

（2）感受成人和儿童的色彩

明度、纯度都较低的配色能营造都市成人的印象，明度、纯度都较高的配色能营造快乐、明朗的儿童印象。体现成人的配色往往以暗色为主，纯度较低的灰色也在其中，接近无彩色会给人一种潇洒、雅致、时尚感。体现儿童的配色以浅色为主，表现快乐时使用红色、黄色、蓝色、绿色等，粉色多用于女性，浅蓝色多用于男性。

在高雅的都市成人中，女性应以红色、紫色等色相为中心，男性应以冷色系的蓝色色相为中心，年纪越大人们越喜欢纯度较低的自然色彩，时尚而又不失沉稳。而明度、纯度都较高的色彩多用于儿童，婴幼儿多用浅色调的色彩。下图（左）所示为表现成人的配色，下图（右）所示为表现儿童的配色。

（3）传递国家、地域、文化的配色

具体色彩所代表的具体含义并不是全世界共通的，会因文化、传统和风土人情而异。各个国家、地域的文化，会通过国旗、服饰、菜肴、建筑、风景等特定的颜色，给人留下鲜明而深刻的印象，应尽量掌握国家文化特色的配色。下图（左）所示为地域特色建筑的配色，下图（右）所示为根据民族特色服饰的配色。

（4）传递华丽、快乐的配色

传递华丽、快乐的配色应以暖色系为中心，突出冷色系色彩的局部效果。尽可能地扩大色相范围，并确定为鲜艳明亮的色调。下图（左）所示表现了欢快的效果。

（5）传递清新、爽快的配色

一些色彩的组合可以体现出清新、轻柔、爽快的感觉，清爽效果最强的是白色，因为白色明度最高，浅色调、明灰色调等高明度的色彩就可以营造出薄如蝉翼的感觉，如下图（右）所示。

（6）传递高档与廉价的配色

色彩是在第一印象中很具吸引力的要素，应掌握高档、低廉等不同印象的配色方法，一般来讲，在正式场合中运用深色调能体现出高档感，用单纯、华丽、明快的色彩组合可以给人以便宜、实惠的印象。下图（左）所示为表现高档的配色，下图（右）所示为表现廉价、便宜的配色。

3.选择基本配色的理论

围绕某一个主题确定基本色，随后再考虑其他必要的补充要素，在配色中能快速把握整体的基调，也能更好地控制产品的主题思想。

（1）与行业相匹配的色彩

色彩可以给人不同的印象，各行各业经常使用的色彩也统一是五彩缤纷。把握其中基本的倾向，将其作为色彩选择时的参考。在企业中、商店的广告牌、宣传册等的配色上一定要保证色彩与企业形象、经营的商品形象相一致，不同行业使用的色彩都有一定的倾向性。

生态自然类的商品选择浅褐色、茶色等朴素的颜色，反映信赖感、可靠性的补习类广告主打蓝色，体现清洁、安全、自然印象的医药类主打绿色，如下图（左）所示。

例如，快餐店、面点屋经常使用红色、橙色、黄色等暖色系色彩，可以让人增加食欲，同时又有较强的视觉认知性和吸引力，如下图（右）所示。

（2）男性与女性喜欢的色彩

在杂志、广告中，选择目标群体喜欢的配色是非常重要的，只要想一想卫生标记、背包的色彩等，就会明白，我们从小就遇到通过色彩来区分性别的情况。

属于男性的配色都是以体现冷峻感的冷色系或者黑色、灰色等无彩色的色相为主体构成的，低明度、低纯度的色调，可以演绎出冷静、沉着、强壮、潇洒等男性的不同侧面，体现出奢华高贵的氛围，如下图（左）所示。感受速度感和力量感的运动型配色也是男性配色，通过色彩来表现动感的印象，突出色彩之间的对比效果，如下图（右）所示。

属于女性的配色应确保色彩反差小及色彩之间应平稳过渡，以此来表现女性温柔、柔美的印象，女性普遍喜好红色、粉色等暖色，通过暖色单色系配色演绎女性的高雅和优美；可通过高明度的暖色系来体现浪漫甜蜜的印象，在明亮的色调中，若以粉色、黄色为中心可以展现女性追求梦幻浪漫的感觉，如下图（左）所示；添加紫色、黑色、红色可以体现艳丽的性感配色，表现成熟女性的魅力，如下图（右）所示。

（3）与季节相对应的色彩

通过色彩表现季节感时，重点在于色调，只有确定正确的色调后才能进行恰当地配色。通过色彩表现季节感时，最重要的是四季不同的光的变化和大自然的色彩。

例如，通过柔和的光线，春季的樱花、菜花新芽等表现春天的气息，如下图（左）所示；通过高纯度的色调和高反差的配色，表现强烈的日照和暑气，也可通过红色、黄色、橙色表现夏季的温度感；通过果实、红叶的红色及茶色和深沉的色调，表现秋季的美，如下图（右）所示；通过低纯度的冷色系配色，表现冬日的冷寂。

（4）都市与自然氛围的色彩

都市印象在没有温度感的配色中呈现，运用直线型线条照相，体现局促感是设计都市印象的重点。在奶黄色中展现具有透明感和丝丝凉意的都市感，在冷色系色彩中添加茶色，展现时尚、理性的都市感，以稳重的灰色为基调配色展现井然有序的印象，如下图（左）所示。

与人工的都市印象相反，通过自然素材的色彩搭配可以展现大自然的印象。从浅褐色到深咖啡色等茶色系色彩的变换会形成简单、自然的印象，如下图（右）所示。以绿色系为主给人生动活泼的印象，接近灰色的色调营造都市摩登氛围，黄色、橙色、茶色等色彩层次感营造复古怀旧感。

4.出现多种色彩的配色理论

当画面中不仅需要一种色彩表现，而是需要多种色彩表现时，应如何去选择色彩进行搭配呢，当然不能随便运用色彩，要从整体来考虑视觉效果，也有一套配色方案。下图（左）所示为24色相环，下图（右）所示为12色相环，在学习过程中需要对应色相环查看相应的颜色。

（1）相近色构成统一配色

由相同或相近色相构成的具有统一性的配色可以轻松营造出和谐、统一的印象，作为配色的基本技巧之一，应要首先掌握。

同色系色彩是指在同一色相中明度不同的色彩，即在其中混入白色或黑色。由同色系构成的配色被称为同一色相配色。同一色相配色体现出统一性、流畅性，如红色与红色、蓝色与蓝色搭配，宁静中体现统一感，形成简约、成熟、高雅、干练的印象。但容易给人呆板、单调的感觉，所以最好要大胆增加色调差异，体现画面色彩的张弛效果。

下图所示分别为红色和绿色使用相同色相不同明度搭配的效果。

邻近色相配色，演绎自然和谐的印象，邻近色相是指在色相环上相邻的色相（24色的色相环相差为1，角度相差15度），属于类似色相的一种。色相相近，彼此易于整合。与同一色相相比，由于色相上存在微妙的差异，所以配色效果能体现出纤细的变化，同时为了避免单调，最好通过色调营造出色彩的对比效果。

下图所示分别为使用24色相环上的7～10和19～22的邻近色搭配的效果。

类似色相配色体现统一性、流畅性，类似色相是指在色相环上相邻的色相，以及较小范围内的色相（24色相环上相差为2～3，角度差为45度），例如，当黄色为基准时，从橙色至黄绿色都属于黄色的类似色相。类似色相具有适度的变化和动感，同样可以通过色调差体现画面色彩张弛感。

下图所示为两组类似色相搭配的效果，相近的色相整体效果好，同时可以体现视觉动感。

（2）互补色和对比色构成变化性配色

色相相距越远，色相的对比效果就越明显，掌握配色的另一个基本技巧就是对比色配色。对比色是指在色相环上处于相对位置的色相，对比色配色相差大，对比度高，视觉冲击效果就越强烈，可以给人留下深刻的印象。不同的色彩可以相互衬托，能吸引人的眼球，适合用于表现活跃、健康、喧闹、华丽的印象。

互补色相配色表现强烈的印象，互补色是指通过在色相环上处于完全相对位置的色相（24色相环上色相差为11～12，角度差为165度、180度）构成的配色。互补色配色中色相相差较大，特别是高纯度色调下的互补色配色，展现出充满刺激性的艳丽印象，适用于表现出高度视觉冲击效果的设计中，但同时也容易形成廉价、劣质的印象。高纯度的互补色搭配会使人的眼睛产生晕光，看起来飘忽闪烁，所以最好避免高纯度的纯色搭配。

下图所示为红绿色和蓝黄色两组互补色搭配的效果，有十分强烈的视觉冲击效果，使眼睛产生晕光现象，这点应注意。

对比色相配色效果清晰、醒目，对比色是通过色相环上色相差很大的色彩（24色相环上色相差为8～10，角度差为135度、150度）构成的配色，也称相反色配色，色相对比效果十分强烈，体现力量感和速度感，演绎活力四射的运动氛围和彩色的跳跃性。但是，容易形成过于强烈的印象，造成画面中文字的可读性下降，搭配时应注意配色的面积。

下图所示为两组对比色搭配的效果，色彩互相衬托，形成鲜明、充满活力的画面效果。

中差色相配色表现舒适感和适度的刺激效果，即不同于类似色相，又不同于对比色相配色，是由中度色相差的色彩（24色的色相环上色相差为4～7，角度差为60度、75度、90度、105度）构成的配色类型。配色效果的特征是能够体现暧昧的印象，是日本、韩国等亚洲国家自古以来一直使用的传统色，在名族服饰中都有充分的体现，适用于表现东方民族特色的印象。

下图所示为两组中差色相配的效果，平衡效果稍差的中差色相配色，当统一于鲜明色调中时，可以体现张弛感。

（3）调整整体色调

色调是决定色彩视觉印象诸多要素中很关键的一个要素，色调的不同可以形成不同的表现效果。色调是色彩明度和纯度组合而成的概念，决定着色彩的基调和氛围要素。无论色相如何，只要将其色调统一，就可以体现整体性和统一性，形成和谐、自然的效果。

确定色调是配色中很重要的一步，在同一色调中选择色彩的配色方式称为同一色调配色，而同一色调配色强调独特的世界观，色调统一后没有色相限制，为避免配色效果陷入乏味印象，尽可能出现多种色相表现不同的色彩。

下图所示为浅色调的同一色调配色和鲜艳色调的同一色调配色，色彩之间过渡自然。

类似色调配色与同一色调配色相同，色调差为零，追求统一和谐的效果。配色中由于色相没有差别，所以可适当制造色相差，体现色彩的变化和张弛感。

下图所示为一组鲜艳色调和一组浅色调的类似色调配色，体现色彩的动感效果。

对比色调可通过浅色调、暗色调的对比，强调视觉对比效果。不同色调反映在同一种色相中的配色形式称为“同色深浅搭配配色”。色调的对比性包括明度和纯度高低等的对比性。与同一色调配色、类似色调配色相比，色调差异较大。

色调相同或类似时，通过色调差异和明度差异突出对比效果和视觉重点，表现鲜活、明快的印象，如下图所示。

（4）表现强烈视觉冲击的配色

在表现强烈视觉冲击效果的氛围时，色彩的运用十分关键，鲜艳、强烈的色彩组合，具有高明度的明快色调或浓重色调的色彩组合搭配，可以形成高对比度的配色，适合表现简约图案的设计。

以纯色三原色为主的配色展现健康、活力的印象，即使色彩数量有限也会呈现出五彩缤纷的印象，因为色相差异较大，色彩之间得以相互衬托，彰显活力与动感，如下图所示。

色相差异较大的多色配色在演绎华丽印象的同时，也可以表现流行感和新鲜感，与阳光下自然的色彩印象相反，将接近黄色色相的明度降低，接近蓝紫色色相的明度提高，这种搭配称为“不和谐的和谐”，是表现反常规、时尚、前卫的最佳配色，刻意制造不自然感，演绎现代感，如下图所示。

鲜艳色调构成的多色配色体现活力四射，如果加入黑色，则强调出强劲有力、粗壮的印象。高纯度色调和纯度为零、明度很低的黑色，形成强烈的对比效果，使色彩间的差异更为明显。在华丽中有一份厚重，表现男性的朝气蓬勃，如下图所示。

技能拓展

常见的配色方法

在配色中，通常会使用色轮进行配色，最常用的配色方案包括以下几种。