色彩基础理论及色彩搭配学.docx

1、色彩基础理论及色彩搭配学色彩理论概述-第一课为什么要学习色彩理论 如果你有志于创造丰富色彩的作品，包括产品，平面，网页，家庭装潢等等，那么一定的色彩知识会对你的创作有莫大的帮助。 在创作过程中，选择合适的色彩看起来是十分神秘的，有时候设计师自己也说不上来为什么选择这种色彩,“这看起来比较好”，“也许这样比较对”这类的词我们经常听到。关于色彩系统 首先我们来看一个似乎非常简单的例子：什么是红色？苹果是红的，红酒也是，玫瑰花也是红的，但它们的色彩都不尽相同。这时，我们发现，在没有一种系统下面，来命名一种色彩是非常困难的事情。 鉴于这个缘故，人们建立了各种色彩模型来命名色彩，最早是20世纪初期，Al

2、bert Munsell-一位艺术学院的教授，建立了一种色彩系统用来命名色彩，这个系统一直被改进，到现代成为 Pantone ，CIE等各类色彩系统的前身。下面是各色彩系统中的红色，你能分辨它们吗？ HTML中的红色 Pantone(潘通）中的红 Pantone(潘通）中的暖红色彩基础-第二课 一般来说，色彩是由光引起的，而光是由各种称为可视光谱色彩混合的：红、橙、黄、绿、 青、蓝、紫。物体吸收了特定波长的光，并把其余的反射到我们的眼睛，因此形成了色彩感。 描述一个色彩有三种途径，按色彩的名称（色相），纯度（饱和度），还有值（亮度）。虽然粉红，砖红，深红都是属于红色，但每种色彩都以色相，饱和度

3、，亮度来区别于另一种。上图显示的是彩度（Chroma）或者称为饱和度（saturation）：反应的是色彩相对于灰度的纯度上图显示的是亮度（Luminance）：反应的是色彩相对于黑色与白色的明亮程度，可以通过加入黑或者白，来降低或增加亮度。色彩系统-第三课色彩系统依赖于设计者使用的媒介。当绘画的时候，艺术家有大量的颜料需要选择，色彩是通过减色法来实现的。而当设计师使用电脑等来设计作品时候，色彩是由加色法来获得。减色当使用颜料或者使用涂料等方式时候，我们使用减色法。减色法意味着由白色开始，随色色彩的叠加，直到黑色。CMYK 色彩模型用于减色法这个色轮用于颜料色彩搭配-减色法加色如果你使用电脑来

4、处理色彩，那么电脑上的色彩是由加色法呈现的。加色法意味着色彩是从黑色开始，随着色彩的叠加，逐渐变亮，最后成为白色。这是RGB色彩模型表示加色法，白色由R红色，G绿色,蓝色叠加而成。这个色轮用于加色。色环理论详解-第四课色环理论详解色环又称作为色轮，是种按照色相把色彩排列的呈现方式。当我们开始进行色环排列时, 第一步就是需要把原色按照等距关系排列以下色彩组成了完整的色环上图为原色（Primary Colors），等距排列，分别是红、黄、蓝。上图为间色，或者称为次色(Secondary Colors),由三原色两两混合产生，分别是绿、橙、紫。上图为三级色（TERTIARY COLORS），由原色和

5、间色两两混合产生，分别是黄橙、红橙、红紫、蓝紫、黄绿、蓝绿（原为“蓝紫”由配色网友xxhehe勘误）以下是色环的一些其他知识互补色（Complementary Colors），也被称为补色，是色环上两个相对的颜色。上图为补色，红色和绿色是互补色。类似色（Analogous Colors），是色环色上距离相近的颜色上图几红色和紫色和红紫色，蓝紫色为类似色。色环中根据亮度又分为积极色（ Active colors，也可以称为暖色）和消极色（ Passive colors也可以叫做冷色），积极色表现出活跃，积极的一面，消极色则相反。如上图：红色和黄色属于积极色（暖色），蓝色和绿色属于消极色（冷色）互

6、补色详解-第五课我们可以通过观察色环来理解色彩之间的关系，并且进行色彩搭配。比如类似色在色环当中距离较近，所以它们之间的搭配会有画面和谐，冲突少的特点。而对比最强烈的色彩就是位于色环相对距离的色彩，他们被称为互补色（在上一课我们也提到过）下面是色环上的互补色：互补色之间的搭配十分有趣，如果合适的搭配，会造成强烈的视觉效果，而不当的搭配，会使画面一团糟。看看我的色彩搭配上面就是红色和绿色的互补色搭配，看出什么来了？我们发现这样的搭配妨碍了视觉辨识，使得文字产生了闪烁的效果。色彩的残像-第六课物体受光吸收一定波长的光，并发射其余波长的光。当这些光进入我们眼睛，这样物体就能被我们看到，并有了色彩的感

7、觉。但实际上让我们感到色彩的是视网膜中棒状和椎状细胞，其中棒状细胞对黑色和白色十分敏感，而椎状细胞则对红，绿，蓝这些色彩负责。正是通过这些感光细胞，色彩的信息才被倡导我们的大脑。当我们的眼睛关注某一种固定的色彩一定时间，负责感光的棒状和椎状细胞会很快感到疲惫。当我们翻阅大量色彩的图片或者浏览具有大量色彩的网页时，特别是看一些全补色的图片时，你可能会注意到这点。当然你可以没有注意到这点，所以我们来做下面这个实验吧。色彩疲劳测试先把下面那个图片用别的窗口遮住，一直盯这个图片，最少20秒，然后快速把页面拉下看下面一张图片。如果你是通过测试实验，看到下面的东西，就叫做残像。色彩搭配中遇到，并困惑设计师

8、，所以我们现在提出来，希望遇到这个问题时候能很好的理解它。色彩搭配初探-第七课色彩搭配成功的色彩搭配是让观者感到赏心悦目而不去顾及色彩本身，相反，糟糕的色彩搭配总让人色彩之间的冲突。我们学习色彩的目的，就是如何成功的使用色彩。评价我们色彩作品的标准是：视觉上的平衡和谐-而这个平衡就是通过各色彩之间的视觉对比来形成的。因此了解色彩之间的关系成为我们色彩搭配的基础。幸运的是，我们有色环这个工具，有了它，可以方便的观察各色彩之间的关系，并进一步使用它们。上图是近似色，色环上距离相距非常近的色彩。上图是类似色性质也和近似色相同，只是色环上距离稍远。上图是互补色（对比色），色轮上距离最远相对的色彩。这个

9、我们在第五课中有详细的讲解。上图是分裂互补色，是中互补色的变体，就是把互补色其中一种分成与本身相等距离的近似色。上图是双分裂互补色，是分裂互补色的又一变体，把互补色二种色彩全部分成与本身相等距离的近似色。上面是三角关系的色彩，三种色彩平均的分布在色环里。色彩搭配-对比-第八课任何视觉显示都涉及图形-背景这二者的关系图形在设计中一般作为主题，而背景则作为陪衬，这二者之间的关系很大程度上依赖于色彩之间的对比。作为主题的图形和背景之间的对比越强烈，主题在视觉上就越突出。比如我们设计一段文稿，保持文字（主题）和纸稿（背景）的关系是非常重要的，理想的阅读体验是保持文字和背景80%的对比度（相对于最佳的黑

10、白对比），如果文字和背景之间的对比不够强烈，对读者来说是件很疲劳的事情。看下面的文字：你能看到我的文字么，这里是黄色的文字和白色的背景或者你能看到我么，蓝色的文字和黑色的背景看！痛苦吗？这看起来是个极端的例子，但在一些设计特别是网页设计中，我们还是经常看到这个问题。特殊情况-同时对比，这种情况发生在两种完全对立的色彩靠在一起的时候。这时候文字会变得似乎在颤抖，或者产生隐约的阴影效果，如果读者对这样图像看的时间稍微长些，很容易产生视觉疲劳。看下面的文字这是蓝色背景和红色文字的效果，你能看上一分钟么我劝你算了，把力气花在看下面的文字吧上面的色彩搭配给人一种幻像的错觉，这种搭配在极少的时候用在一种迷

11、幻效果的设计，但对初学者请不要随便使用。在使用互补色的时候，高饱和度的色彩搭配容易产生更高的色彩对比，而低饱和的色彩搭配则使整体对比下降，看下面二个图片你就能看出效果了设计中的色彩对比-第九课在长时间的实践和理论研究中，色彩工作者总结出了7种利用色相之间的对比来使整体平衡的方法。以下分别是这7种不同方法：饱和度对比这种对比是由饱和度不同的同色相的色彩并排放置形成的明暗对比这种对比中由色彩明度不同引起的面积对比（比例对比）这种对比是由各色彩占用的面积而造成的对比，而这个面积往往由色彩的重量感来决定互补色对比这时色环上互相为补色的色彩之间形成的对比同时对比这种对比我们在上一课中见到过，是在视觉上形

12、成颤抖和不稳定色彩放在一起产生的色相对比这是不同色相形成的对比，就是色环上不同位置的色彩形成的对比，色环上距离越大，对比越强烈冷暖对比这是冷色和暖色并置在一起形成的对比。比例和明度-第十课当多种色彩在并置的时候，我们的视觉感到的并不个单个的色彩，而是色彩混合在一起形成的整体，这一整体会因其中各个色彩占面积比例的不同，而表现出不同的情况。我们现在来给整体里面每个色彩按比例不同来命名：面积比例最大色彩的是主导色，这往往是画面的背景色。比例稍小的为次主导色。而占用比例最小的被称为强调色。强调色在整体中往往占用的比例比较小，但通过色相，亮度，纯度的对比来进行强调和突出。我们有两种手法来创造强调色，第一

13、种是把较小面积的高明度色放在低明度的背景上，第二种是把较小面积的低明度色放在高明度的背景上。如果主导色（最大面积的色彩）为亮色（高明度色），那么画面整体给人感觉较亮，较轻，相反，如果主导色为暗色，那么整体给人感觉较暗，较重。在面积比例不变的情况下，改变色彩的亮度也能改变整体给人的视觉感。这是上面这个画面的主导色这三种是这个画面的次主导色这是画面的强调色这是上面这个画面的主导色这三种是这个画面的次主导色这是画面的强调色对比,明度和主导因素-第十一课当我们在创作时不管是图形设计或者文字排版，首先在大脑种应该形成作品整体上的概括并作出一个决定。你设计的可能是件精美的工艺品，或者是个吸引人的广告牌，又

14、或者是个简单的文字阐述。根据你的作品来决定应该什么因素占主导因素。一般被分为以对比做主导因素，还有一种以明度做主导因素。其中以对比做为主导因素被分为，高对比，中等对比，低对比，而以明度作为主导因素的作品被分作高明度，中等明度和低明度。有时候我们需要判断别人作品是什么因素占主导时，可以简单的把眼睛咪起来，或者在远处看，如果相邻的二种色彩容易识别，那整体就是对比作为主导因素，相反，如果相邻色彩并不明显，那就是以明度作为主导因素。下面是以对比度作为主导因素的例子：这是低对比的画面这是中等对比的画面这是高对比的画面下面是明度占主导因素的例子：这时高明度的画面这是中等明度的画面这是低明度的画面色彩搭配方

15、法简介 第十二课上面这个色环中，我们把色轮按照明暗重新进行了划分，分出了更多的色彩，这样，可以供我们选择的色彩变的更多，利用这些色彩，就可以进行搭配了，下面我们来对一些典型的搭配进行分析。这个搭配对比稍高，明度中等，使用高饱和色这个搭配对比高，明度中等，使用不同明度和纯度色色彩这个搭配对比稍低，明度稍亮，使用了较高亮度和不同纯度的色彩这个搭配对比适中，中等明度，使用了各亮度和不同纯度的色彩这个搭配对比稍低，明度偏暗，使用了较暗的色彩，纯度各有不同这个搭配对比低，中等明度，使用了各种明度和纯度的色彩这个搭配明度稍高，中等明度，使用了各种明度和纯度的色彩这个搭配对比高，明度也高，使用了各种明度和纯

16、度的色彩冷色和暖色 第十三课色环可以根据色相给人冷暖感受分为两个部分，如图所示：暖色给人的印象是生动的，激情的，有表现力的，给人感觉在空间位置靠前。冷色给人的印象是谨慎的，冷静的，产生平静感，给人感觉在空间位置靠后。一般我们把黑色，白色和灰色这里无色系视为中立，并没有冷暖感，但在实际运用中受到其他搭配色彩的影响，黑白灰等色彩也会表现出一定的冷暖感下面是色彩冷暖的一个图示：色彩搭配进阶理论 第十四课在第七课我们讲解了色彩搭配的基本理论，在这里我们来继续介绍这方面的内容。整体的解说依然是通过色环这个工具来进行的。互补色搭配色环上相对的两种色彩的搭配为互补色搭配，比如红色和绿色。这种色彩之间强烈对比

17、在高纯度的情况下会引起色彩的颤动和不稳定感，在搭配中一定要处理好这种情况，不然会使得画面冲突非常严重并破坏整体。互补色搭配在正式的设计中比较少见，主要由于它特殊性和不稳定，但是很显然的是，在各种色相搭配中，互补色搭配无疑是一种最突出的搭配，所以如果你想然你的作品特别引人注目，那互补色搭配或许是种最佳选择。近似色搭配和类似色搭配色环上距离较近的色彩搭配被称为近似色搭配，或者类似色搭配(一般可以把近似和类似等同起来）。一般这种色彩之间大搭配显得平静而舒服。近似色搭配常常在自然中被找到，所以对眼睛来说，这时种最舒适的搭配方式。在使用近似色搭配的时候，一定要适当加强对比，不然可能使画面显得平淡。.三角

18、形搭配这种搭配是在色环上等距的选出三种色彩进行搭配的方式。三角形搭配是种能使得画面生动的搭配方式，即使使用了低饱和度的色彩。在使用三角形搭配的时候一定要选出一种色彩作为主色，另外两种作为辅助色。分裂互补色搭配这是种互补色搭配的变体，它的本质是用使用类似色来代替互补色中的一个，以达到既有互补色搭配的优点，并弥补互补色搭配的弱点。分裂互补色的对比依然非常强烈，但它并不会像互补色搭配那样产生颤抖和不安的感觉。对初学者来说，这是种非常好用的搭配，一般来说，使用分裂互补色搭配的画面对比强烈，而不易使色彩产生混乱的感觉。矩形搭配(双分裂互补色）这同样是互补色搭配的变体，相比上面的分裂互补色，这个搭配把而种

19、色彩都替换成了类似色。这种搭配的色彩非常丰富，能使画面产生节奏感。当其中一种色彩作为主要色时，这种搭配能取得良好的效果。在这种搭配中要同时注意色彩冷暖的对比。正方形搭配这种搭配中四种色彩被均匀的分布在整个色彩空间。当其中一种色彩作为主要色时，这种搭配能取得最好的效果。和矩形搭配一样，需要注意冷暖色的对比和平衡。配色实践-提高画面对比的原则 第十五课这个课程用来对配色过程中如果设计出高对比的色彩提出一些建议，请记住，高对比在很多场合并不是必须的。要搭配出令人愉悦的色彩，除了掌握前面的色彩理论，还需要更多的实践。在这之前，我们先来看下几种使画面产生对比的原则：一、使用明度差别较大的前景色和背景色进

20、行搭配，即使是色相和纯度不同的色彩，如果他们明度差别较小，那请尽量不要把他们搭配在一起。在设计过程中，设计师需要假设一点：观者对色彩对比的敏感并没有设计师本人高。所以在设计过程中，请尽量扩大前景和背景之间的明度对比。下图是各种色彩明度的参考：二、尽量从色环底部来选择明度较低的色彩，从色环顶部来选择明度较高的色彩，而不要从色环底部选择明度较高的色彩，从顶部选择明度低的色彩。对很多人来说，使用色环底部的高明度色彩，形成的对比并不明显。3.减少使用近似色搭配，特别在双方明度差别不大的时候。这样做可以有效避免一些色彩不敏感人群对整体识别上的困难。上面介绍的是一些提高作品对比的手法和手段，特别是生活节奏

21、快速的当代，高对比度的作品往往能更快的吸引受众的目光，从而达到宣传目的。色彩心理学-温度,空间,体积,华丽,硬度 第十六课色彩的感情：每种色彩都会因为色相，明度，纯度的不同，表现出不同的色彩感。也给人不同的心理感觉。下面的实践操作可以使用我们提供的在线配色工具来进行：色彩温度感（冷色与暖色）：在色环中蓝色、蓝绿、蓝紫色等颜色，给人凉爽的感觉，所以被称为冷色。相反，红色，橙色，黄色，红紫色等给人温暖的感觉，所以被称为暖色。实践一：冷色搭配暖色搭配前进色与后退色：前进色：一般是暖色或者明度和纯度都较高，给人一种视觉上靠近观者的感觉。后退色：一般是冷色或者明度和纯度都较低，给人一种视觉上远离观者的感

22、觉。实践二：色彩体积感（膨胀色与收缩色）膨胀色一般是前进色和暖色，明度较高收缩色一般是后退色和冷色，明度较低在服饰搭配中，体型偏胖者可以选择收缩色，偏瘦者可以选择膨胀色。色彩重量感（轻色与重色）轻色：一般为明度高，冷色重色：一般为明度低，暖色实践三：色彩华丽感（华丽色与朴素色）华丽色：一般是纯度较高或者明度较高朴素色：一般是纯度较低或者明度较低实践四：色彩的硬度感（柔软色于坚硬色）柔软色：一般为明度高、纯度低、暖色坚硬色：一般为明度低、彩度高、冷色。实践五：色彩心理学-味觉,季节,几何形体 第十七课我们继续介绍色彩与心理的关系色彩的味觉感色彩的味觉就是人们对于色彩所产生的味觉联想：甜味：一般是

23、黄，橙，红等明度较高的暖色-联想到西瓜和蛋糕等酸味：一般是绿色，以及黄绿这类的色彩-联想到未成熟的桔子和柠檬苦味：以黑色，灰褐色为主，一般是低明度，低纯度的色彩-联想到咖啡,可可等辣味：以红色和绿色这类的高纯度色彩为主-联想到辣椒咸味：高亮度的蓝色于灰色-联想到大海与盐涩味：灰绿色，暗绿色这类的低纯度色彩-联想到未成熟的柿子o(_)o.实践一：观察下面图片看看属于什么味觉？色彩的季节感春天：是具有朝气，生命的特性，一般各种高明度和高纯度的色彩，以黄绿色为典型夏天：具有阳光，强烈的特性，一般是高纯度的色彩形成的对比，以高纯度的绿色，高明度的黄色和红色为典型秋天：具有成熟，萧索的特性，一般是黄色以

24、及暗色调为主的色彩冬天：具有冰冻，寒冷的特性，一般是灰色，高明度的蓝色，白色等冷色实践三：观察下面图形的季节表现色彩与形状(新手不要求）色彩也具有各自的几何形状的特性，如果能和形状结合起来，可以加强本身的特性圆形：具有温和，圆滑的特性，适合蓝色的特性正方形：具有方正，有重量感，适合红色的特性三角形：具有尖锐，积极，适合黄色的特性长方形：介于黄于红色之间，适合橙色的特性椭圆：介于红于蓝之间，适合紫色的特性色彩心理学-可视性,地域差别,联想 第十八课色彩的可视性一般来说，色彩的可视性是指色彩能否被看清楚的特性，色彩的可视性往往在色彩搭配中才能表现出来，同时会因图背景，面积，明度，亮度，纯度产生变化

25、。一般来说，色彩明度越高，纯度越高，面积比例越大，可视性越好；我们下面来看几种可视性的搭配：可以辨识下下面那个车牌容易被识别：色彩的地域差别人们对于色彩的喜好，会因为环境，教育，民族，流行等产生很大的差别，这方面的知识由于涉及面非常广，所以我们并不详细介绍，大家可以通过平时积累来详细体会这些差别。色彩的联想由于人们平常接触的物体都有自己的色彩，相反但看到某种色彩，也会联想到相应的一些物体。色彩一般的联想 一些抽象的联想紅 血 火太阳消防车危险 革命热情 喜事 流血事件橙 橘子 晚霞温暖快乐 积极向上 秋天 黃 香蕉 黃金 阳光 光明活泼 色情 夏天紫 葡萄 茄子 神秘优雅 高貴 梦幻白 雪 白

26、兔虚无纯洁 神圣 死亡黑头发 夜晚 死亡严肃 肮脏配色实践-配色与平衡 第十九课前面我们提到，配色的目的就是使得画面整体符合人的色彩感觉，并达到色彩平衡。有秩序的色彩组合，往往能使人产生愉悦的视觉享受。利用色相明度纯度之间的对比与面积比例的变化，来调整色彩的统一与变化，以此来达到配色的平衡。对于同一色相的的配色由于色相种类比较少，很容易使得画面变的稳定，但由于缺乏变化，我们可以通过明度和纯度的对比变化来达到平衡。下面是同色相色彩之间的搭配：类似色的配色类似色我们在前面已经学过，是指色环上位置相近的色彩，这类色彩之间的搭配稳定，容易平衡。下面是类似色搭配的例子：互补色之间的配色互补色之间由于色相

27、对比非常大，除了调节各色相之间的面积、明度和纯度，经常使用间色或者无色系的色彩来起到平衡整体的作用。下面是互补色搭配的例子配色实践-配色的原则与方法 第二十课配色的原则虽然我们配色的目的千差万别，但基本的追求都是使得色彩能够和谐。在配色的原理运用上我们一般要遵守平衡、强调、节奏、支配等原则，如果运用自如，一般都能取得平衡的目的。下面分别介绍各种原则：平衡配色中的平衡是指色彩搭配时，上下左右有平稳安定的感觉，一般通过色彩的明度和面积比例变化来调整整体的平衡。下面是取得平衡的一些手段：明度高的色彩在上面，明度低的在下面时，整体上容易平衡纯度高的色彩和暖色的面积应该小于纯度低的色彩和冷色，这样整体上

28、容易平衡。节奏节奏能使画面产生活泼的，有律动的感觉，节奏的使用可以分为重复节奏和渐变节奏两种。重复节奏是指：以某种色彩作为有规律的重复变化。渐变节奏是指：色彩由明到暗，由浅到深，或者色相渐变的变化强调在整体色彩单调的情况下，可以使用小面积的强而醒目的色彩来进行强调。强调色可以使用整体色彩的互补色或者分类互补色，并且与整体形成对比（比如整体低明度的情况下使用高明度，整体低纯度的情况下使用高纯度等）支配在不能取得调和的整体画面上再铺上一层色彩，使得因为具有同有的色彩而形成整体的和谐，这层色彩可以被称为支配色，一般构造支配色有二中手法：明度支配：是指在整体各色彩中加入白色或者黑色的成分，使得整体明度

29、上取得和谐色相支配：是指在整体各色彩中加入某一种色彩，使得整体色彩在色相上取得和谐配色实践-色彩的对比 第二十一课色彩对比概述在前面的教程里我们已经知道，色彩会被相邻或者相近的其他色彩影响而产生变化，这便是色彩对比的来源。同时对比与继续对比我们在前面介绍过同时对比，同时对比就是同时看到几种色彩，这几种色彩相互影响，而产生不同于原来的色彩效果，请仔细查看下面这个水果的图片，观察其中水果被其他色彩影响的结果。继续对比是指有次序的快速观察几种色彩，前面观察的色彩影响的后面的色彩。这个我们可以想象快速依次观看画廊里的作品产生的效果。色相对比把两种不同色相的色彩并置在一起，相互产生偏色的情况，我们称为色相对比。图一图二我们来观察上面两个图片，图一中红色背景与橙色相邻的地方会偏黄色，图二中黄色背景与橙色相邻处会偏红色。明度对比两种不同明度的色彩并置在一起，会产生低明度色彩明度更低，高明度色彩明度更高的视觉现象。图三图四观察上面两个配色，图三图四中灰色明度相同，但感觉图四中的灰色要比图三中的亮。纯度对比在不同纯度的色彩并置的时候会出现下面情况：一个色彩和低纯度搭配会使这个色彩看起来纯度较高，一个色彩和高纯度搭配会使得这个色彩看起来纯度较低