Joio的“色彩”攻略(3)
Step 3强调设计的配色
对比
在考虑设计时,我们常常相,怎么才能使某些地方能够更加引人注目,为了让色彩更显著,我们考虑使用“对比”这个准则。
所谓“对比”,指的是在数个设计要素之间,具有某种落差的状态,不单单指色彩,在图像设计和文字设计组合上,也可以使用对比的方式加之运用。色彩上的对比,是指色与色之间在进行组合时所产生的“落差”大小。比如背景色和文字的颜色,大面积的蓝色作为背景色,使用紫色的文字,看上去就不那么显眼,而使用白色,却能够跳出来,就算是文字面积大小和背景色面积大小差距很大,文字依旧突出显眼,这就是运用了”对比“。
![](https://img.haomeiwen.com/i17225512/63e173d75d87fe23.png)
对比在色彩上,不仅仅是色相的对比,明度、纯度、用色面积等,都可以使用,它可借助色彩本身的要素来完成效果,也可以借助色彩的使用方式来完成。
明度对比
明度对比,是所有色彩对比中,效果最好的。那是因为人类的眼睛,对于明度差异的敏感度,比其他任意一种对比的敏感度都要高。
![](https://img.haomeiwen.com/i17225512/fee212e4d12ed855.png)
在提高“辨识度“和”可读性“时,也需要用到明度对比。尤其是在文字和商标等希望能够显眼,并清楚让人读取的部分,就更需要拉大与背景的明度差。即使背景色的颜色不变,只要把文字色彩与背景色拉出明度差,就可以提升辨识度或可读性,特别是在文字处理上,一定要仔细斟酌明度差。
![](https://img.haomeiwen.com/i17225512/e73632c441a205d9.png)
![](https://img.haomeiwen.com/i17225512/577f47d030f2ab89.png)
特别是在照片上叠加文字时,更需要注意。照片的明度极低或极高时,只要运用明度相反的文字色彩即可。
纯度对比
人们的目光容易被鲜艳色彩所吸引,若想要强调设计作品的一部分,使关注集中于该处,那么使用高纯度的色彩就可以达到目的。但是,数个高纯度色彩组合在一起时,会给人花哨低俗的感觉,若要运用高纯度的色彩,发挥其鲜艳的效果,就必须降低其他色彩的纯度。
纯度差异大的配色,可以为设计内容添加戏剧性,纯度低的配色让人产生怀旧和平和的情感,与刺激性的高纯度色彩组合在一起时,会让设计作品产生一种戏剧性的效果,适合电影的广告或者是小说封面等力求戏剧化效果的作品。
![](https://img.haomeiwen.com/i17225512/e6d1accb4dabbb94.png)
![](https://img.haomeiwen.com/i17225512/df603e022e375009.png)
色相对比
由色相对比所形成的对比,会为设计带来强烈的冲击力和华丽感。所谓色相的对比,就是把不同色相的色彩组合在一起,借助其所产生的对比效果来创造出强烈鲜明的感觉。色相环中,把两个距离位置越远的色彩进行组合,效果就越强烈,比如橙色和紫色组合的效果,就远远低于橙色和蓝色所产生的效果。最强烈的组合是运用色相环中,位于相对位置的颜色所组成的配色,也就是互补色的关系。
![](https://img.haomeiwen.com/i17225512/69f78ff9c3aafa10.png)
补色关系的配色若使用纯度较高的补色加以组合,会有“光晕“的现象产生,光晕是色彩残像所引起的现象,会使读者眼睛疲倦,让文字和图像变得难以阅读,所以必须降低某一方色彩的纯度,以避免此显现产生。色相对比距离180度,为极端对比类型,如红与蓝绿、黄与蓝紫色对比等。效果强烈、眩目、响亮、极有力,但若处理不当,易产生幼稚 、原始、粗俗、不安定、不协调等不良感觉。
![](https://img.haomeiwen.com/i17225512/53889fdc60a805f0.png)
![](https://img.haomeiwen.com/i17225512/fd7fc67a24540fdc.png)
无论哪种色彩,依据组合搭配方式不同,色彩看起来都会有所变化。若是与明度高的颜色组合,色彩的明度看起来会比实际明度低,反之,若是与明度低的颜色组合,色彩的明度看起来就比实际要高一些。同样,不同色相的颜色进行组合,色相的感觉也会不同。橘色和红色并排,看起来就会略带黄色或绿色,橘色和黄色并排,就会看起来略带红色。
强调色
强调色的思维方式,就是用少量的纯度高的色彩,来达到重点点缀、画龙点睛的效果,所以强调色的色量不宜过多,或者是使用面积不能太大。
![](https://img.haomeiwen.com/i17225512/d5d06f014d53406a.png)
适合做强调色的颜色必须是鲜艳的、高纯度的,低纯度的颜色容易被埋没,明度过高的颜色在明亮的背景下无法显现清楚、在昏暗背景下有会偏白。所以要使用强调色,首先选择纯度高的色彩。
![](https://img.haomeiwen.com/i17225512/5bca098ecf2363af.png)
![](https://img.haomeiwen.com/i17225512/92d18a61fa0040ec.png)
要相强调色更亮眼,只要选择与背景色具有互补关系的色彩即可。当背景色是白色时,使用红色或者橙色之类的暖色调要比蓝色或者绿色的冷色调,更加集中视线,作为重点色更加显眼。
辨识度
与显眼同等重要的是使用“易见“的色彩,何为易见的色彩,就是辨识度高的色彩。在思考如何设计时,最重要的是如何简单明了的把信息传递出去。我们可以使用”预先设定优先级“的方法。
优先级的要素,与其底色部分的明度差距拉大,正如前面说所,对人类眼睛来说,最能强烈感受到对比就是明度的对比。色彩的明度差,用原色难以判断,若要简单判定明度差,可以将所有色彩转成黑白色调。比如说,红色和绿色同为互补色,但将其转换为黑白色调,两者之间的差异变得微小。也就是说,红色和绿色的明度差异并不是很大。以黑白色调来看,还不如使用绿底白字,或者白底红字,也就是说明度差距大的组合,可以说是处于“辨识度高“的状态下。
让优先级越高的信息拥有越大的明度差,图片就越容易被读取,也越易于被理解。如果将明度差调到极限,并且加上高纯度的黄色或者红色,即能更加强调想要吸引注意力的部分。
彩色
若希望设计有华丽感,就要运用多种色彩连接组合的配色。“彩色“指的是将各种各样的色彩随机配置,或是将不同特性的色彩组合在一起,特意创造出色与色之间彼此互相混合连接的配色,让设计整体全部华丽地呈现出来。同样是使用多种色彩,若是将近似的颜色规则地排列聚集,看起来就是色阶或者是类似色彩地集合而已。它不但能够营造出华丽感,还能避免因某特定颜色而让观看者感到局限。
![](https://img.haomeiwen.com/i17225512/c95defaf963f16a7.png)
![](https://img.haomeiwen.com/i17225512/74098c94250ad522.png)
前进色和后退色
![](https://img.haomeiwen.com/i17225512/5880e75ffa907aed.png)
颜色可以分为视觉感觉明显膨胀或者感觉明显收缩两类。看起来膨胀是因为配置与暗色中地高明度暖色色系,膨胀的色彩会给人一种突出地感觉,仿佛向正反突进,称之为“前进色“。看起来收缩是因为在明亮地背景色中配置冷色系、暗色系色彩,仿佛朝一边远离的感觉,这种配色我们称之为”后退色“。若是刻意使用前进色或者后退色,可以在商品广告或者视觉效果上营造特殊感觉,将商品变得更加显眼,将图像变得更加生动。
![](https://img.haomeiwen.com/i17225512/e3c444569d0d7d74.png)
![](https://img.haomeiwen.com/i17225512/3d8adc73476fc582.png)
![](https://img.haomeiwen.com/i17225512/e0980361ac8bf8c3.png)
诱目性
![](https://img.haomeiwen.com/i17225512/2002a49f72cc8e3e.png)
最引人注目的配色方案:
1. 背景色使用纯度低的冷色系色彩;
2. 要突显的部分,使用纯度高的红色或者黄色;
3. 加上外框线来强调明度差。
![](https://img.haomeiwen.com/i17225512/a9553f28e1854adc.png)
不过,诱目性高的配色组合,只有一开始对人们的目光具有聚集效果,然而长时间观看这种配色,容易产生视觉上的疲脑。因此广告海报招牌等可以使用这种配色方案,但是在杂志文字上,使用这种就会大大影响阅读的舒适感。
节奏与色彩面积
设计可以用音乐来做比喻,巧妙引导视线的版面设计,就像是悦耳流畅的室内古典乐。具有强大冲击力的图案,会让人联想到激烈的摇滚乐和嘻哈。
![](https://img.haomeiwen.com/i17225512/b9e87ef6ad890f13.png)
想要借助色彩来让人们感受到强大的魄力时,可以考虑将色块面积进行放大,色彩学上有一种叫做“面积对比“的强调法则。这种对比不仅可以利用大面积的底色来增强画面的冲击力,还可以利用底面上的颜色让设计效果更加清楚的展现。
![](https://img.haomeiwen.com/i17225512/9120ca2babe8c928.png)
网友评论