色彩学简介

色彩學
我们能看到颜色是靠三个元素相互作用而成：光源、物体的反射特性、以及人体视网膜和脑部视觉皮质区对光波的处理方式。

不管我们使用哪种媒材来作业 -- 绘画、印刷或网络 -- 我们都得依赖上述过程才能有效使用颜色。

色彩的排列 -- 彩虹
十七世纪末期，牛顿证明了色彩并非存在于物体本身，而是光作用的结果，且只要将可视光谱上的长短光波结合起来即可形成白光。

这些可视光的波长可对应到七个不同的颜色：红、橙、黄、绿、蓝、靛、紫。

牛顿在实验中所分离出来的可视光谱其实才占了所有电磁光谱的一小部分，整个光谱范围从分为「短频、长波区」（例如收音机调频）到「高频、短波区」（例如 X 光）。

可视光谱的区域是介于红外线与紫外线之间，波长约为 400nm (紫色) 到 700nm (红色) 之间。

虽然牛顿证明这些光波结合在一起即形成白光，但其实只需要红、绿、蓝三光波就可以产生白光。

色彩模式与色彩管理
设计师处理颜色的方法通常有两种：一、加色法，混合不同颜色的光波以形成白光；二、减色法，使用颜料来减少光波。

传统的艺术家所使用的色盘和 CMYK 系统都是减色法模式。

在网站上，我们所面对的是光的投射，而不是从物体上反射回来的光，所以使用的是加色法模式，我们称它为RGB。

加色法
在 RGB 系统中，设计师也可以透过混合三原色的方式做出
一个光谱。

混合任两个原色，就会产生三个次原色：青、
洋红、黄。

如前面所说的，将光的三原色加在一起就可以
做出白光。

所以，如果一个 RGB 的值为 255,255,255 则
表示为白色。

如果完全拿掉这三原色的光 (RGB: 0,0,0) 则
产生黑色。

减色法
RGB 模式的相反模式就是 CMYK 模式，也就是使用减少光
波的方式来产生颜色。

由于物体颜色来自于反射的光波，此一系统乃使用三原色来吸收物体的红、绿或蓝光。

例如，如果你减少了红光，那么多余的绿色波和蓝色波就会产生青色。

用来除去红光、反射绿、蓝光的颜料就会显示青色。

相同的，平面印刷设计师会使用洋红来吸收掉一部份的绿光，以及使用黄光来吸收掉一部份的蓝光。

这样一来，我们很明显的可以知道 CYMK 模式中所使用的三原色就是 RGB 模式中的次颜色，反之亦同。

再者，如果将红、绿、蓝光混合在一起形成白光，那么就表示将青、洋红、黄三色的颜料混合在一起就会产生黑色，因为三原色的光波都将被颜料所吸收了。

然而受限于料和印刷系统的因素，混合青、洋红、黄并无法完全吸收掉所有的光波。

因此实际上还必须加上一个黑色才能完成，所以就产生了 CMYK 里面的K元素了。

色彩管理
由于有这两套不同的复制颜色方式，设计师若必须同时创作数位与印刷影像可就伤脑筋了。

除了对应加色法和减色法之间的困难外，RGB 和 CMYK可使用的色彩范围差异也相当大。

因此对跨媒体设计师而言，拥有一套可根据输出设备做色系转换的色彩管理系统可减轻不少头痛问题。

色彩管理系统可包含在作业系统，某些应用软件之中。

色彩调和
视觉设计最大的挑战之一便是找出有效的调和色彩，让色系既不过于单调，也不过于夸大。

想了解色彩平衡之间的关系，可从了解色环开始着手。

色环呈现出某一色彩模式中所有可能的色相
每个色彩模式都包含了一组三原色，然后经由这一组三原色的相互混合而产生不同的颜色。

在传统色彩学中，三原色指的是蓝、红、黄；而在 RGB 色彩模式中，色光的三原色是指红、绿、蓝。

任何两个色光的组合会产生一组次颜色。

三次色则是混合了原色与次色，或者是混合两种次原色所产生。

我们用色环来呈现颜色的逻辑性。

你可以从下面的图中看出， RGB 的色环和传统艺术家们所使用的色环是很不一样的。

传统色环RGB 色环
色环呈现了色彩之间可用来达到对比与平衡的关系。

色环上包含了完全饱和的颜色，和一些含有较多白、灰或黑的不饱色，可作为渲染、色调和阴影的变化。

和比较纯的颜色混合可以产生动态的色彩调和；而利用数值相近的不饱和颜色中 -- 亦即亮度与暗度程度差不多的颜色 -- 可设计出更细致、更柔顺的调和色彩。

下面是一些常见的色彩调和原理：
同色调和：单一颜色，只是深
浅、色调和明暗度不同。

近似色调和：使用邻近的颜色或在色环上很接近的颜色做调和。

互补色调和：使用色环上两个
相对的颜色做调和。

这样的颜
色组合通常可以提供最大程度
的对比感觉，但若过份使用使
会流于夸大。

对比色调和：使用一种颜色，
再加上其互补色旁边的两个颜
色做调和。

对比色调和能提供
比互补色调和较柔和的对比。

三角调和：使用色环上三个等
距离颜色。

双互补调和：使用两组 (共四
色) 互补颜色。

在探索色彩调和的时候，通常最好从纯色下手，然后再尝试不同程度的渲染、色调和明暗度。

接着你可使用网站模拟图先行测试某颜色组合的视觉特效。

记得，对比的重要性不只是在于为了吸引人而设计；它也可能帮助或妨碍网站的阅读性。

色彩所传达的意义
当我们在检视色彩的科学本质和色彩调和的美学考量时，我们发现感官在色彩运用上扮演了很重要的角色。

除了感官反应与辨识调和色彩外，人类内在对色彩的反应还有更深层的一面。

色彩能引发强烈的生理/心理共鸣，不管是正面或负面。

当你在选定颜色组合时，请确定你所选择的颜色能引起适当的回响。

色彩的生理反应
虽然并没有直接证据显示色彩能引发特定反应，但是研究显示，某些颜色确实能够引起一些生理上的反应。

例如，红色就是一种非常刺激的颜色，往往会令人心跳加快、呼吸急促。

以，红色非常适合用在需要引起注意和强调的时候，但若用在背景颜色的时候可能显得过于强烈。

相同地，黄色也能引起注意，但因为其反射性太强，容易造成眼睛的疲劳和不舒服。

另外一方面，蓝色对神经系统具有放松的效果，且根据一些研究显示，以蓝色当背景还能增加生产力。

但是，如果你的产品与食物有关，千万不要用蓝色作为背景颜色，因为蓝色可是会抑制人们的胃口喔。

色彩的象征
色彩所象征的意义有时候跟大自然中的事物有关。

例如，天空与太阳的颜色所产生的联想举世接然。

然而，大部分的色彩意义都跟民族文化有关，例如，政治、宗教、神话或社会结构等 -- 这些因素可能会随着时间与地域的不同而产生差异。

若你设计的网站是针对国外地区，那你可千万得小心，同一颜色在不同文化可能会有南辕北辙的效果。

另外，大部分的颜色都同时具有正面和负面的联想。

你可以运用色彩的质量和饱和度的不同，或者是用混合两个颜色的方式来强调某个特别的涵义。

一般在西方的文化中，色彩所传达的涵义为：
∙红色：热情、浪漫、火焰、暴力、侵略。

红色在很多文化中代表的是停止的讯号，用于警告或禁止一些动作。

∙紫色：创造、谜、忠诚、神秘、稀有。

紫色在某些文化中与死亡有关。

∙蓝色：忠诚、安全、保守、宁静、冷漠、悲伤。

∙绿色：自然、稳定、成长、忌妒。

在北美文化中，绿色代表的是「行」，与环保意识有关，也经常被连结到有关财政方面的事物。

∙黄色：明亮、光辉、疾病、懦弱。

∙黑色：能力、精致、现代感、死亡、病态、邪恶。

∙白色：纯洁、天真、洁净、真理、和平、冷淡、贫乏。

白色在中华文化中也代表着死亡的颜色。

选择最恰当的色彩组合
替网站选对颜色可不是一件容易的事；很多公司还特别聘请专业咨询人员，使其色彩组合能搭配、强化整体的品牌形象。

但是，如果你自己就已经具有色彩调和感，并且了解某些颜色可能会引起什么样的反应，你只需照着你的方法进行，开发出有效的色彩组合。

在你开始找寻对应的颜色之前，你必须先很清楚你网站所要传达的讯息和目标。

一但你了解要传达的讯息后，就可开始进行调色工作了。

在过程中，你免不了要不断地试验混合颜色，这是一个极具创意的过程。

别害怕使用大胆的颜色组合，但在将你的产品公诸于世之前，记得要经过充分的测试喔！
色彩的使用技巧与指标
1. 了解你的网站所要传达的讯息和品牌。

选择可以加强这些讯息的颜色。

例如，如果在设
计一个强调稳健的金融机构，那么就要选择冷色系、柔和的颜色，象是蓝、灰或绿。

在这样的状况下，如果使用暖色系或活泼的颜色，可能会破坏了该网站品牌。

2. 了解你的读者群。

文化差异可能会使色彩产生非预期的反应。

同时，不同地区与不同年
龄层对颜色的反应亦会有所不同。

年轻族群一般比较喜欢饱和色，但这样的颜色却引不起高年龄层的兴趣。

3. 不要使用过多的颜色。

除了黑色和白色以外，约选择四到五个颜色就够了。

太多的颜色会导致混淆，也会拉走读者的注意力。

4. 在阅读的部分使用对比色。

颜色太接近无法产生足够的对比效果，也会妨碍观众阅读。

白底黑字的阅读效果最好。

5. 用灰阶来测试对比。

当你在处理黑色、白色和灰色以外的颜色的时候，有时候会很难决定每个颜色的相对值。

为了要确认你的色盘能提供足够的对比，你可以建立一个模拟网站，并将它转换成灰阶即可。

6. 选择颜色要注意时效性。

同一个色彩很容易就充斥着整个市场，且消费者很快的就对流行色彩感到麻木。

但就另外一个角度来看，你可以使用几十年前的流行色彩，引起人们的怀旧之情。

7. 选择色盘时请考虑功能性的颜色。

别忘了将关键信息部分建立功能性的颜色，例如标题和超连结等。

8. 注意网站色差问题。

每一个网站开发人员都知道，即使是网络通用颜色在跨平台显示的时候都会有些不同。

记得要校正你的 gamma 值，并在不同的作业平台上测试你的色盘。