1.本节课探讨一下文字色和背景色改如何选择搭配?感兴趣的一起来学习吧!
2.其实为文字和背景配色,更多的是为设计的需求,或者是审美的需求。假如我们的社会没有发展到现在这个阶段,也就是没有设计的出现那文字,那文字就是为了阅读的,大部分都是白纸黑字。
3.随着设计的出现,还有对美的追求,白底黑字的配色已经不能满足我们了。举个最简单例子,我们上学的时候都是用白色的粉笔在黑板上写字。
4.但是每到一些节日的时候就需要画黑板报,这时就会使用到各种颜色的粉笔来展现了,只用白色的粉笔是远远不够的。
5.虽然说好的配色并不一定就是色彩非常的丰富,但是各种丰富多彩的配色的确能够快速的吸引眼球,满足我们对于色彩美的需求。
6.在设计中文字色的使用,其实从大的范围来看,主要可以从三个角度去看:(1)辨识性(2)功能性(3)美观性。
7.【辨识性】,也就是我们通常所说的辨识度,决定文字辨识度的因素呢主要有三个:其实就是色彩的三要素:色相、纯度和明度。
8.色相的主要看文字色和背景色的色彩关系,也就是文字设色和背景色在色相环上的距离,文字的识别度由低到高依次为:同类色、近似色、中差色、对比色、互补色。
9.举个例子,比如现在画面中背景色都是黄色,上方的文字色是按照色相环上的距离选取的。可见文字色和背景色在色相环上的距离越近,文字色和背景色就越接近。距离越远文字色和背景色的对比就越大,识别度也就越高。
10.接下来看一些设计作品。这三个海报文字色和背景色的关系是【同类色】,理论上来讲同类色的对比最弱,文字的识别度最低,但是我们可以通过调整纯度和明度来增加对比。
11.这三个海报文字设和背景色都是【近似色】的关系,相比于同类色对比会增强一些。这种情况下通常都是文字不是特别想突出和强调。如果想突出强调的话,同样也可以增加纯度和明度的对比,再结合画面的整体色彩氛围,通常也会得到很好的配色效果。
12.这三个海报的文字色和背景色的关系是【中差色】,中差色对比适中,辨识度也处于中间,位置既不会太强,也不会太弱,是一个比较保险的搭配方式。
13.这三个海报的文字色和背景色的摄像关系是【对比色】。通常文字都会被很好地凸显出来,识别度也很高。
14.这三个海报的文字色和背景色呢就是【互补色】的关系,互补色的识别度是最高的。但也需要注意,由于对比色和互补色能够产生强烈的对比,所以通常更适合大文字,如果文字过小的话,看上去会很不舒服。
15.接下来看看【纯度】,也就是文字色和背景色的纯度关系。
16.现在画面中文字和背景都是相同的色相,但是纯度不同,大家可以看下方的数值,可以很明显的看出来文字色和背景色的纯度差越大,识别性就越高。纯度差越小,识别性就越低。
17.接下来来看一些具体的作品,先来看【纯度强对比】。这三个海报文字色和背景色在纯度上的差异就很大。可以看海报下方我提取出的色值,S就代表颜色的纯度。因为文字色和背景色的纯度跨度很大,通常识别度相对来说也就比较高。
18.这三个海报的文字色和背景色属于【纯度中对比】的形式,这里的纯度值相差既不是很多,也不是很少,处于一个比较适中的状态,因此识别性也算是刚刚好的状态。
19.这三个海报它们的纯度差就比较小,几呢已经很接近了,所以识别性最差,通常会让文字和背景看上去很和谐。但这只是从理论上来看,比如这三个海报虽然文字色和背景色的纯度很接近,但是我们也能识别出文字,因为还有色相和明度的原因。
20.接着讲解【明度】。
21.虽然纯度的差异会影响到文字的识别度,但是相对来说明度对文字的识别度影响更大。比如画面中就是黑白灰文字在黑白灰背景上显示的状态。
22.这三个海报的文字色和背景色的明度差跨度非常大,属于【明度强对比】的状态,因此识别度也是非常高的。