基础色彩教学教材.ppt

宫殿:红墙绿瓦 民间:白墙黑瓦 清初道袍 （2）变化对称 是指形成对称的各部分，在用色方面并不完全 一致，而是有规律地变化，但总体而言，各方面依 然保持着等量均衡原则。 2、色彩的对比 （1）同时对比与连续对比 同时对比：在同一空间、同一时间所看到色彩的对比现象。 连续对比：一色接受先前另一色的影响而产生的对比。 (2)明度的对比:是指色彩之间明暗程度的差别而形成的对比。例如柠檬黄明度高，蓝紫色的明度低，橙色和绿色属中明度，红色与蓝色属中低明度。 明度对比可分为:彩色差的明度对比及非彩色差的明度对比  彩色差的明度对比 非彩色差的明度对比 明度对比分析：（非彩色差）　　严格来说，该页面应该是黑白灰色非色彩构成，摄影图片中的人物衣服为灰色，相对单纯的黑白对比柔和舒适于视觉。能使页面显得更单纯、统一，形成另一道独特的风景。 (3)色相对比： 是指因色相之间的差别形成的对比。当主色相确定后，必须考虑其他色彩与主色相是什么关系，要表现什么内容及效果等，这样才能增强其表现力。不同色相对比取得的效果有所不同，两色越接近，对比效果越柔和。越接近补色，对比效果越强烈。 同一色相对比：色相之间的距离角度在5°以内的对比。 类似色相对比：色相之间的距离角度在45°以内的对比。 ????????????????? 对比色相对比：色相之间的距离角度在100°以外的对比。 ?????????? 互补色相对比： 色相之间的距离角度在180°左右的对比。将红与绿、黄与紫、蓝与橙等具有补色关系的色彩彼此并置，使色彩感觉更为鲜明，纯度增加，称为补色对比。 补色对比分析：　　由冷色系的绿色、蓝色组成大背景环境，纯度较低。前景主要是突出产品、文字信息内容的大红色形成补色对比效果，RGB的R255数值与HSB是H为零，数值显示非常明确，标准的大红色。纯度亮度非常高，达到最高值，加之白色的勾边，使得红色更为凸显，更易于视觉对信息的迅速捕捉。　　结论：　　对比色的合理搭配，能拉开前景与背景的空间感，突出页面主体物。尤其是红色在主体物的运用，能迅速传递视觉的效果。 色相对比分析：　　主要是以绿色与蓝色之间的色相对比。从HSB数值上可看出嫩绿色的S纯度高B亮度也很高，因此艳丽的颜色作为背景与前景纯度稍低的墨绿和轱蓝色形成色相之间的对比。前景的墨绿虽然纯度达到最高值100％，比主色调高不少，但是因为亮度低，因此色彩显示没有主色调明艳。 结论：该页面色相的对比，主要作用于前景与背景的对比、局部与整体的对比。 HSB模式：HSB模式中的H、S、B分别表示色调、饱和度、亮度，这是一种从视觉的角度定义的颜色模式 (4)纯度对比：是指不同色彩之间纯度的差别而形成的对比。色彩纯度可大致分为高纯度、中纯度、低纯度三种。未经调和过的原色纯度是最高的，而间色多属中纯度的色彩，复色其本身纯度偏低而属低纯度的色彩范围。 将纯度很高的对比色配合使用是一项大胆的行为，需要很大的勇气。如果担心过于强烈的对比会造成视觉疲劳，可以减弱对比度，改变其中一种颜色的色调。 纯度对比分析：　　整个页面看起来异常艳丽刺激然而又非常的协调。以上数值主要选取了几种较有代表性的颜色。　　大家注意看，以上色彩除了粉红色，其他几组颜色都是高饱和度高亮度的颜色，因此充分的发挥出了色彩的艳丽程度。包括粉红色在内的几种灰色阶，在中间起到了和谐作用。白色能拉开相近色阶的空间及明快页面的作用，在这里可以说是功不可没。 结论：　　页面实际上用了不少颜色，配色大胆。抓住颜色主次冷暖的安排，适度再加上和谐的过渡色灰色，实现了作者对该页面的轻松配色。从多种高纯度的搭配协调能力上看，足可见作者对色彩设计搭配不一般的功底。　　这类网页配色非常能够体现出一个网站页面产品个性，配色难度大。让人过目难忘。 纯度调整　　降低冷暖两色纯度。用明度黑、白、灰变化来调整画面的层次、直接使用黑、白、灰色系进入画面搭配，或者加入补色的谐调，也都能很好的起到协调的效果。 纯度调整分析：　　主色调的橙色，添入了少许黑色做渐变背景色，降低了纯度。辅助色的蓝色是橙色的补色，主要起的是使得整个页面过多的暖色降低协调于整体的效果，及背景色的棕色都分别提暗降低纯度。而左上角的黄色则通过提高了亮度来降低纯度。一个页面里应有少量纯度较高的颜色而不至于使整个页面过于压抑，纯度亮度很高的点睛色红色就起到了这个作用。　　结论：　　纯度的调整主要是通过明度黑、白、灰变化来调整画面的层次，适当的加入补色也是其中的一个办法。 (5)冷暖对比：是指不同色彩之间的冷暖差别形成的对比。色彩分为冷、暖两大色系，以红