我们都认为光线和颜色是有所不同的,例如你看到的红色和我所看到的就不同,虽然我们都认为是红色的,那么颜色是如何影响到我们的呢?由于每个人对颜色感觉不同,那么又如何应对这些问题呢?方法的突破口就在色彩是相对的。
一个好的设计应该不用完全依赖于色彩,在灰度模式的情况下,仍然可以继续使用。而色彩的作用在于使得用户能够长时间的使用,并且认为这种设计是非常美观的原因之一。
就像我们在设计之初在选择颜色时,就会考虑到概念和主题的应用,而色彩就应该来增加这种设计的效果,所以就不仅仅是自己想像的那样。我们可以使用色彩来创造视觉层次,以及在设计中提高整体的平衡。
谈到色彩,可以谈到的地方很多,正如我们的职位一样。对于这篇文章,会将类型从一个扩大到多个,并覆盖更多。最终还是决定分成两块来讨论。
这里也将集中于色彩理论、色轮、色调的理论。那么在接下来的时间,我们一起进入到色彩及理论基础的上,如何使用色彩来提升设计的品质。
色彩理论
颜色是一种光,而人眼会对电磁辐射和在一定范围的波长产生反应,当在可见光的所有波长的光被吸收时,我们就会看到黑色。反之,当所有的光都被反射时,我们就会看到白光。而当一部被吸收一部分被反射,在这种情况下我们就会看到频率波长不同的光和颜色。
颜色可以使用三个单位来描述,分别是:色相、纯度、明度(或亮度),我们可以从几个方面来来理解它们之间的关系,请仔细理解下面的定义:
(1)色相:当有人谈论色相时,实际上就是对象的实际颜色,例如绿色、红色、黄色、紫色等。
(2)纯度:这个是相对于色相中灰色的占有比例。当一个颜色具有较高的纯度没有灰色和阴影时,此时增加灰色阴影就会降低纯度。
(3)饱和度:指某一色相中纯度的程度。也类似于纯度,虽然定义不同,一般纯度较高的颜色也有较高的饱和度,当加入灰色阴影时就会减少饱和度。
(4)强度:指一个颜色的亮度,添加白色或黑色可以降低这种颜色的强度,一种强烈的和高饱和度的颜色具有较高的强度。
(5)强度值/亮度:指一种颜色从反射回来的光的量度,可以按照浓与淡来区分,加白色会显得更加的轻,并增加亮度,反之加入黑色就降低亮度。
(6)阴影:在遮挡的暗部区域产生较深的色调。
(7)浅色:添加白色来产生一种较轻的色调。
(8)灰度:位于黑色和白色之间。灰色是因为白色和黑色的作用结果,所以色相和纯度在灰度中是很极端的例子,因为没有一点的灰度。
色彩模式
那么色彩模式是如何运行的呢?当我们使用原料涂抹时是减色模式,而使用电脑等屏幕时则为加色模式。
就像我们在电脑上看到的颜色,最终在其他的电脑屏幕上看到的也是一样,如果此时使用打印机打印,就会发现很明显的差异。而色彩管理可以帮助我们使得事情变的一致,但是还是会有稍微的差异。
减色模式(CMYK模式):当我们看到实物颜色的时候,实际上是反射回来的光线,例如当我们看到红色时,那是因为其它光线的波长都被吸收了,只有红色的波长可以反射出来,这就是减色模式。因为会减去其它光,只反射可见光。
当我们添加的许多光被吸收时,就会使得整体颜色变暗。添加的越多最终会变成白色或黑色。而CMYK(青色、品红色、黄色、黑色)是用于打印的减色模式。
加色模式(RGB模式):我们需要对电脑屏幕添加光来创建所需要的颜色,而由屏幕内部的光源来替代外界的环境光线,如果没有光,那么看到的就是黑色的,所以就会添加更多的颜色(光的多个波长),最后逐渐变白。
RGB是用于在数字媒体上创建的色彩体系。这种色彩管理系统会帮助我们如何看待自然界中的颜色和不同的主调色之间发生变化。就像在系统中不会产生黄色,而是通过一种绿色与蓝色的加色方式形成黄色。
色轮
这个色轮可以表示我们在上面谈到的大部分进行可视化的表示。这个色轮由Sir Isaac Newton建立,并加入了可见光谱中的红色和紫色,最终形成一个圆圈。
在下面的图片中我们可以看到一个色轮是怎么被建立起来的?从等边三角形的顶角位置开始是三原色,然后按照相似的三角形旋转180度,以此创建二次颜色,而在这之间又会创建三次色。
通过下面可以看到颜料三原色:红、黄、蓝以及关于其他颜色的形成过程。
现在我们看看下面的色轮,会注意到与上面的有所不同。这里的主要颜色有红、绿、蓝,还会注意到所显示的色彩传达到中央区域是白色。这就是RGB模式下的色轮。
当然,我们还可以找到很多其他的色轮,例如关于阴影和灰度的,但是这么多的色轮体系都是基于一种体系的,所以只要记住最基本的,就可以通过不同的方式来表达颜色之间的关系。
配色方案
色轮中的配色方案和不同方案之间不同的颜色组合是基于彼此之间相互关联的。在下面的图片中,降低了所有颜色的饱和度,除了自己所需要做出配色方案的一步没有。
单色配色方案是基于相同颜色的不同纯度。这张图所显示的是红色系。
邻近色的配色方案是基于色轮上彼此相邻的颜色
互补色的配色方案是建立在两者颜色之间色轮对立上。
三原色配色方案是使用了三种在色轮上间隔相等而建立。
二次色的配色方案是通过一个矩形在色轮上的四个角所组成的颜色而创建。
分离互补的配色方案是选择一个颜色,然后选择两者在色轮上与之对立的颜色。
当然也有很多其他使用色轮没有办法描述的配色方案,中性的配色方案只包括色轮上的没有找到的各种灰色色调。而中性偏重的配色方案,就包括一个中性色或在色轮上多个颜色的组合。
最后一类的配色方案,我们可以在自然界中发现,就像我们可能已经猜到的那样,自然界中存在任何的配色方案,我们可以基于照片找到最自然的配色方案。
总结
这篇文章的重点在于其背后的色彩理论,还有很多我们关于色彩感知,以及如何在设计中使用颜色效果的意义。另外试着用熟悉的术语来描述颜色以及在色轮中的显现,我也将会在下一遍文章中提供更多关于配色方案使用的详细讨论。
作者:Steven Bradley
http://vanseodesign.com/web-design/color-theory