![平面设计配色速查](https://wfqqreader-1252317822.image.myqcloud.com/cover/9/656009/b_656009.jpg)
1.6 色彩对比
在设计中,很多广告或产品设计都会用到对比的色彩,这样更容易吸引人们的眼球,运用色彩的对比,可以使色彩更加显著、耀眼。
这里所谓的对比,指的是多个设计要素之间具有某些落差的状态,不过并不单单指色彩,在版面的设计和文字的结合上,同样可以使用对比的方法进行设计。色彩上的对比,是指色彩与色彩之间在进行组合时所产生的落差的大小。
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0018_0001.jpg?sign=1739604188-lU7UiHC20g1u31ga6ApS9mAVJOEhJTjd-0-70bf7ef7f7b020c69202d9fdb0c0f2b7)
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0018_0002.jpg?sign=1739604188-KWjBLDLbtucTmucjHZ6v9y40FuJSLv50-0-ff8db6b107f9a62fb406900a8db78893)
在使用对比时,可以运用许多的对比方式,只要在色彩的某个要素上添加落差,就可以产生明度的对比、纯度的对比、色相的对比等各种不同的对比方式,本节将详细讲解色彩的不同对比方式的应用。
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0018_0003.jpg?sign=1739604188-viXcIe8nJG62FMHD4fVf2IG2xSEwizMz-0-9184d2701f55230cb269661f73dc12d6)
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0018_0004.jpg?sign=1739604188-03f90aKABb312nGaFzumvSmPSq1eWYUT-0-0e1bbcf71da23443ed398babc0deb3bd)
另外,对比还可以由色彩本身的要素形成,也可以由色彩的使用方式形成。在色彩的使用面积上造成落差,或者是在色彩与色彩的交界上使用其他颜色,效果也非常好。
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0018_0005.jpg?sign=1739604188-a7PFnzAEkXV3u0ODl82jF6xFWA7gypQm-0-3a4b184bd689bf04ca8e70ea83eb977c)
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0018_0006.jpg?sign=1739604188-FLKA8dUnizKyj2kEOSgWAsdsGUG7jxKc-0-c0cceaabea378dcc613b068cbd6807ad)
1.6.1 明度对比的配色
在设计中使用色彩来强调设计时,最重要的就是对比,在色彩的对比之中,效果最好的就是让明度产生落差形成“明度对比”,在这其中,由拉大色相明度差异形成的对比,可以算是设计中不可或缺的重要准则。
在明度落差大的色彩组合中,又以黄色和黑色搭配的组合最为抢眼,它不仅明度差异极大,在生理上也是一组容易进入人们眼帘的配色。所以在引起人们的注意的标志上应用比较广泛,在公路上我们随处可见,大多数的交通提醒标志都是黄色与黑色的搭配组合。
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0019_0001.jpg?sign=1739604188-RkJSwEYR1M6zd0crCbzwhDl6yv8yQZJ9-0-e9540bffb63828054d1bd23092bc45df)
然而在提高产品设计或广告设计的“视认性”或者“可读性”时,也需要用到明度的对比度。所谓的“视认性”,就是指眼睛易于辨识作品中要素形状的指数,“可读性”则是指文字的易于读取度。明度落差小的色彩组合,它的视认性和可读性就会降低。无论设计者如何费尽心思或者精心巧妙地拟定文案,如果难以读取内容,一切都变得没有任何意义。
为了很好地表现设计主题,那么,文字和商标的显眼和突出就变得尤为重要,为了更好地让人们能清楚地读取,就需要拉大与背景的明度差异。
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0019_0002.jpg?sign=1739604188-tiNvcf6szK3Ff0ZbApXn0oaH6EZLz2rp-0-e7dca314aaf0e96f735602655915bf43)
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0019_0003.jpg?sign=1739604188-6FCerhnhVcxAymFnBi9vVZP5lFRjxqXE-0-b25f4816c8b899e4cdc3a74c8a7a5895)
在不同色调的画面中添加文字时,需要注意,当画面的明度极高或极低时,只要运用反向的文字色彩即可,但是如果色调为中间色调时,无论在上面添加什么颜色的文字,可读性都会降低。
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0019_0004.jpg?sign=1739604188-s70wtSUo5w85H5nBxzSIUJe3fLPw4cDX-0-84fa56da4d7f10fed2523727c9514311)
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0019_0005.jpg?sign=1739604188-ypt3ieQWne8pzr4tHGkOJtcxvEy6JZxc-0-9b70c7f310a389a39bd48cd2ae7589ae)
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0020_0001.jpg?sign=1739604188-uezMbDXeWp3kJM6YGusWFqI7n3Q9vwKF-0-09f7e36a27a85c18e57d0990ef490c83)
这张海报应用彩色的字体与黑色的手机产生鲜明的对比,明度的高低影响人们的视觉效果,所以海报中更加强调出对比。要设计一个从远处就能够瞬间吸引人注目的作品,明度对比的效果是不可或缺的。
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0020_0002.jpg?sign=1739604188-8WO786bVGt4h5cpoTh7Km7NMk8jZGCHC-0-33255ad4889666d3f5185a3840c8b9ee)
1.6.2 色相对比的配色
即使是相同的图与文字,将彩色文字的明度降低海报即变得完全不显眼。这是因为字体的明度与背景的颜色相近,而使得差距变小的原因。
所谓的色相对比,就是指将不同色相的色彩组合在一起,由其产生的对比效果来创造出强烈、鲜明对比的一种手法。以色相环上位置距离最远的颜色来进行组合,距离越远,对比效果越强烈。在色相环上处于相对位置的色彩组合是最强烈的对比色彩组合,也的效果就是补色关系的组合。因为补色关系的配色对比最为强烈,所以在设计中也会显示华丽而具有视觉冲击力。
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0020_0003.jpg?sign=1739604188-iqIUSYxFv6A8su6wWmWt1yRbfFsJEaOf-0-34edefba8d829497677af80c060455c6)
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0020_0004.jpg?sign=1739604188-oCUVDywGdl5bk7eD9qXDoHZbcQv3ICqs-0-80744d65b6b88539bb5232eb1a35f2ce)
这里还需要注意的是,补色关系的配色如果使用高纯度的补色相组合时,会出现“光晕”现象,就是色彩与色彩的边界处看起来出现其他的色彩,所以务必降低某一色彩的纯度或者配色双方的纯度,以避免发生光晕现象。
不同色相的色彩进行搭配时,无论使用哪种色彩都一样,依照组合搭配方式的不同,色彩看起来的感觉也会发生变化。如果是与高明度的色彩组合,色彩的明度看起来就会比实际上的明度低;相反,与低明度的颜色组合,色彩的明度看起来就会比实际上高。
同样,不同色相的颜色搭配,色相的感觉也会各不相同。例如,同样是橙色,如果是和红色进行组合搭配,看起来就会略带一些色相环上与红色相反方向的颜色(如黄色或绿色);相反地,如果是和黄色或绿色进行搭配,看起来就会偏红。
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0021_0001.jpg?sign=1739604188-uP7lDqvl0TAQt4hHmDZ3eIatybuK7Gr5-0-e9450997b374fc49043da805e38a68a5)
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0021_0003.jpg?sign=1739604188-Nibkq2d0MyT2soVI8qOjpOCLktQk5JTh-0-156703fb302fc44fca26bed25ef8b6f1)
通过色相的对比,黄色和红色在绿色的衬托下更加明亮而具有活力,可以使需要表达的主体更加突出,起到强调的作用。
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0021_0002.jpg?sign=1739604188-rm1AOF0EZ8u6EMHFc7bHFkdzoZNcwgDu-0-c49cc5d3bb8d75a2dacd1757944479d0)
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0021_0004.jpg?sign=1739604188-jRsU6O5WsD5JA4wF3UQVJzDMGpffwGCw-0-b7ceb52147cd29f7bf71b526c13c39da)
在相同的设计下,我们将绿色调整为土黄色,土黄色与黄色和红色的组合是色相接近的配色,因此,整体感觉相当统一,但因为色相对比变弱,画面视觉冲击力减弱,主体无法突出。
1.6.3 纯度对比的配色
人们的目光容易被纯度高的色彩所吸引,纯度差异比较大的配色组合,可以为设计内容添加吸引力。在设计的画面中,如果想要观看者注意力集中于该处,那么,使用高纯度的色彩便可以达到目的,纯度高的色彩有刺激人类情感的效果,尤其是红色系的色彩更是如此。
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0021_0005.jpg?sign=1739604188-hIA3zzTSTru1Pgv79aa6DRDYIhcfJdWg-0-1c9c600fd1790b57b252d6078d29dfdd)
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0021_0006.jpg?sign=1739604188-ph1mULf0RM6YoHgGeSsbAirM3ccfYkkn-0-0110e604678fc9f837e3ccdb070a762c)
不过,过度地使用高纯度的颜色,整个画面只会给人刺眼、繁杂的印象,要想很好地运用高纯度的色彩,发挥其鲜艳的效果,就必须先压低其他颜色的纯度。纯度对比的重点是,使用高纯度的色彩只限于用做重点色彩,这样可以使部分纯度高的色彩更加明显。
另外,摆放的位置也很重要,将重点放置在接近版面中央的地方是传统的手法,不过,如果想要设计作品展现出动感,也可以在版面配置上特意将重点偏离中心点。
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0022_0001.jpg?sign=1739604188-P7khzIKQIYnwMozvymxBah1nVttpWUtq-0-98b6a9ef313208006dd57d5717fff0e3)
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0022_0002.jpg?sign=1739604188-gzOws0ZND2n0urLMHLIyrVbC7CRT9bzI-0-fbc141c743d087cfd274d2ccec4c67c3)
高纯度的配色可以很好地强调主体,给人印象深刻,然而,纯度低的配色会让人产生怀旧或平和的情感。与刺激性的高纯度色彩组合在一起时,会让设计作品具有近乎戏剧演出的效果,适合电影广告或小说封面等力求戏剧化演出效果的作品。这样的配色也会带来一些刻意人为的印象。因此,如果希望设计作品中带有“自然”、“平稳”的感觉,就不太适合使用这种配色组合。
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0022_0003.jpg?sign=1739604188-LJW2iapIPwXxAFIUbJDexKsRDxYZTEMP-0-8b2c403446527cc0546d7f4d1569ffb4)
在本实例中为了更加强调纯度的差异,我们将画面中除人物以外的色彩都设置为单一色彩,这样画面的主体就非常突出,这就是纯度差异给人视觉效果的影响。
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0022_0004.jpg?sign=1739604188-UZuJDffLjXzgEyRWfm4sPR3VSFIfxzKg-0-f4d9b1eb0f838cba02c3990bd65e9433)
如果维持海报中原本的色彩,则会加深自然的印象。这样整个画面给人真实性、信赖感,但是如果要突出海报中的某一内容时,则给人的印象不够强烈。
1.6.4 冷暖对比的配色
不同的色彩给人的视觉和心理感受是不同的,这里所谓的冷暖,主要是人们对色光的一种心理联想,是由人的心理感受造成的,属于色彩心理作用的范畴。由于色彩感觉的冷暖差别而形成的色彩对比,称为冷暖对比。
在色彩中像红色、橙色、黄色这些能使人感觉温暖的色相一般称为暖色;而像蓝、蓝绿、蓝紫这些使人感觉寒冷的色相被称为冷色;由于绿色与紫色介于这两类颜色之间,所以被称为中性色。另外,色彩的冷暖对比还受明度与纯度的影响,例如白色的反射率高而感觉冷,黑色吸收率高而感觉暖。这就是色彩的神奇所在,不仅给人视觉的享受,同样会给人心理上带来一些感受。
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0023_0001.jpg?sign=1739604188-5CDDgKr64ntWlIYmKAHcSsOxvoIc4tC5-0-881f6db1bef9027f738dd98d595c5c43)
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0023_0002.jpg?sign=1739604188-jBXGbTsiFzQIxGV7idxQ5awTIDYcsbNN-0-037e6b45f75bb0a73d02d116103dd8e5)
色彩的冷暖对比关系是一种非常复杂的关系,它可以使色调呈现出丰富的效果,在各类设计作品中,对色相冷暖的应用正是取得优秀效果的关键因素。所以好的设计作品需要反复地推敲、慎重地考虑取色,才能达到完美的效果。
在色彩冷暖对比中,我们可以发现,最暖的色相是橙色,即色相环中的暖极色,与此相对,最冷的色相是蓝色,即色相环中的冷极色。主要色相由暖到冷可以划分为六个冷暖区:橙色为暖极色,是属于最暖的颜色;红色、黄色是暖色;红紫色、黄绿色是中性微暖色;紫、绿是中性微冷色;蓝紫、蓝绿是冷色;蓝为冷极色,是属于最冷的颜色。其中橙色和蓝色的对比是冷暖的最强对比。红、橙、黄系列的暖色调令人感觉亲近,具有前进感和扩张感;而蓝、蓝绿、蓝紫系列的冷色调令人感觉冷静和疏远,具有后退感和收缩感;将冷暖色同时放置在一起进行对比会发现,色相的冷暖感觉会更加鲜明,冷的更冷,暖的更暖。
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0023_0003.jpg?sign=1739604188-QAp2g1lksRItpGpGgzoiSMVjzMttea3X-0-125af01ce76b3d251796544519002fe9)
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0023_0005.jpg?sign=1739604188-X6BQa8OFqDgpgffMl5ftaE5WCoRP6197-0-b1fb25655763d95bf6df98002cfa94ae)
这张海报运用背景的蓝色与主体的黄色形成鲜明的冷暖对比,使海报呈现出丰富的效果,整个画面给人新颖的视觉效果。
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0023_0004.jpg?sign=1739604188-HsXPu1UH71Fhx6XbJVyTuwsVzuUT2J2R-0-ed59e5cf384d9ffcd4f7778ca75d19b5)
![](https://epubservercos.yuewen.com/9FA458/3590312303949701/epubprivate/OEBPS/Images/figure_0023_0006.jpg?sign=1739604188-1FUkoHAlya4lEU1DuS2dYT311cyg5xtK-0-2d40c361bca0fc7645815e2ec58f4301)
我们将主体改为与背景颜色同为冷色系的蓝色,则海报的表现力就会稍差一些,给人以疏远的感觉。