网页美工 电子教案 2.ppt

第3章 网页色彩搭配;3.13色彩对比 两种以上的色彩，以空间或时间关系相比较，表现出明显的差别，并产生比较作用，被称为色彩对比。 1.色相对比 因色相之间的差别形成对比。当主色相确定后，必须考虑其他色彩与主色相是什么关系，要表现什么内容及效果等，这样才能增强其表现力。 2.明度对比 因明度之间的差别形成的对比。（柠檬黄明度高，蓝紫色的明度低，橙色和绿色属中明度，红色与蓝色属中低明度）。 3.纯度对比 一种颜色与另一种更鲜艳的颜色相比时，会感觉不太鲜明，但与不鲜艳的颜色相比时，则显得鲜明，这种色彩的对比便称为纯度对比。 ;3.2网页配色的原理 网页中的色彩是人们对网站最直观的了解方式之一，也是网站统一风格设计的主要组成部分。芸芸众网站中，让浏览者记得的三两个站点，最深刻的就是网站的色彩，其中包括里面的色彩系列，色彩配合元素，整体色彩氛围等等。 3.2.1色彩的基本知识 任何色彩，皆具备三个基本的重要性质：色度，明度，纯度，一般称为色彩三要素或色彩三属性。 1.色相(Hue) 又叫色名（Hue，简称为Ｈ；或译为色相）是区分色彩的名称，也就是色彩的名字，就如同人的姓名一般，用来辨别不同的人。 2.明度(Value) 明度（Value简称Ｖ）光线强时，感觉比较亮，光线弱时感觉比较暗，色彩的明暗强度就是所谓的明度，明度高是指色彩较明亮，而相对的明度低，就是色彩较灰暗。 ;3.纯度(Chroma) 又叫彩度（Chroma，简称Ｃ）是指色彩的纯度，通常以某彩色的纯度所占的比例，来分辨彩度的高低，纯色比例高为彩度高，纯色比例低为彩度低，在色彩鲜艳状况下，通常很容易感觉高彩度，但有时不易作出正确的判断，因为容易受到明度得影响，譬如人们最容易误会的是，黑白灰是属於无彩度的，他们只有明度。 4.色环 每个色彩模式都包含了一组三原色，然后经由这一组三原色的相互混合而产生不同的颜色。在传统色彩学中，三原色指的是蓝、红、黄；而在RGB色彩模式中，色光的三原色是指红、绿、蓝。任何两个色光的组合会产生一组次颜色。三次色则是混合了原色与次色，或者是混合两种次原色所产生。通常用色环来呈现颜色的逻辑性。可以从下图中看出，RGB的色环和传统艺术家们所使用的色环是很不一样的。 ;色素混合效果 色光混合效果 ;3.2.2处理颜色的方法 理论上，处理颜色的方法通常有两种： 1、加色法，混合不同颜色的光波以形成白光； 2、减色法，使用颜料来减少光波。传统的艺术家所使用的色盘和打印时使用的CMYK系统都是减色法模式。在网站上，人们所面对的是光的投射，而不是从物体上反射回来的光，所以使用的是加色法模式，也就是上面提到的RGB。 ;3.2.3色彩的印象 当看到色彩时，除了会感觉其物理方面的影响，心里也会立即产生相应的感觉，这种感觉一般难以用言语形容，人们称之为印象，也就是色彩印象。如果有一个能够合理客观地分析出这种感觉差异的标准，那么就可以利用它说明这种感觉上的差异了。 ;1.红色的色彩印象 红色是强有力的色彩，是热烈、冲动的色彩，容易引起注意，所以在各种媒体中也被广泛的利用，除了具有较佳的明视效果之外，更被用来传达有活力、积极、热诚、温暖、前进等涵义的企业形象与精神，另外红色也常用来作为警告、危险、禁止、防火等标示用色 。 2.橙色的色彩印象 橙色的波长仅次于红色，因此它也具有长波长导致的特征。是十分活泼的光辉色彩，是暖色系中最温暖的色彩 。 3.黄色的色彩印象 黄色是亮度最高的色，在高明度下能够保持很强的纯度。 ;4.绿色的色彩印象 绿色在黄色和蓝色（冷暖）之间，属于较中庸的颜色，这样使得绿色的性格最为平和、安稳、大度、宽容。是一种柔顺、恬静、满足、优美、受欢迎之色。也是网页中使用最为广泛的颜色之一。 5.蓝色的色彩印象 由于蓝色沉稳的特性，具有理智，准确的印象，在设计中，强调科技，效率的商品或企业形象，大多选用蓝色作为标准色。 6.紫色的色彩印象 紫色由于具有强烈的女性化性格，在设计用色中，紫色也受到相当的限制，除了和女性有关的商品或企业形象之外，其他类的设计不常采用为主色。 7.褐色的色彩印象 在设计上，褐色通常用来表现原始材料的质感，如麻、木材、竹片、软木等，或用来传达某些饮品原料的色泽及味感，如咖啡、茶、麦类等，或强调格调古典优雅的企业或商品形象。 ;8.灰色的色彩印象 灰色介于黑色和白色之间，中性色、中