色彩理论基础

1、3 Sept. 2008 NEUSOFT SECRET色彩色彩理论理论基础基础东软集团电信事业部Copyright 2008 Neusoft Corporation一.认 识 色 彩三原色与三间色什 么 是 三 原 色?什 么 是 三 间 色?3 Sept. 2008NEUSOFT SECRET三原色三原色: 红黄蓝红黄蓝三间色：绿橙紫三间色：绿橙紫3 Sept. 2008NEUSOFT SECRET三原色由三种基本原色构成。原色是指不能透过其他颜色的混合调配而得出的“基本色”。以不同比例将原色混合，可以产生出其他的新颜色。三间色是三原色当中的两个色以同等比例相加调和而形成的颜色,例如：红+黄

2、=橙 红+蓝=紫 黄+蓝=绿 三原色三原色 三间色三间色三间色三间色 三原色三原色3 Sept. 2008 NEUSOFT SECRET二.色彩的分类3 Sept. 2008NEUSOFT SECRET色彩类型色彩类型1.无彩色系：无彩色系是指黑色.白色及深浅不同的灰色2.有有彩色系：有彩色系是红系：有彩色系是红.橙橙.黄黄.绿绿.青青.蓝蓝.紫以及衍化而产生的紫以及衍化而产生的其他各种色彩，均属于有彩色系其他各种色彩，均属于有彩色系3 Sept. 2008NEUSOFT SECRET色相环色相环3 Sept. 2008NEUSOFT SECRET3 Sept. 2008 NEUSOFT SE

3、CRET三. 色彩的三要素色相 明度 纯度3 Sept. 2008NEUSOFT SECRET色相：色彩的相貌色相：色彩的相貌色相是色彩的首要特征，是区别各种不同色彩的最准确的标准。事实上任何黑白灰以外的颜色都有色相的属性，而色相也就是由原色、间色和复色来构成的。色相，色彩可呈现出来的质的面貌。自然界中各各不同的色相是无限丰富的，如紫红、银灰、橙黄等。色相即各类色彩的相貌称谓。3 Sept. 2008NEUSOFT SECRET3 Sept. 2008NEUSOFT SECRET色彩的明度：色彩的明亮程度色彩的明度：色彩的明亮程度颜色之间存在着明度不同，不同明度的色彩，给人的印象和感受是不一样

4、的色彩里的明度对比 分别以低明度色彩(低明度色彩在画面面积上占绝对优势，即面积在60%左右)为主构成低明度基调，以中明度色彩为主构成中明度基调，以高明度色彩为主构成高明度基调的效果。 一般而言，高明度基调给人的感觉是轻快、柔软、明朗、娇媚、纯洁，运用不当会使人感觉冷淡和病态；中明度基调给人以朴素、庄重、稳静、刻苦、平凡的感觉，运用不当造成呆板、贫穷、无聊的感觉。低明度基调给人感觉沉重、浑厚、刚毅、神秘。运用不当构成黑暗、阴险、哀伤等色调。从左至右分别是由高明度基调、从左至右分别是由高明度基调、中明度基调和低明度基调构成的。中明度基调和低明度基调构成的。3 Sept. 2008NEUSOFT S

5、ECRET纯度：用来表现色彩的鲜艳和深浅纯度：用来表现色彩的鲜艳和深浅纯度是说明色质的名称，也称饱和度或彩度、鲜度。色彩的纯度强弱，是指色相感觉明确或含糊、鲜艳或混浊的程度。高纯度色相加白或黑，可以提高或减弱其明度，但都会降低它们的纯度。如加入中性灰色，也会降低色相纯度。在绘画中，大都是用两个或两个以上不同色相的颜料调合的复色。根据色环的色彩排列， Why：相邻色相混合，纯度基本不变(如红黄相混合所得的橙色)。What：对比色相混合，最易降低纯度，以至成为灰暗色彩。色彩的纯度变化，可以产生丰富的强弱不同的色相，而且使色彩产生韵味与美感。3 Sept. 2008NEUSOFT SECRET思考：

6、思考： 哪些颜色是冷色？ 哪些颜色是暖色？3 Sept. 2008NEUSOFT SECRET红红黄黄橙橙 暖色暖色绿绿紫紫 中间色中间色蓝蓝绿绿紫紫 冷色冷色3 Sept. 2008NEUSOFT SECRET3 Sept. 2008NEUSOFT SECRET色彩搭配原则色彩搭配原则 在选择网页色彩时，除了考虑网站本身的特点外还要遵循一定的艺术规律，从而设计出精美的网页。 1.1.色彩的鲜明性：色彩的鲜明性：如果一个网站的色彩鲜明，很容易引人注意，会给浏览者耳目一新的感觉。 2.2.色彩的独特性：色彩的独特性：要有与众不同色彩，网页的用色必须要有自己独特的风格，这样才能给人浏览者留下深刻的

7、印象。3.3.色彩的艺术性：色彩的艺术性：网站设计是一种艺术活动，因此必须遵循艺术规律。按照内容决定形式的原则，在考虑网站本身特点的同时，大胆进行艺术创新，设计出既符合网站要求，又具有一定艺术特色的网站。 4.4.色彩搭配的合理性：色彩搭配的合理性：色彩要根据主题来确定，不同的主题选用不同的色彩。例如，用蓝色体现科技型网站的专业，用粉红色体现女性的柔情等。 3 Sept. 2008NEUSOFT SECRET网页色彩搭配方法网页色彩搭配方法 网页配色很重要，网页颜色搭配的是否合理会直接影响到访问者的情绪。好的色彩搭配会给访问者带来很强的视觉冲击力，不恰当的色彩搭配则会让访问者浮躁不安。 1.1

8、.同种色彩搭配：同种色彩搭配：同种色彩搭配是指首先选定一种色彩，然后调整其透明度和饱和度，将色彩变淡或加深，而产生新的色彩，这样的页面看起来色彩统一，具有层次感。 2.2.邻近色彩搭配：邻近色彩搭配：邻近色是指在色环上相邻的颜色，如绿色和蓝色、红色和黄色即互为邻近色。采用邻近色搭配可以里是网页避免色彩杂乱，易于达到页面和谐统一的效果。 3.3.对比色彩搭配：对比色彩搭配：一般来说，色彩的三原色（红、黄、蓝）最能体现色彩间的差异。色彩的强烈对比具有视觉诱惑力，能够起到几种实现的作用。对比色可以突出重点，产生强烈的视觉效果。通过合理使用对比色，能够使网站特色鲜明、重点突出。在设计时，通常以一种颜色为主色调，其对比色作为点缀，以起到画龙点睛的作用。 3 Sept. 2008NEUSOFT SECRET4.暖色色彩搭配：暖色色彩搭配是指使用红色橙色黄色集合色等色彩的搭配。这种色调的运用可为网页营造出稳性、和谐和热情的氛围。 5.冷色色彩搭配：冷色色彩搭配是指使用绿色、蓝色及紫色等色彩的搭配，这种色彩搭配可为网页营造出宁静、清凉和高雅的氛围。冷色点色彩与白色搭配一般会获得较好的视觉效果。 6.有主色的混合色彩搭配：有主色的混合色彩搭配是指以一种颜色作为主要颜色，同色辅以其他色彩混合搭配，形成缤纷而不杂乱的搭配效果。 7.文字