演奏色彩的旋律
——商务色彩搭配技巧浅析
主讲人语录

薛航 同济大学传播与艺术学院教师、摄影系主任
——“想发展我们的色彩应用使用水平,应该遵循一个比较理性的和科学的方法,这样我们会逐步的提高。”
——“除了红色、绿色等颜色有各自代表的含义外,它们还可以有一些划分。一个是积极色、消极色的划分;另外还有暖色、冷色的分别。消极色和冷色基本相同,但是稍微有一些差别。冷色是蓝、紫色,暖色是如黄色、橙色等等。这种冷暖完全是心理的。这些划分为我们在选色、对比时提供了更多参考,为画面总体气氛的定位增加更多考虑。”
——“一个好的、有丰富沟通能力的色彩的方案,它一定是要有色彩变化的,就像乐曲一样绝不是一个乐器演奏到底。”
色彩的简单理论
科学的理性方法依赖一些基本的工具,所以在我们相关的理论有工具模型来帮助我们。现在给大家列出色彩模型的内容,色彩我们知道它是来源于光,这些不同颜色的光混合可以生成不同程度的色彩,所以我们把它进行归纳形成一个叫做色彩环,还有色彩的立体。色彩多了以后,我们把它按照不同的颜色、明暗程度进行归纳立体,在色彩专业领域也叫色彩球。


这是用现代方法来表达的一个色彩球的概念,下面是比较暗的颜色,上面比较亮,周边是比较鲜艳的颜色。如果我们把色彩球纵剖面拿出来看到这样一个平面(见右图),一些鲜艳的颜色放在外圈这个球的外面的部分,而一些不太鲜艳的颜色会往球的中心去靠,也就是灰色系。到中间球中轴,它成为一个没有颜色的纯粹亮度,黑白灰,没有颜色。这样实现对色彩的归纳,我们所有的应用色彩的时候可以用这样一个工具去帮助我们去辨识。
色彩的应用方法

主色为蓝色的封面
我们从实际应用当中来看色彩使用,在设计一个版面或者是一些印刷品的时候,我们一定要对色彩的需求可以用几个不同的方法来去解决一些相对的问题。
首先第一种方法,是明确主色的方法。就是说整个版面里面色彩有主要和次要以及更加次要色的划分。
举例说明这个封面,主色是蓝色,几乎没有其他颜色在里面,唯一的颜色变化就是深浅不同的蓝色构成,另外还有黑和白,它是属于中心部分没有颜色,所以这是一个非常单纯的蓝色构成的版面。当然蓝色构成的版面,我们想让它变化一下,不是完全的单纯的蓝,也可以,比如我们把它稍微变化,但是主色还是蓝色,里面加一些绿色,绿色基本上为辅,面积不大,这样版面还是有一个主次关系,以蓝色调为主。

所以,在用一种颜色作为主色的设计方案当中,我们要先选择一个主色,这个颜色的选择方法,简单地讲就可使用刚才的色彩环或色彩球。在色彩球中,球体分解成一环一环,每一个角度的颜色都不一样,可以在外表或者是内部选择颜色。鲜艳的颜色应该是处在球体当中一环,就是在球体当中拦腰赤道的位置,这里的颜色是最鲜艳的,这些是最基本最重要的色彩。
色彩服务主题
如果现在我们要进行有主从色彩关系的版面设计的话,首先要注意,在色彩环上面,为主色做选择的理由或者说它适用哪些场合。我们首先要考虑的是主题——我们这个设计是为谁服务的?
刚才提到到的“主色调为蓝色的封面”,它可能是为科技、IT服务的,选择蓝色这个颜色作为主色是合适的,因为蓝色象征冷静、智慧等。对这样一个主色,对于这样一个主题,如果我们选择的是粉紫色,就不会太协调。你交到上司面前会觉得不协调。所以我们要学会关注一种颜色跟主题之间是不是相配合。

我们把颜色按照色彩环排列后,也就是球体当中赤道颜色最丰满的一环,并对其中颜色做了一些大概的归纳,这个归纳是从红色、蓝色等等依次总结其象征属性。这里看到的基本上是归纳色彩积极的意义,即比较好的一面。其实色彩也会有不好的一面,每个色彩都有。比如红色,好的一面有“活力”“积极向上”等含义,不好的一面,则可以是“血腥”“屠杀”等。再来说绿色,它的好的含义居多,但也有不好的含义,某些绿色有毒药的感觉。其它颜色包括蓝色、黄色、紫色都有正面和负面的意义。我们把这些意义搞清楚,在选择主色的时候就会有大致的依据,其次再是去考虑主和从的关系。我们再回到刚才那个蓝色的例子,我们很多的办公场所都喜欢用它,为什么?因为它是能够代表科技、冷静、理智元素,往往适合办公或者是商务主题契合,所以愿意去用。在商务当中看到艳丽紫色的情况不多见。

这里面再举另外一个例子,基本色环中除了蓝色之外还有绿色。绿色有和平、生命的含义,最适合环保题材。在这张图片上面,是跟全球生态资源相关的主题,除了照片之外主要使用绿色。包括一些抽象色块等等,也延续前面的绿色。如果环保题材上面都用的是大红色,那很明显是有些不当的。
色彩展开
我们在有主色倾向版面构成当中,首先是要选择一种颜色作为主色,但不能说选择主色就是只使用一个颜色。一个好的、有丰富沟通能力的色彩的方案,它一定是要有色彩变化的,就像乐曲一样绝不是一个乐器演奏到底。所以我们要把主色展开,不能局限于一种颜色,我们要有一个系列的颜色。下面提供了一些展开的办法,一个是把主色沿着自己展开——沿着单色彩展开。主色展开成一些与它深浅不一样的颜色,虽然颜色变化了,但是仍然是围绕这个主要颜色。在图例中,所有变化的颜色都是处在蓝色这个色彩方向上的一个狭窄的通道里面。


接下来,其他的展开的办法(见上图)。比如可以展开到近似色。我们选择一个颜色往旁边扩展一些,比如我们选择黄色,我们再选择一些柠檬黄或者是其他的橙黄让它有变化,这样可以让画面色彩感觉比刚才更加丰富一些。我们再进一步的走下去,我们选择两类差别比较远的颜色,但是我们把其中一类作为主色,比如把绿色作为主色,当中插一点红色。仍然是绿色是主调,但是这个当中色彩的活跃度就产生明显的变化。右面这个案例是在黄色系里面把颜色稍微变化一下,引入红色,主色系仍然是黄色,但是插入红色,使画面可以活泼起来。
当我们把关系拉得很远时,往往是用到了补色的关系。我们来看下面这张图片,它主要是蓝色调,里面也有紫色,这都是属于蓝色大的范围,中间突然插了一定数量的黄,这个黄和蓝色对比非常的强烈,但是黄色数量比较少,所以主色调是蓝色,使整个画面不会非常的呆板,画面非常的活跃。我们选择一个主色,最终不离开这个主色,这是运用色彩的一种基本方法。

根据不同场合会有一些不同的要求,有时版面设计觉得需要更多色彩来参与,这个时候我们会用对比色的版面构成模式。这个时候版面说不上哪一个颜色为主色,很多颜色都有,相互之间也会有很多的反差,但是我们通过设计让它符合我们的要求。比如说在节日场合,比如圣诞的色彩,红色、绿色用得很多,说不清红色是主色调还是绿色是主色调,它们构成一种色彩对比方案,形成了一种欢快的氛围。我们在色彩环里面去看红色和绿色,它们的位置分得很开,像是相互对立的。所以它们会形成一个强烈的对比,形成整体红绿版面欢快效果。其它的应用比如选择黄、蓝,也都可以达到类似效果。
下面这个版面里面,它基本上紫色和蓝色是对等的,两个比较相近的颜色形成一个对比,大家看到它们面积基本是一样的,没有明显主次之分。里面有少量的黄色和绿色作为从属色形成对比和对版面的补充。这样的版面能够形成一种比较强烈的视觉效果,活泼轻松。如果画面当中有明显的主色,对比的感受会减弱,就不会有这里的那种效果。

这个案例主要还是双色的对比。跟前面一样,我们可以在选取两个颜色基础之上,把这两个颜色作展开,形成有两套色系对比关系的一个版面。
最后说说版面色彩运用中的多色与中性色问题,也可看作是上面双色的一个延伸。
有的时候,我们可能会用到多色的构成关系。使用多色的一种目的是让它们来完成某种版面功能。但版面上出现很多颜色往往会产生杂乱的感觉,此时我们可以用一个中性色把多色之间对比太强烈的关系统一起来。
例如是这个版面,它的基调没有颜色——主色调是白色,白色是中性色没有颜色。然后在里面插入许多鲜明的颜色,通过这些不同的鲜艳颜色把文档的不同板块分出来,实际上颜色具有了划分板块章节的功能。但简单使用这些鲜艳色彩会导致颜色对比太多,不符合办公场合严禁气氛,所以用大量的白色作为它们的背景,这样可以统一它们的整体关系,让他们之间更加的协调,不让他们之间的冲突过于强烈。

除了白之外还有其他的颜色解决这个问题,比如说用黑和灰。下面这个版面里面,也有很多的颜色,蓝色、红色、黄色,它们本来这就是对比较强的颜色。为了把它做成比较沉稳的、庄重的气氛,它用一个深灰色和白色作为一个分割的背景,在深灰的背景上用白字。在白灰黑这样一个大环境中,你看到的其它色彩很丰富,同时你又会觉得它们并不是很乱,非常的理性、严谨。这就是说,在多色运用当中,如果颜色多起来了,我们加一些中性色来控制它的关系。

这是一个例子,我们在选择色彩的过程当中,选择不同的颜色把它变化,在每一个字体周围做变化,最后应用在图像上面构成不同的效果。
消极 VS 积极 暖色 VS 冷色

接下来,把刚才色彩属性再做几点补充,在色相环里面,除了红色、绿色等颜色有各自代表的含义外,它们还可以有一些划分。一个是积极色、消极色的划分;另外还有暖色、冷色的分别。消极色和冷色基本相同,但是稍微有一些差别。冷色是蓝、紫色,暖色是如黄色、橙色等等。这种冷暖完全是心理的。这些划分为我们在选色、对比时提供了更多参考,为画面总体气氛的定位增加更多考虑。
色彩应用实例

这个案例,它完全是全黑的一个背景,用一个明显的亮黄色来突出这个标记,而且这个黑它可以突出这个产品下功夫的深度,所以用这个黑色。包括很多同类的产品,照相机、摄像机都以黑色为主,用亮色来辅助。但在后面展示具体内容的时候,你不一定受到这个限制,你文档的封面或者是主页,和你内容介绍页面不一定都要遵循黑色的主题,你可以根据需要去变化,比如它展现后面比较亮的色彩。

这张图片,用浅蓝色,用高调色。背景是浅蓝色也是一种做法,我们用比较浅的明度比较高的颜色来削弱颜色的份量,但是还是留有一定的成份,它不同于白色,如果完全变成白也会显得非常的单调。把主色调削弱,可以削弱到人们可以感受到就可以,这样可以产生一个变化。

这张图片也是刚才我们讲过的大面积蓝色,其中加入一些明亮的黄色,选的主色调就是蓝色,然后用黄色来点缀,这种方法非常的稳妥。
今后大家要去操作的话,一定要先按照有主有次的方案去入手。当你色彩感觉有提高了,你再去尝试对比色方案,最后你再去尝试更多的颜色搭配。
(注:本文稿为现场讲座整理而成。)