网页设计中的色彩应用

	网站地图		RSS订阅		广告服务
	高级搜索		收藏本站		友情连接

		当前位置：主页>教育教学>设计知识>文章内容

网页设计中的色彩应用

来源：作者：佚名发布时间：2007-04-04

色彩的运用在网页中的作用真是太重要了，有些网页看上去十分典雅、有品位，令人赏心悦目，但是页面结构却很简单、图象也不复杂，这主要是色彩运用得当，色彩的魅力让人难以抵挡，你是否明白看似简单的颜色运用中的原理以及奥秘呢？这就涉及到很多色彩原理的知识，因此我特地将本来属于图象制作内的色彩作为一个独立拦目来介绍。

　　1. 色彩基本概念
　　自然界中的颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色，而其他所有颜色均属于彩色。任何一种彩色具有三个属性：
　　(1)色相(Hue)：　　也叫色泽，是颜色的基本特征，反映颜色的基本面貌。
　　(2)饱和度(Saturation)：　　也叫纯度，指颜色的纯洁程度。
　　(3)明度(Brightness或Lightness或Luminousity)：　　也叫亮度，体现颜色的深浅。
　　非彩色只有明度特征，没有色相和饱和度的区别。

　　2. 色彩的三原色
　　电脑屏幕的色彩是由RGB（红、绿、蓝）三种色光所合成的，而我们可通过调整这三个基色就可以调校出其它的颜色，在许多图像处理软件里，都有提供色彩调配功能，你可输入三基色的数值来调配颜色，也可直接根据软件提供的调色板来选择颜色。

　　3. 电脑影像的色彩
　　电脑影像的色彩是经由位元（BIT）的计算和组合而来，单纯的黑白图像是最简单的色彩结构，在电脑上用到１位元的资料，虽说只有黑色和白色，但仍能透过疏密的矩阵排列，将黑与白组合成近似视觉上的灰色调阶。
　　灰阶（Grayscale）的影像共有256个阶调，看起来类似传统的黑白照片；除黑、白二色之外，尚有254种深浅的灰色，电脑必须以8位元的资料，显示这256种阶调。
　　全彩（Fullcolor）是指RGB三色光所能显示的所有颜色，每一色光以8位元表示，各有256种阶调，三色光交互增减，就能显示24BIT的1677万色（256*256*256=16,777，216），这个数值就是电脑所能表示的最高色彩，也就是通称的RGBTureColor。
　　8位元色是指具有256种阶调，或256种色彩的影像，而我们在常常见到GIF格式的图象文件就是带有256种色彩的图象文件。若要把24位元的全彩图片转成256色的8位元，通常必须经过索引的步骤（Indexed），也就是在原本24位元的1677万色中，先建立颜色分布表（histogram），然后再找出最常用的256种颜色，定义出新的调色盘，最后再以新色盘的256色取代原图。

　　让我们看看每一位元色包含多少种颜色：
　　1位 2种颜色
　　2位 4种颜色
　　4位 16种颜色
　　8位 256种颜色
　　16位 65536种颜色
　　24位 1677万种颜色
　　32位 1677万种颜色和256级灰度值
　　36位 687亿种颜色和4096级灰度值

　　通常所称的标准VGA显示模式是8位显示模式，即在该模式下能显示256种颜色；而高彩色（Hi Color）显示是16位显示模式，能显示65536种颜色，也称64K色；还有一种真彩色（True Color）显示模式是24位显示模式，能显示1677万种颜色，也称16M色，这是现在一般PC机所能达到的最高颜色显示模式，在该模式下看到的真彩色图象的色彩已和高清晰度照片没什么差别了。
　　在图形制作片中我们已提到过色彩在页面中的重要性，在页面中尽量使用看上去比较淡雅、简洁的色彩；比如背景尽量少用灰暗、深沉的色彩（除非特殊需要），并且根页面的主题来选择主色调，可能有一些不搞美术的朋友不知道色彩代表的含义，请参阅下表：
　　红色：代表热情、奔放、喜悦、庆典
　　黑色：代表严肃、夜晚、沉着；
　　黄色：代表高贵、富有白色：代表纯洁、简单
　　蓝色：代表天空、清爽
　　绿色：代表植物、生命、生机
　　灰色：代表阴暗、消极
　　紫色：代表浪漫、爱情
　　棕色：代表土地

　　上面举出的是几种主要色彩的含义，希望对你有所帮助。

　　现在我们对色彩有了基本的了解，那么我们如何在一个网页中合理搭配色彩呢？如果你对美术比较了解，那就好办了。反之你可能要耗费较大的工夫在上面。
　　首先在确定主页的题材后，要了解哪些颜色适合哪些站点。比如一个影视的站点，基本上适用任何色彩，但小Ｂ认为用黑色或其他教深的色彩为主比较好，因为人们看电视、电影一般在黑暗的环境下观看的，网页上使用深色较符合人们的习惯；反之一个介绍医院、医学的站点就要使用浅色为主色，忖托其医学站点的氛围。
　　记住白色的页面是万能的风格
　　这里特别要注重的一点：页面文字的颜色切记与链接的颜色区分开来。
　　在设计时，如果你有多余的时间，可以多换几种颜色试试。

上一篇：色彩的象征意义下一篇：包装的色彩要领

(阅读次数: 次)

书画艺术网免责声明：本网站转载纯粹出于为网民传递更多信息之目的，无任何商业目的。如本网站转载稿件涉及版权等问题，请作者在两周内速来电或来函书画艺术网xxb86225#163.com联系，在此，我们首先向您表示诚挚的歉意，并将尽快予以改正。本网站上发表的内容只代表作者本人之观点，本网站只出于传递更多信息之目的，并不意味着赞同其观点或证实其内容的真实性。

[

收藏] [

推荐] [

评论(0条)] [返回顶部] [打印本页] [关闭窗口]

相关文章

学习传统图案	2007-09-23
图案的表现技法及工具	2007-09-23
图案色彩的运用	2007-09-23
图案装饰色彩基本知识	2007-09-23
平面图案的组织形式	2007-09-23
平面图案的构图	2007-09-23
图案的变化	2007-09-23
图案的写生	2007-09-23
图案的形式美法则	2007-09-23
图案的概念	2007-09-23
发射图形练习	2007-05-10
特异图形练习	2007-05-10