WEB视觉设计 网页原型图设计 3.1色彩的基本原理.pptVIP

课程教师：余灿灿 数字创意与动画学院 3.1色彩的基本原理 三、公益网站首页设计 一切从光开始 颜色的本质是光。 光的本质是能量。 在波长380nm到780nm的范围里的电磁波，能量可以被人眼接收。因此在这个意义上讨论时，往往把光称为“可见光”。 色彩的基本原理 色彩体系——孟赛尔色空间 Munsell科学、系统、明确地提出了颜色的三属性： ·色调 ·明度 ·饱和度 并且，Munsell色空间以此为三维坐标，对颜色进行了更科学的重新排列！ 色彩的基本原理 97 225 颜色的三属性： ·色调（色相） ·明度 ·饱和度（彩度） 色彩的基本原理 色彩体系——孟赛尔色空间 色调 97 科学家研究发现，人眼能分辨出的光谱色色相约为150种，谱外色约30种，加起来一共180种。 色彩的基本原理 明度 明度就是“明亮的程度”。白色明度就是最高的。 明度最低的是黑色。灰色就是介于白色和黑色之间，颜色越深明度越低。 色彩的基本原理 从①到⑤，按照通俗的说法是颜色依次变“深”了。 但是要表述得严谨， 应该描述为：色调/饱和度保持不变，明度降低。 ④和⑥都比①的颜色“深”吧？ 但是这两个颜色深得不一样，一个仅仅是明度下降， 一个明度和色饱和度都下降了。所以光说“深”是 不严谨的。 明度 色彩的基本原理 饱和度 104 225 颜色越纯，饱和度越高 色彩的基本原理 颜色越纯，饱和度越高 ①和④、⑥相比，更鲜艳明亮。而④和⑥又是不同的，④的绿色特征更加明显，而⑥更接近灰色。实际上，④和①相比，饱和度是完全一样的，仅仅是明度变低而已。只有⑥才是明度和饱和度都下降了。 饱和度 色彩的基本原理 RGB色空间是电脑/手机/平板采用的RGB三原色加法色形成的色空间。 CMYK色空间，是印刷油墨CMYK四色减法色形成的色空间，适用于印刷系统。 以上两个色空间，是由显色手段决定的，受到显示器或者印刷手段的材料和工艺的物理限制。 HSB则是在RGB的基础上，根据颜色三属性的理论推导出来的色空间，最符合人眼的直觉。 最后的Lab色空间是一个内部转换用的色空间，RGB色转换为CMYK色时，需要先转换为Lab色，再转为CMYK色。反之亦然。 PS拾色器 色彩的基本原理 PS拾色器——HSB HSB拾色器的实质，就是通过调整Hue、Saturation、Brightness这三个参数来选取颜色的拾色器。 具体操作界面： 色彩的基本原理 直观而言，Hue改变的是颜色的赤橙黄绿青蓝紫。 Saturation提高，颜色变纯；S降低，颜色变“浊”，发灰（中等明度时）。 Brightness提高，颜色变亮，B降低，颜色变“暗”，发黑。 PS拾色器——HSB 色彩的基本原理 HSB模式的最佳工作场合是在已有颜色的基础上，进行饱和度、明度的微调。当定下了配色的基调，也就定下明度、饱和度的基本风格，这时调色用HSB模式就特别方便。 因为在HSB模式下，可以完美固定HSB中的某一个参数，只对其他两个参数做改变。 PS拾色器——HSB 色彩的基本原理 色彩的混合原理 色彩的基本原理 1)光的混合 将不同色相的光源，同时投照在一起，从而形成新的色光，是光的混合。 经光混合后的色光明度高于混合前的原有色光色光混合次数越多，明度越高，这就是光混合的基本原理，也称加光混合。 色彩的混合原理 色彩的基本原理 2)色料的混合 颜料、涂料、染料等色料的显色是对色光做部分地选择吸收的结果。色料间的混合现象是降低纯度与明度的减光现象。 色料间混合的次数越多，吸光能力越强，色相的纯度和明度越低。换句话说，色料相调的种类、次数越多，越容易出现脏、灰的结果。因此，色料的混 合称为减光混合。 小结： 色调即颜色（蓝，绿，红等）。 饱和度指颜色的强弱（饱和度越高就越强）。 明度是颜色的深浅（浅的颜色具有高明度）。 灰色调通过在一个颜色中加入灰色来创建，使之比原先更暗淡。 阴影色调通过在一个颜色中加入黑色来创建，使之比原先颜色更深。 浅色调通过在一个颜色中加入白色来创建，使之比原先的颜色更浅。 色彩的基本原理 THANK YOU！ 感谢支持，请提宝贵意见。 * * * *