在界面设计中，色彩暗示给人的信息应该和操作内容（软件﹑网站﹑多媒体等）保持一致。色彩在用户使用界面的过程中，起到了引导用户行为和影响用户心理的重要作用，应予以重视。但总体来说，色彩的应用，无论是在平面设计还是界面设计之中，存在很大程度上的相似性。

根据有关实验表明：人所感知的信息中有80％是由视觉得来的。而在视觉感知中，色彩的作用非常重要，有研究显示，人们在观察事物时，最初的20秒钟色彩感觉占80％，形态感觉占20％， 2分钟后色彩感觉占60％，形态感觉占40％，5分钟后，各占一半。可见，色彩对于操作者获得信息的分量来说是先于形式的。

色彩可以分为有色彩和无色彩两大类。有表现红﹑蓝﹑绿等色彩程度的“色相”，表示色彩明度的“明度”，表示色彩鲜艳程度的“纯度”（也称作彩度或饱和度）。这三个要素称为色彩的三个属性。另外还有“色调”这个标准。

3.2.1 色相

色彩分为有色彩和无色彩。无色彩指黑﹑白﹑灰这几种没有色相的色彩。有色彩指黑﹑白﹑灰这些无色彩以外的所有有色相的色彩。

色相是有色彩的属性中的一种，用来描述红﹑绿﹑蓝的色彩程度。根据可见光线波长的不同，色相可以无限变化，所以色相是无限制存在的。

1.三原色

三原色由三种基本原色构成。原色是指不能透过其他颜色的混合调配而得出的“基本色”。以不同比例将原色混合，可以产生出其他的新颜色。一般来说，叠加型的三原色是红色﹑绿色﹑蓝色，而消减型的三原色是品红色﹑黄色﹑青色。原色的色纯度最高，最纯净﹑最鲜艳。可以调配出绝大多数色彩，而其他颜色不能调配出三原色，如图3-15所示。

图3-15

2.色相环

色相环是将色彩中色相最强的色彩环状排列而成的。一般以赤﹑黄﹑绿﹑蓝或者再加上橙﹑紫等基本色，和各自的补色为基础，然后加上中间色，排列在圆周上。色相环分十二色相环与二十四色相环等，如三十六色相环﹑四十八色相环等。

如何绘制十二色相环（如图3-16所示）？

以第一次的黄（yellow）﹑红（red）﹑蓝（blueness）三色为基础，由此三原色配置组合成十二色相环。

首先，这三种原色的第一次色，必须采用正确而纯粹的原色，即不含任何其他调的纯黄﹑纯赤和纯蓝。将这三种第一次色环涂于正三角形之中，黄在顶端，赤和蓝各涂于右下及左下两部位。

其次，在正三角形外画一外接圆，再于圆中画出一内接正六边形。由此，内接正六边形与正三角形之间，便形成三个底边邻接正三角形的等腰三角形，如下所示的三种第二次色便完成了：

黄＋红＝橙

黄＋蓝＝绿

红＋蓝＝紫

这三种第二次色，必须细心混合调配，不可偏于任一种第一次色。如橙色偏赤或偏黄﹑紫色偏赤或偏蓝都不适合。

再次，是在此圆的外侧画一个适中的同心圆，再将两圆所形成的环等分为十二个扇形，扇形中分别涂上相对位置的第一次色和第二次色。

最后，在余下的空白扇形中，涂上第一次色和第二次色混合而成的第三次色，其结果如下：

黄＋橙＝黄橙

红＋橙＝红橙

红＋紫＝红紫

黄＋绿＝黄绿

青＋紫＝青紫

青＋绿＝青绿

图3-16

由上所述，就可以设计出正确的十二色环，在这个色环之中，任何色相都具有不纷乱﹑不混淆的明确位置。这种色环的色相顺序和彩虹﹑自然光线分光后产生的色带顺序完全相同。

在色相环中处于相反位置的色彩称为补色，比如红色的补色为青绿色，黄色的补色为蓝紫色。

色相环中，位置相近的色彩组合容易显得谐调，位置相反的色彩组合容易给人对立的印象。

3.2.2 明度

明度指的就是色彩光亮的程度。所有的色彩都有不同的光亮，亮色就称其为“明度高”，暗色就称其为“明度低”。无色彩中明度最高的色彩就是白色，其后就是明亮的灰色，然后是稍暗的灰色，按照这个顺序明度依次降低，明度最低的色彩就是黑色。图3-17为显示无色彩的明度阶段的灰阶（也称作明度尺），即用来表示明度的尺度。明度越高色彩越白，明度越低色彩越黑。(www.daowen.com)

图3-17

可以这样说，明度越高色彩就显得越清浅，明度越低色彩就显得越沉重。所谓“对比度”的高低，也就是由明度不同引起的。

另外，色彩也有明度。中间色的明度高，混入黑色变成深色时明度就降低了。

比如，红色的色相中，明度很高的话就变成浅粉，明度低的话就变成暗红。有色彩的光亮程度可以用和无色彩灰阶一样的值来表示。如图3-18所示，有色彩的明度越高色彩就越白越亮，明度越低色彩就越黑越暗。明度高的色彩被称为“中间色”。

图3-18

3.2.3 纯度

纯度用来表现色彩的鲜艳和暗淡，指的是深色﹑浅色等色彩鲜艳度（强度）的判断标准。与明度一样，用“高”“低”表现其程度。纯度最高的色彩就是鲜艳的原色，随着纯度的降低，就会变化为暗淡的没有色相的色彩。纯度降到最低就会失去色相，基本就变成无色了。

纯度高的色彩给人华丽的印象，而纯度低的色彩会给人朴素的感觉。而无色彩是没有纯度的。

有色彩中纯度最高的色彩称为“纯色”。纯色是不掺杂白或者黑的原色，向纯色中混入无色彩（黑﹑白或者灰）的量的不同，就会出现不同的纯度。

图3-19为彩度阶段图。最鲜艳的色彩是纯色，向纯色中加入黑﹑白﹑灰色，纯度就会发生变化。纯度越高，色彩的色相就越强越鲜艳；纯度越低，色彩的色相就越暗淡浑浊，最后变成无色彩。

图3-19

比如说，向纯红中加入一点白色，纯度稍微下降而明度上升。继续增加白色的量，纯度不断下降色彩变得暗淡，但相反的，明度提高了。这样最后调和出来的就是淡淡的粉色。同样，向纯红中加入黑色，纯度和明度同时下降，逐渐变成接近黑色的混合暗红色。而在纯红中加入灰色的话就会变成失去光泽的粉色，如图3-20所示。

图3-20

3.2.4 色调

色调是包含感情的色彩，是将色彩的三属性中的明度和纯度结合在一起，表现色彩程度的基准。根据不同的明度和纯度的组合，可以划分为艳色﹑亮色﹑柔和色﹑深色﹑暗色等若干组别。

色调是进行各种设计时推进配色作业最重要的概念，比色相更容易表现色彩的感情。把握住色彩的色相﹑明度﹑纯度这三个要素，就更容易理解色彩的性质，配色也会变得更轻松。以三要素为基础，理解并应用色调的概念，就能抓住配色的窍门了。

色调图，是结合纯度和明度表现色相的基准图。亮色在上，暗色在下。另外，纯度越低的色彩越靠近无色彩的一侧（左侧），纯度越高的色彩越远离无色彩，变成鲜艳的艳色，如图3-21所示。比如使用相同色调或者邻近色调的色彩组合，就会产生一种整体感并给人一种高品位的印象。

图3-21

3.2.5 色彩的情感

色彩包含感情。虽然因为国家﹑地域﹑年代和性别等因素的不同会有一些差异，但色彩包含的感情中有着人类共通的部分。感情有主观的“好恶”或是“快与不快”，也有客观的“冷暖”和“轻重”等。

色彩有各种各样的心理效果和情感效果，会引起各种各样的感觉和遐想。比如看见绿色的时候会觉得祥和，看见某种色彩或听见某种色彩名称的时候，心里就会自动描绘出这种色彩带给我们的或喜欢，或厌恶，或开心，或悲伤的情绪。这种对色彩的心理反应，多半与生活经验﹑风土气候﹑年龄或者性别无关，而是大多数人能够共同感受到的情绪，我们称其为色彩的象征性和心理暗示。比如说温暖的色彩﹑寒冷的色彩﹑轻浅的色彩﹑沉重的色彩﹑兴奋的色彩﹑安详的色彩﹑男性的色彩﹑女性的色彩等。

1.色彩的温度感——“暖色”“冷色”（如图3-22所示）

紫红—红色—橙色—黄色的色相是暖色，能让人感觉到温暖。蓝绿—蓝色—蓝中带紫的色相是冷色，给人寒冷的感觉。还有蓝紫—紫色—红紫色被称为中性色，没有特别极端的冷暖感觉。据实验数据表明，在同样的外部环境温度的情况下，暖色和冷色下的体温大约有3℃的差别。

图3-22

2.色彩的生理性感觉方式（如图3-23所示）

明度越高的色彩感觉越轻，明度越低的色彩感觉越重。

高明度﹑暖色﹑低纯度的色彩感觉越柔和，低明度﹑冷色则感觉强硬。

暖色系﹑高纯度的色彩刺激性强，令人兴奋；冷色系﹑低纯度色﹑低明度色则给人镇定的感觉。

3.2.6 色彩的联想

色彩的联想作用也是不容忽视的，主要有联想具体“事物”和联想抽象“印象”两种作用。例如，听到“红色”的时候，我们就会联想到太阳或者苹果这些具体事物，同时，还会产生热情﹑危险或者兴奋的心理印象，我们称之为“色彩的联想”。图3-24所示列出了由色彩联想到的“事物”和“印象”。对色彩的印象，有根据个人经验产生的，有根据文化背景产生的，也有超越种族为人类所共有的。

图3-23

图3-24