既是安安

蝴蝶飞不过沧海,谁忍心责怪?

颜色运用概述

这是一个图形设计铺天盖地的缤纷时代。现如今,每个人的案头都摆放着彩色打印机,
专业彩版印刷有史以来从未如此盛行过,人们越来越重视色彩的运用与专业性。
色原理论可以非常深入、非常复杂,不过在这篇中我只打算对色轮做简要的解释,并介绍如何使用色轮。如果你需要经过深思熟虑来决定一个项目使用哪些颜色,色轮会非常有用。

色轮

色轮的基础是黄/红/蓝3种颜色。这些颜色成为三原色(primary color),因为这是唯一无法创建的颜色。
也就是说,如果有一盒水彩,你知道可以混合蓝色和黄色得到绿色,但是没有办法通过混合其他颜色来得到纯黄/纯红/纯蓝色。
图1

现在,如果拿出水彩盒,分别将色轮上相邻的颜色等量混合,就会得到三间色(secondary color)。
你小时候使用蜡笔和水彩时可能已经注意到,黄色+蓝色可以变成绿色;蓝色+红色可以得到紫色;而红色+黄色就得到了橙色。
图2

要把色轮中的空白填满,你现在应该知道怎么做了,只需将空白两边的颜色按等量混合。
得到的这些颜色称为第三色(third color)。
也就是说,黄色+橙色可以得到所谓的橙黄色。蓝色和绿色可以混合为蓝绿色等等。
图3

颜色关系

现在已经有了一个由12种基本颜色构成的色轮。利用这个色轮,可以创建彼此非常协调的颜色组合。
后面将介绍几种可行的做法。

互补

色轮上相对(即180度对角)的颜色为互补色(complement) 。
由于他们是完全相反的颜色,所以最佳搭配是一种做为主色,一种做为辅色或用于强调。
图4 

目前看来,你可能认为上图的颜色组合很怪异。不过,这正体现了为什么有必要了解如何使用色轮,你可以放心使用这些怪异的组合,并且对于这么做可以自信满满。因为它们确实能很好的互相搭配。
图5

三色组

彼此等距的三种颜色通常会形成一个让人愉悦的三色组(triad)。红色、黄色和蓝色就是一种被广为应用的颜色组合,儿童产品通常都采用这种组合。由于这是三基色,所以这种组合也称为基色三色组(primary triad)。
也可以尝试使用绿色、橙色和紫色构成的间色三色组(secondary triad) ,尽管不那么常用,但出于以上原因,这种组合也让人很舒服。
除了红黄蓝构成的基色三色组以外,所有三色组中的三种颜色都有基础色使其相互连接,因此看上去非常协调。
图6

分裂互补三色组

另一种形式的三色组称为分裂互补三色组(split complement) 。从色轮的一边选择一种颜色,再在色轮上找出它对面的互补色,不过并不是直接使用这个互补色,而是使用该互补色两侧的颜色。这样得到的组合会有一种更为细致的颜色边界。
图7

以下是这种组合的例子:
图8

类似色

类似色(analogous)组合由色轮上彼此相临的颜色组成。不论组合两种颜色还是三种颜色,他们都有相同的基础色,这就形成了一个协调的组合。用不同的亮色和暗色组合一组类似色,效果将相当醒目。
图9

暗色和亮色

到目前为止,我们使用的基本色轮只涉及纯色。还可以向不同色调增加黑色和白色,这样能大幅扩展这个色轮,相应的丰富我们的选择。
[色调] 纯色就是色调(hue)
[暗色] 向色调增加黑色就构成了一个暗色(shade)
[亮色] 向色调增加白色就构成了一个亮色(tint)
图10 

单色

单色组合(monochromatic combination)由一种色调及其相应的多种亮色和暗色组成。
你可能对单色主题已经很熟悉了,所有黑白照片都是黑色和多种亮色或者有不同灰度的暗色所组成。(注意:这里的黑色即“色调”,事实上黑色并不能算作一种颜色)。所以,可以在设计项目里使用一种单色组合,尽享其中的乐趣。
图11

暗色和亮色组合

最重要的是,我们可以很好的利用暗色和亮色的组合,也就是选择我们前面介绍过的4种颜色关系(互补、三色组、分裂互补三色组、类似色)之一,不过并不直接使用色调,而是使用这些颜色的不同亮色和暗色。这样能大大丰富你的选择,而且完全可以放心这些颜色的协调性。

例如,红色和绿色是一组绝妙的互补色,但这种组合几乎总脱离不了一种圣诞节的感觉。不过,如果采用这些互补色的某些暗色,就能表现出各种丰富的效果。

前面提到过红、黄、蓝三基色组合是儿童产品最常见的颜色组合。实际上,正是由于这种颜色组合在儿童产品中广为流传,以至于很难摆脱幼稚的感觉,除非你引入一些暗色和亮色。
图12

注意色质

有没有一些颜色放在一起不太合适呢?如果你看过Robin的Wildflower Theory of Color,对此的答案是否定的。看到大自然中的一片野花时,你会发出这样的感叹吗?“天啊,花丛的颜色组合真难看啊!”。也许不太可能。
但是,如果野花丛本身包含有不同颜色值的多种色质(tone) ,又会怎样呢?如果由于颜色组合而导致发生视觉抖动,这肯定只有一个原因,那就是色质过于接近。
色质是指某种颜色的特定明暗度、深浅度或色调。在以下第一个例子中可以看到,如果色质很接近,看上去就会有些模糊不清,对比太过微弱。如果在图形软件里把他们设置为黑白对比,将无法看清文本。
如果涉及要求使用有类似色质的色调,一定要尽力避免它们挨在一起,另外每种色调的用量(面积)也不要完全相同。
图13

暖色与冷色

颜色往往要么是冷色(这说明其中包含蓝色)要么是暖色(这说明其中包含红色或黄色)。可以通过增加一些红色或黄色将某些颜色“加热”,如黄褐色。与之相反,也可以对颜色增加不同程度的蓝色对其“降温”。

不过,我希望你记住更加实用的一点:冷色总趋于后退,暖色总趋于向前。暖色不费多大功夫就能产生效果,红色和黄色能立即映入眼帘。所以,如果要组合暖色和冷色,一定要搭配好比例。通常来讲少用暖色会能达到相对好的效果。

由于冷色是后退型的,有时可以(必须)使用更多的冷色才能产生效果或形成有效的对比。

不要让冷色与暖色过于平均,一定要充分利用这种视觉规律。

如何取舍

有时选择颜色看起来易如反掌。先看一种合理的方法。

项目有季节性吗?也许可以选择一组“类似色”来暗示季节:火热的红色、黄色表示夏季;冰冷的蓝色表示冬季;不同色度的橙色和棕色代表秋季;明亮的绿色象征春天。

公司有没有制定一些官方颜色?也许可以先从这些颜色入手,再使用一些亮色和暗色。是不是在处理一个LOGO标志,其中包含一些特定颜色?可以使用这些颜色的一种分裂互补色。

你的项目是否包含一个照片或者其他图片?可以选择照片中的一个颜色,再根据这个颜色选择一组其他的颜色。可能希望使用类似色,保持一种沉着冷静的感觉,也可以使用互补色增加视觉活力。


原文来自:http://www.heyux.com/2010/10/10/%e9%a2%9c%e8%89%b2%e8%bf%90%e7%94%a8%e6%a6%82%e8%bf%b0/

[既是安安]博客 季氏安安

本文作者:季氏安安[既是安安]博客采用 BY-NC-SA 协议进行授权. 转载请保留此链接,谢谢。)

原文链接:http://www.jsann.com/post/overview_of_the_use_of_color.html

网站分类
Tags列表
最近发表
最新留言
友情链接
站点统计

Top