当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 网页设计中的色彩应用

HTML/XHTML教程
XHTML中不再使用HTML中的一些废弃元素
语义化的HTML结构怎么理解
Web 标准学习 理解结构和表现相分离
html5 标签
HTML5 新事件 小结
HTML5 b和i标记将被赋予真正的语义
HTML是网页制作者必须要学习掌握的
HTML DOCTYPE的缩写
Readonly和Disabled的区别
16进制颜色代码(完全)
H标记要在网页制作中合理使用
abbr标记和acronym标记
知名浏览器对DOCTYPE模式的选择机制
用标准dl,dt,dd标签抛弃table列表
html 标签ID可以是变量
iframe 自适应大小实现代码
HTML5 解析规则分析
HTML减肥 精简HTML标记制作网页
HTML5 File API改善网页上传功能
HTML 5 Reset Stylesheet

HTML/XHTML教程 中的 网页设计中的色彩应用


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 88 ::
收藏到网摘: n/a

1、色彩基本概念

   自然界中的颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色,而其他所有颜色均属于彩色。任何一种彩色具有三个属性:
(1)色相(Hue):

   也叫色泽,是颜色的基本特征,反映颜色的基本面貌。   
(2)饱和度(Saturation):

   也叫纯度,指颜色的纯洁程度。   
(3)明度(Brightness或Lightness或Luminousity):

  也叫亮度,体现颜色的深浅。   非彩色只有明度特征,没有色相和饱和度的区别。   
2、色彩的三原色   

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

   电脑影像的色彩是经由位元(BIT)的计算和组合而来,单纯的黑白图像是最简单的色彩结构,在电脑上用到1位元的资料,虽说只有黑色和白色,但仍能透过疏密的矩阵排列,将黑与白组合成近似视觉上的灰色调阶。

   灰阶(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机所能达到的最高颜色显示模式,在该模式下看到的真彩色图象的色彩已和高清晰度照片没什么差别了。

   在图形制作片中我们已提到过色彩在页面中的重要性,在页面中尽量使用看上去比较淡雅、简洁的色彩;比如背景尽量少用灰暗、深沉的色彩(除非特殊需要),并且根页面的主题来选择主色调,可能有一些不搞美术的朋友不知道色彩代表的含义,请参阅下表: 红色:代表热情、奔放、喜悦、庆典 黑色:代表严肃、夜晚、沉着; 黄色:代表高贵、富有 白色:代表纯洁、简单 蓝色:代表天空、清爽 绿色:代表植物、生命、生机 灰色:代表阴暗、消极 紫色:代表浪漫、爱情 棕色:代表土地。上面举出的是几种主要色彩的含义,希望对你有所帮助。

   现在我们对色彩有了基本的了解,那么我们如何在一个网页中合理搭配色彩呢?如果你对美术比较了解,那就好办了。反之你可能要耗费较大的工夫在上面。

   首先在确定主页的题材后,要了解哪些颜色适合哪些站点。比如一个影视的站点,基本上适用任何色彩,但小B认为用黑色或其他教深的色彩为主比较好,因为人们看电视、电影一般在黑暗的环境下观看的,网页上使用深色较符合人们的习惯;反之一个介绍医院、医学的站点就要使用浅色为主色,忖托其医学站点的氛围。记住白色的页面是万能的风格。这里特别要注重的一点:页面文字的颜色切记与链接的颜色区分开来。

  在设计时,如果你有多余的时间,可以多换几种颜色试试。