导图社区 《海报设计原理与实例解析》第四章色彩——海报的情感表达
《海报设计原理与实例解析》第四章色彩——海报的情感表达的思维导图,介绍了色彩的三大特性、色彩的对比形式、色彩的平衡法则、色彩的选取与搭配原则、海报诊断知识。
编辑于2023-07-20 00:04:43 河北省《海报设计原理与实例解析》第四章色彩——海报的情感表达
1.初识色彩
1.1色彩的基础知识
色彩的三要素
色彩的三要素包括色相、纯度(饱和度)和明度(亮度)。在HSB颜色模式中,H(Hues)表示色相,S(Saturation)表示纯度,B(Brightness)表示亮度。
色相
色相指的是色彩的相貌,是色彩的首要特征,也是区别各种不同色彩的标准。除了黑色、白色和灰色(属于无彩色系)无色相,任何色彩都有色相。色相的不同是由光波长短的差异造成的,红色、橙色、黄色和绿色等都各自代表一个色相,如下图所示。同一色相的色彩之间也会有差异,如中绿色、粉绿色和淡绿色都属于绿色相,但在明度与纯度上有所不同。
纯度
纯度指的是色彩的鲜艳程度。色彩的纯度越低,色彩越黯淡,色彩的纯度越高,色彩越鲜艳,如下图所示。当纯度降到最低时色彩会失去色相,变成无彩色。 
明度
明度指的是色彩的明亮程度。色彩的浓度越低,色彩越暗沉,色彩的明度越高,色彩越明亮,如下图所示。 
色彩的分类
有色彩
有彩色指的是可见光中的所有色彩。下图中的红色、橙色、黄色、绿色、青色、蓝色和紫色为基本色,基色之间或基本色与黑色、白色混合形成的色彩都是有彩色,具有色相、纯度和明度3种色彩属性。 
无色彩
无彩色指的是黑色、白色及深浅不一的灰色。无彩色没有色相和纯度,只有一个属性,那就是明度。在无彩色中,明度最高的是白色,明度最低的是黑色,如下图所示。 
色彩的模式
色彩模式指的是数字世界颜色的分类方法,具体可分为RGB模式、CMYK模式、HSB模式、Lab模式和索引颜色模式等,其中较常用的是RGB模式和CMYK模式,如下图所示。 
RGB模式
CMYK模式
CMYK模式是适用于印刷的色彩模式,通常在印刷品的制作中会用到,4个字母分别代表青色(Cyan)、洋红色(Magenta)、黄色(Yellow)、黑色(Black)4种颜色。当光线照射到印刷用的油墨纸上后,光谱会被吸收、混合,并反射到人眼中形成颜色。在混合时,如果4种颜色同等增多,反射到人眼的光线就会相应减少,光线的亮度也会随之降低,因此这一模式又称为色光减色法。
HSB模式
HSB模式是基于人眼对色彩的感觉而开发的色彩模式,较接近大脑对色彩的感知与辨识,如下图所示。HSB模式比RGB模式、CMYK模式更直观,更符合视觉原理。由于人脑在辨别颜色时,不能像计算机一样把色彩分解成几种色光,因此依据色相、饱和度和亮度来分解色彩更合理。 
1.2色彩心理学
色彩的性格
在下图中,红色象征着热情、喜庆和自信,是一种充满活力与激情的色彩,具有强烈的扩张感与冲击力。红色既可以传递警示、危险之意,又可以给人吉祥、喜庆之感,这取决于不同的使用场景。橙色象征着睿智、温暖和动感。橙色由于中和了黄色与红色,因此既具有黄色的活力阳光,又具有红色的热情奔放,可以传递快乐积极的感受。黄色象征着美好、积极和阳光。黄色是色彩中较亮的、很容易被识别的颜色,可以传递温暖、阳光、美好的感受。绿色象征着舒适、自然和恬静。绿色中和了黄色与蓝色,所以为中性色彩,无冷暖之分。绿色常常会让人联想到自然,可以传递轻松舒适的感受,具有调节心理的作用。蓝色象征着天真、冷静和深邃,可以使人联想到蓝天、海洋,给人包容、广阔深远之感。许多企业都喜欢把蓝色用于其品牌宣传物料中,以传达现代、专业之感。 在下图中,紫色象征着高贵、典雅和梦幻,给人神秘之感。粉色象征着可爱、甜美和温馨。低明度的粉色可以给人文艺、典雅之感,而高明度的粉色可以给人青春、年轻之感。黑色象征着神秘、庄重和高级。黑色是一种常见的色彩,具有多种内涵,既可以表现庄严肃穆的特点,又可以表现轻奢高级的格调;既可以传递正面的情感,又可以传递消极的情绪。白色象征着简洁、舒适和干净,若运用得当可以给人一种舒适感、透气感。灰色象征着朴素、沉稳和现代,介于黑色与白色之间,是一种中性色彩。灰色运用得当可以传递内敛、低调的现代感,否则容易让人感到沉闷、乏味。 
色彩的轻重
人们常说黑色厚重、白色轻盈,然而色彩本身是没有重量的,这里的轻重指的是人对色彩的主观感受,当人们无法准确判断物体重量时,就会通过主观意识进行评估。 通常来说,冷色在视觉感知上比暖色重。 不同的色彩对比会产生不同的轻重感知,黄色与红色均为暖色,但当黄色与绿色对比是黄色明显比绿色轻,当红色与绿色相比时,红色明显比绿色重。 在相同色相下,色彩的纯度与明度会影响色彩的轻重,色彩的纯度越高,色彩看起来越轻,色彩的明度越高。色彩看起来越轻。
2.色彩的三大特性
2.1普遍性
普遍性是色彩长期与人们认知和行为互动的结果。当看到红色的时候,会联想到春节、红包、对联等,感受到吉祥喜庆、欢腾热闹;当看到金黄色的时候,会联想到秋收的麦子、稻田、金碧辉煌的建筑等,感受到丰收喜悦、尊贵辉煌。这种普遍认知不存在混淆与偏差,就像绿色通常不会令人联想到海洋。
2.2文化性
色彩的文化性指的是不同国家与地区由于文化、历史等方面的差异,对色彩的认知会有所不同。另外,色彩在不同的情境下也可能传递出不同的文化内涵。 每种色彩都有其意义,时代背景、环境等因素会赋予色彩不同的含义。例如,红色在国内很多场合都会用到,因为其象征着喜庆吉祥、兴旺热闹。而在西方文化中,红色由于是鲜血的颜色,因此常用来表示残酷、暴力等含义。黄色在中国文化中象征着至高无上的王权和尊贵,同时还代表丰收和温暖。而在部分国家,黄色却象征着背叛、懦弱与卑鄙。白色在部分中国人的印象中象征着不祥、衰亡等。而在某些国家与地区,白色则有纯洁、善良等美好的寓意。
2.3主题性
色彩的主题性来自人们对色彩的联想,这种联想包含具象联想及抽象联想两种形式。由于年龄、审美、认知习惯和生活阅历等存在差异,不同的人群对色彩的感知与联想也会存在一定差异。相对而言,孩童的抽象联想要多于具象联想,看到蓝色不一定会联想到蓝天、海洋,可能会联想到其他毫不相关的事物。而成年人则因为知识积累及社会阅历,具象联想会多于抽象联想。 具象联想是指看到色彩后直观理性的联想。例如,黄色会让人联想到柠檬、玉米、香蕉等,红色则会让人联想到草莓、苹果、西红柿、辣椒等。抽象联想则是非直观的感性联想。例如,看到黄色会产生乐观阳光、积极向上的感觉,看到红色会产生喜庆热闹、激情活力的感觉。正是通过这些联想,观者对色彩的主题性才会有更好的认知。  在没有文字的情况下,色彩能准确传达海报的主题。然而色彩使用不当会阻碍海报主题的传达,影响受众的认知。不同的色彩具有不同的意象,可以用来传达不同的主题与调性,如下图所示。  PS:上述色彩的主题意象是大众的普遍认知,在具体设计中需根据海报的主题和实际情况选取相应的色彩搭配,切忌以偏概全。
3.色彩的对比形式
3.1色相对比
因为色相差异而产生的色彩对比,即色相对比,其强弱程度取决于色彩在色相环上的相差距离(角度)。距离越小,对比越弱;反之,对比越强。随着相差角度的增大,色相对比会不断增强,如下图所示。当两种色彩的色相相差的角度为180°时,对比的效果是很明显的。  将这四种对比形式按照从弱到强如下。 
同类色相对比
同类色相对比指的是同一色相的不同明度、纯度的对比,它们在色相环的角度差值一般为0°~30°。同类色相对比具有色调统一,柔和的特点,视觉效果较弱,如下图所示。 
邻近色相对比
邻近色相对比指的是色相环上相邻两个色相之间的对比。他们在色相环的角度差一般为0°~60°,比同类色相对比的效果更明显。邻近色相对比具有舒适和谐的特点,但也因此缺乏差异与对比,视觉效果单调,如下图所示。 
对比色相对比
对比色相对比指的是两个对比色相之间的对比,它们在色相环上的角度差值一般为120°左右。对比色相对比的效果,比邻近色相对比的效果更强烈。深色和浅色,冷色和暖色,黑色、白色、灰色和其他任何色彩都属于对比色相。下面海报中的对比使画面主次有序,具有强烈的视觉冲击,能够快速吸引受众的注意。 
互补色相对比
互补色相在色相环上的角度差值一般为180°左右。互补色相对比的视觉效果在这4种形式中较强烈丰富,往往具有鲜活的视觉表现力。下面的海报极具表现力与冲击力,但容易导致视觉疲劳。 
3.2纯度对比
因为纯度差异而产生的色彩对比为纯度对比。纯度可分为低纯度、中纯度和高纯度3种,如下图所示。低纯度色彩给人灰暗沉寂之感;中纯度色彩既不会过于鲜艳,又不会过于暗沉,较平和舒适:高纯度色彩则给人鲜艳明快之感。  纯度的对比可以是低纯度与中纯度、中纯度与高纯度、低纯度与高纯度的对比,纯度的层级相差越大,对比效果越明显,如下图所示。  尽管鲜艳亮丽的色彩比暗沉平和的色彩更容易被识别与引起观者的注意,但是对这两种纯度的色彩的使用都需要把握到位。纯度较高的色彩运用得当会给人时尚潮流之感,运用不当会给人低俗之感。纯度较低的色彩运用得当会给人怀旧、淡雅之感,运用不当会使画面显得暗沉、缺乏生机。纯度较高的色彩在时尚、文娱等商业海报中应用较多,鲜艳的色彩可以引人注意。纯度较低的色彩常见于文化海报及充满人文气息的品牌海报中,可以传达一种清新自然之感。 
3.3明度对比
因为明暗差异而产生的色彩对比为明度对比。同一种色彩之间与多种色彩之间都可以形成明暗对比,不同的明度会呈现出不一样的视觉效果。同一个灰色正方形,将其置于浅灰色背景中,它会显得较暗,将其置于黑色背景中,它会显得较亮,如下图所示。此外,在正方形与背景的边界附近,明度对比更明显。  明度可划分为11个色阶,如下图所示。靠近白色的3个色阶为高明度,让人感到轻快、明亮。靠近黑色的3个色阶为低明度,让人感到厚重、压抑。中间的3个色阶为中明度,让人感到含蓄、稳重。上述9个色阶加上黑色、白色两个色阶,总共11个色阶。色阶之间相隔越远,明度的对比就越强。  使用明度对比,重要的是处理画面中的黑白灰关系。黑白灰关系不仅包含黑色、白色和灰色之间的对比,还包含画面的灰度构成,合理的黑白灰关系可以使画面主次有序、条理分明。无彩色的使用方法比较容易掌控,因为其中有最重、最轻的色彩,即黑色、白色。 对于有彩色而言,需要控制多种色彩之间的明度关系。当画面整体的明度较低时,会显得灰暗,给人浑浊之感;当画面整体的明度较高时,会显得跳跃而缺乏主次关系。 如果画面中出现两种以上的色彩,该如何处理色彩的明度对比关系呢? 在下面3幅海报中,每幅海报的色彩有3种。要平衡这3种色彩之间的明度关系,可以遵循“两低一高”原则。“两低”指的是两种明度较低的色彩,“一高”指的是一种明度较高的色彩。由于明亮色彩的识别效果优于暗沉色彩,因此明度较高的色彩可以用于表现海报的主题、重点。左侧与中间海报的色彩明度接近,整体过于暗沉,难以突出视觉焦点。右侧海报的背景与图形的色彩明度都比较低,明度较高的文字格外突出,有效传达了海报的主题。 
3.4冷暖对比
色彩的冷暖来自人对色彩的视觉感知,将色彩按冷暖进行搭配而产生的对比即冷暖对比。在下图中色相环上半部分的黄色、橙色和红色等色彩给人热烈、温暖之感,属于暖色;色相环下半部分的青色、蓝色和紫色等色彩给人平静、清凉之感,属于冷色。黑色、白色、灰色及带有灰色倾向的色彩属于中性色。 色彩的冷暖差异会产生空间层次感。暖色系色彩会产生前进、扩张之感,冷色系色彩会产生后退、收缩之感。为两个相同的图形填充不同的色彩,看起来暖色图形略大于冷色图形,这是因为暖色给人扩张的感觉,如下图所示。  冷暖对比形式在海报中的应用十分广泛。冷暖色彩搭配既可以为画面营造视觉平衡,还可以起到突出海报主题、凸显视觉焦点的作用。当画面中冷色与暖色的比例均衡时,侧重于为画面营造视觉平衡。当冷色与暖色的比例一大一小时,则侧重于凸显其中的某一部分,起到聚焦的作用。 营造视觉平衡 冷暖对比相较于其他几种对比关系,不仅能起到突出强调的作用,还能平衡视觉。下面这组海报的色彩都有冷暖对比关系,但视觉焦点不明显,而且画面中的文字之间为并列关系,并没有强调某一部分,所以这些海报中的冷暖对比起着平衡视觉的作用。  凸显画面的视觉焦点 除了平衡视觉,冷暖对比还能使画面的主次关系更明显,创造视觉焦点。 如果按照60%、30%和10%的比例来分配黄色、绿色和紫色,可以得到下面这幅海报所示效果。黄色属于暖色,而绿色作为中性色在黄色背景的衬托下会偏向于暖色,属于冷色的紫色在画面中的占比较小,因此它在整个画面中起着突出强调及上下呼应的作用,使视线聚焦于画面中的紫色图形部分,也就是凸显了画面的视觉焦点。 
4.色彩的平衡法则
色彩的平衡指的是人在观察色彩的色相、纯度和明度协调时产生的一种视觉与心理的平衡。色彩的平衡不仅能使画面稳定、和谐,还能让受众在观看时感到舒适。
4.1补色平衡
补色平衡是指通过互补色的对比起到平衡视觉的作用,由于互补色的色相差异悬殊,因此互补色可产生强烈的视觉冲击力。下面这组海报使用典型的色彩平衡方法,通过大面积的互补色形成对比,有非常强的视觉表现力,整个画面具有很强的冲击感、跳跃感,能够吸引观者的注意力。 在不改变色相的前提下,适当降低色彩的纯度和明度可以进一步平衡画面,在补色平衡的同时,避免画面太过艳俗。当整个画面的色彩由高明度降为低明度后,不会产生过度的刺激感,也不会导致视觉疲劳,反而会具有氛围感。  除了降低互补色的纯度和明度,还可以加入黑色、白色、灰色等无彩色来平衡画面的色彩关系。当画面色彩过于丰富、对比较强烈时,可以加入白色,这种方式相较于降低色彩的纯度和明度,更能增加画面的留白空间,丰富信息层次,给人透气感和舒适感。在下面的海报中,视觉焦点会先落在红色图形与绿色图形上。尽管红色与绿色的纯度很高,但不会给人过多的视觉刺激。这种黑色、白色、灰色与互补色的搭配,不仅能平衡画面的色彩关系,还可以起到丰富画面层次的作用。 
4.2深浅平衡
深浅平衡是指利用不同的明度,使色彩关系和谐且有色彩对比,既不会过于轻浮,又不会过于沉重,侧重于协调色彩层次的平衡。色彩太深或太浅都会影响海报主题的传达与视觉美感的表现,若画面中只有两种色彩,则两者间的平衡关系很容易把控。但是若画面中出现了多种色彩,就需要通过深浅关系平衡画面的层次。 色彩的深浅平衡侧重于烘托近实远虚、近大远小的空间感,使画面的空间层次更加丰富,有利于对主体图形的强调与展示。下面这组海报通过同一色相的不同明度来丰富画面的深浅层次,使画面中的主体图形更加突出。 
4.3冷暖平衡
冷暖平衡侧重于色彩情感的平衡,色彩过冷或过冷均会导致视觉失衡。 冷暖平衡这一原则较特殊,受人们心理感知的影响很大。补色平衡与深浅平衡都是客观的平衡关系,远平衡则是主观的平衡关系。下面这组海报通过色彩的冷暖关系来突出图形创意沙发和头发。选用了金色与品牌LOGO的黄色相呼应,属于暖色,作为背景的紫色,蓝色属于冷色。冷暖色彩的关系不仅凸显了画面的重点,还平衡了整个画面的色彩层次。 
4.4多色平衡
多色平衡不仅包括画面中各种色彩之间的平衡,还包括色彩类别的平衡,如无彩色与有彩色的平衡。对于设计新手而言,在面临多种色彩时,会出现不知如何搭配的问题。这时既可以将其拆分为独立的色彩,又可以将其划分为多个色彩组,这样就有利于对多种色彩进行分配。当拆分两种单独的色彩时,补色平衡,深浅平衡、冷暖平衡都可以派上用场。 总而言之,当画面中出现多种不同有色彩而导致画面重点不明、层次紊乱时,无色彩能有效调节色彩的平衡关系,使受众中能够清晰直观的了解海报的主题。
4.5层次平衡
色彩的层次平衡可以理解为花色与纯色之间的平衡。这一平衡关系侧重于多组色彩之间的平衡花色就是由色彩组及多种色彩构成的花纹,渐变色与纯色之间的平衡也属于层次平衡,因为渐变色本身就具有色彩层次。 由于花色层次多样,纯色层次单一,因此花色与纯色可以形成反紧有序的色彩层次,在产生精彩效果的同时,又给人舒适的呼吸感。 当画面中出现渐变色时,该如何平衡画面的色彩关系呢? 当有色彩层次的渐变色与纯色组合时,画面的色彩关系会趋于平衡。纯色色彩的选取需要考虑画面中的渐变色,当渐变色整体较明亮时,深色背景更能彰显渐变色的层次;当渐变色整体较灰冷时,明亮的背景可以增强画面的视觉效果。在下面的海报中,深蓝色的纯色背景与绚丽的渐变色达到了视觉平衡。在色彩层次上,渐变色的层次丰富,深蓝色背景简洁直观。在色彩对比上,渐变色明亮绚丽,纯色背景稳重深沉。一繁一简,一明一暗,有效地实现了色彩平衡。  以上介绍的色彩平衡法则,基本包含了所有的色彩平衡方法。值得注意的是,同一画面中可以使用一种或多种色彩平衡方法。在设计海报的过程中,可以先确定画面中的一种色彩关系,然后以这5个法则作为画面色彩平衡关系的判定标准,平衡画面的色彩层次与主次关系。
5.色彩的选取与搭配原则
5.1色彩的选取
海报的主题
色彩具有情感与性格,对不同的主题起着不同的作用。例如为春节设计一副海报,该如何选取色彩?可以从主题入手,春节的氛围是喜庆,与红色,金色的色彩联系紧密。因此纯度与明度高的暖色可以更好传达这一主题。 当然根据海报的主题进行色彩的选取并不是一成不变的,色彩的主要作用是引发人们对主题的联想,从而了解海报的主题。因此在确保海报主题能准确得到传达的前提下,可以对色彩进行个性化搭配。
品牌的色彩调性
品牌的色彩调性并不仅包含品牌的色彩,还包含品牌整体的调性与色彩风格。例如,无印良品的品牌LOGO是红色的,但是它的品牌宣传海报并没有使用红色,而是选取了原木色、白色和米色等舒适简洁的色彩。 下面是笔者为家居品牌窝候设计的海报。海报的色彩并不是根据品牌LOGO的色彩选择的,而是以契合品牌调性为主要考虑因素。整体以低饱和度色彩为主,画面虽然丰富但不会带给人刺激感,反而能够带来温和、轻松和舒适的心理感受,从而传达出品牌的文化内涵。 
色彩搭配的视觉效果
海报的配色并不仅是根据海报的调性及海报的主题来确定的。还要考虑色彩最终呈现的视觉效果,这一点更多的体现在文化海报与学术海报等商业性没有那么强的海报中。 如果海报的主题较抽象宽泛,可以根据视觉效果来选择色彩。在下面的海报中,由于没有与主题对应的色彩,因此只要画面美观即可。这里可根据冷暖、深浅和互补等色彩关系进行海报色彩的搭配。第1幅海报体现了色彩的互补关系,第2幅海报体现了色彩的冷暖关系,第3幅海报体现了色彩组合产生的新奇效果。  了解海报的主题,选取与主题相关的色彩,可以强化主题的传达与受众的理解。对于商业海报而言,理解品牌的风格调性,选择有利于表现品牌内涵的色彩,对品牌的塑造及主题的传达有事半功倍的效果。对于学术、文化海报或主题较抽象的海报而言,可以调整色彩的属性以实现新颖独特的视觉效果。
5.2色彩的搭配原则
 “三七原则”,也称为对立统一原则。在设计或其他艺术形式中,常常会提到对立与统一这个客观的自然规律。统一指的是都在统一的整体之中,对立则体现为各个元素的差异化特征。“三”“七”构成一个十全十美的整体,“三”“七”的比例体现出对立。过于均衡的布局会使画面显得单调与平庸,难以凸显画面的重点内容。 三七”原则是色彩搭配比例的重要原则,即将海报的色彩划分为70%、30%(25%、5%),如下图所示。70%的色彩是画面的背景色,因为画面的色调由背景色决定,所以背景色在整个画面中占比最大。25%的色彩为画面的主体色。剩下5%的色彩为画面的强调色,也称为点缀色,起着突出强调的作用。 当画面中的色彩超过3种时,同样可以用“三七”原则进行划分。以四种色彩为例,将占比25%的主体色划出1/3作为第4种色彩的比例,如下图所示。  关于色彩的搭配比例,首先应确定海报整体的基调和主体色,在此基础上铺以其他色彩作为衬托,设计师应根据海报的主题及应用场景设置色彩搭配比例,使整个画面的色彩统一而富于变化。 需要注意的是,“三七”原则并非死板的,而是一种经实践产生的方法论。强调画面的对比与视觉平衡,在海报设计中可以从“三七”原则中找到色彩搭配与比例划分的最佳方式。掌握这一原则有利于平衡画面的色彩关系及主次层级。
单色相搭配
单色相搭配:指单一色相内的色彩搭配,在不改变色相的情况下,对色彩的纯度和明度进行细微调整。这种色彩搭配方法相对简单,画面趋于和谐,但是整个效果显得过于单调,缺少色彩对比。
近似色搭配
近似色搭配:指色相环上相近色彩之间的搭配,如橙色与红色或黄色搭配、蓝色与深蓝色或青色搭配等。这种色彩搭配方法由于色彩较接近,过渡较自然,因此会给人柔和、舒适之感。
互补色搭配
互补色搭配:色彩搭配中较有冲击力、视觉效果较强的搭配方式。其常见的搭配有红色与绿色、蓝色与橙色、紫色与黄色。
三原色搭配
三原色搭配:三原色指色彩中不能再分解的3种基本颜色,即红色、黄色和蓝色。三原色搭配可以是色相环上的任意一组等距色彩组合。这种色彩搭配方法因为每两种色彩之间的跨度较大,所以视觉效果强且富有张力。
分裂互补色搭配
分裂互补色搭配:近似色与互补色的结合,将其中一种互补色替换为两种近似的色彩而产生相应的效果。例如,橙色与蓝色是互补色,由蓝色又可以生成青色和深蓝色。这种色彩搭配方法既具有近似色的低对比度美感,又具有互补色的视觉冲击感,从而形成既和谐又有冲击力的效果。
6.海报诊断
6.1色彩单一,缺少对比
色彩的色相、明度和纯度过于相近会导致画面的色彩单一。如果画面中的信息过多,相近的色彩虽然能使视觉效果和谐统一,但是不利于主题的表达与内文的阅读。 
6.2主次不明,层级混乱
如果画面色彩层次过多或过少导致画面的主次关系不明显、信息层级混乱,就需要对信息层级及色彩关系进行梳理。
6.3用色不当,色不达意
在海报设计中,用色不当会阻碍海报主题的传达,使受众无法正确理解海报的内容。