设计原则:色彩原理与配色方案(八)

我们都认为光线和颜色是有所不同的,例如你看到的红色和我所看到的就不同,虽然我们都认为是红色的,那么颜色是如何影响到我们的呢?由于每个人对颜色感觉不同,那么又如何应对这些问题呢?方法的突破口就在色彩是相对的。



一个好的设计应该不用完全依赖于色彩,在灰度模式的情况下,仍然可以继续使用。而色彩的作用在于使得用户能够长时间的使用,并且认为这种设计是非常美观的原因之一。

就像我们在设计之初在选择颜色时,就会考虑到概念和主题的应用,而色彩就应该来增加这种设计的效果,所以就不仅仅是自己想像的那样。我们可以使用色彩来创造视觉层次,以及在设计中提高整体的平衡。

谈到色彩,可以谈到的地方很多,正如我们的职位一样。对于这篇文章,会将类型从一个扩大到多个,并覆盖更多。最终还是决定分成两块来讨论。

这里也将集中于色彩理论、色轮、色调的理论。那么在接下来的时间,我们一起进入到色彩及理论基础的上,如何使用色彩来提升设计的品质。

色彩理论

颜色是一种光,而人眼会对电磁辐射和在一定范围的波长产生反应,当在可见光的所有波长的光被吸收时,我们就会看到黑色。反之,当所有的光都被反射时,我们就会看到白光。而当一部被吸收一部分被反射,在这种情况下我们就会看到频率波长不同的光和颜色。



颜色可以使用三个单位来描述,分别是:色相、纯度、明度(或亮度),我们可以从几个方面来来理解它们之间的关系,请仔细理解下面的定义:

(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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,033评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,725评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,473评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,846评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,848评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,691评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,053评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,700评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,856评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,676评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,787评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,430评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,034评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,990评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,218评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,174评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,526评论 2 343

推荐阅读更多精彩内容