第1章 网页的彩设计.docVIP

第一部分 色彩设计与风格创意 网站作为新媒体，具有更多与传统媒体不同的特征和特性。网页设计是网站视觉内容，在浏览者进入站点的第一时间，呈现给他们的视觉信息。不仅如此，一个合理的、易用的、美观的网站设计是网站长期发展的必要条件之一。 在互联网上有着成百上千的不同信息的网站。即使是同类信息，根据信息规模、信息归类方式、不同喜好的访问者群体等诸多因素，网站的架设也不会相同。同类信息的网站会有很多共同的特征，从共性点出发，分析色彩、风格、细节等方面，有助于设计师快速而准确地把握网站设计的方向。同时结合每个网站的个性特质，设计出与众不同的网站作品来。 一个网站可能具有多种信息含义和目的，但是设计师将围绕其中最主要的目的展开创意。在有针对性的探讨各网站设计之前，我们先要了解网站设计的基础元素，掌握设计网站的最基本的要点和概念。 第1章 网页的色彩设计 色彩是最先也是最持久地影响浏览者对网站兴趣的因素。色彩的使用在网页设计中起着非常关键的作用，有很多网站以其成功的色彩搭配令人过目不忘。色彩所表现的情感与内涵也会影响浏览者从感官到理性思维对网站的理解，所以我们必须慎重考虑网页设计中色彩的选取与搭配。实用网页色彩设计也有一些可寻性规律。想要做好色彩设计，需要大量的鉴赏与实践，以及学习色彩方面的常识。 1.1 色彩的基本常识 什么是色彩？简单地说，色彩就是光经过物体散射到达人眼睛中的颜色。 1.1.1 色彩的三要素 在有彩色系中，任何一种颜色都具有三种基本要素，即色相、明度和纯度。通俗地说，一种色彩只要具备上述三要素，都归为有彩色系的范畴。无彩色系则只有明度要素，而缺少色相和纯度要素。色彩的三要素是三位一体，互相依存的关系。改变三要素的任何一个要素，都将影响到原色彩的外观效果和色彩个性。所以，在进行色彩研究和构成是，要充分分析三要素的概念和关系。了解色彩的基本概念和规律，有助于我们进行实用色彩设计。 图1-1- 1孟赛尔表色系40色相环 色相（Hue）：简写H，色彩的相貌，表示色的特质，是区别色彩的必要名称，例如红、橙、黄、绿、青、蓝、紫等。色相和色彩的强弱及明暗没有关系，只是纯粹表示色彩相貌的差异，而从物理学的角度将，这种差异是由光波的波长决定的。 明度（Value）：又叫光度，简写V，色彩的强度，是指色彩感觉的明亮或晦暗程度，包括色彩本身的明暗程度或是一种色相在不同强弱光线下呈现的明暗程度。它是一切色彩现象所具有的共同属性，任何色彩都可以还原为明度性质从而被理解，并以此作为色彩构成的层次与空间依托，于是，有的色彩学家把明度称为“色彩的骨骼”。 纯度（Chroma）：又叫彩度，简写C，表示色的饱和度。具体来说，是表明一种颜色中是否含有白或黑的成份。假如某色不含有白或黑的成份，边是纯色，彩度最高；如含有越多白或黑的成份，它的彩度越会逐步下降。 各个色彩的纯度各不相同，明度也不同。高纯度的色彩加白、加黑或加其他低纯度的灰色，都会降低它们的纯度。 黑、白、灰只有明度的差别，没有纯度的变化。在配色中常常将这三种无彩色作为调和、区隔的因素来使用。我国传统的建筑彩绘，虽使用了大量的纯度高的对比色或补色，但由于巧妙地发挥了黑、白、灰以及金银色的调和作用，使其既富丽堂皇又统一协调。在视觉设计中，如合理地使用无彩色和金银色同样能取得意想不到的效果。 1.1.2 色彩的混合 在现实生活中，人们所看到的大部分颜色都是多种色彩的混合物。所谓色彩的混合，即用两种或多种色彩相互混合而产生新色彩的方法。根据混合的形式不用，色彩又分为加色混合、间色混合和中性混合三种。 1. 加色混合 加色混合是指色光的混合形式。当两种以上的色光混合在一起的时候，明度提高。混合色的亮度相当于参与混合各色光的明度之和，故称“加色混合”。 加色混合的三原色光是红、绿和蓝。其特点是这三种色光不能用其他色光混合产生，而它们之间混合却能得到任何光，故称“三原色光”。将三原色光或其中两个色光按照一定的比例相混合，可以产生无色彩系的白色光或灰色光，有彩色系的光能够被无彩色系的光冲淡并变亮。 图1-1- 2色光三原色混合 一般图像处理软件所提供的调色板均使用加色混合，如Photoshop的RGB模式图像中，使用“颜色面板来调整当前的前景色，如图1.2-1所示。 图1-1- 3颜色面板 2. 减色混合 减色混合是指色素的混合形式。色素混合造成明度降低的减光现象，又称为“减光混合”或“负混合”。减色混合有色料混合和叠色混合两种方法。 图1-1- 4色料三原色混合 色料混合是不同的色彩颜色的混合方法如各种广告色相相互混合、各种油画色相相互混合所形成的新色彩。色料在混合后，其明度、纯度均随之降低，而色相也呈现新的面貌。草鱼混合的色料数越多，吸光量越大，而其反射光就越弱。 叠色