设计色彩原理

1、色彩原理发表时间：2004-2-12 17:15:06来源：网页制作学习园地 点击1681次色彩的运用在网页中的作用真是太重要了，有些网页看上去十分典雅、 有品位，令人赏心悦日，但是页面结构却很简单、图象也不复杂，这主要是 色彩运用得当，因此我特地将本来属于图象制作内的色彩作为一个独立拦目 来介绍。1、色彩基本概念自然界中的颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和 各种深浅不一的灰色，而其他所有颜色均属于彩色。任何一种彩色具有三个 属性：色相(Hue):也叫色泽，是颜色的基本特征，反映颜色的基本面貌。饱和度(Saturation):也叫纯度，指颜色的纯洁程度。明度(Brightne

2、ss 或 Lightness 或 Luminousity):也叫亮度，体现颜色的深浅。非彩色只有明度特征，没有色相和饱和度的区别。2、色彩的三原色电脑屏幕的色彩是由RGB(红、绿、蓝)三种色光所合成的，而我们可 通过调整这三个基色就可以调校出其它的颜色，在许多图像处理软件里，都 有提供色彩调配功能，你可输入三基色的数值来调配颜色，也可直接根据软件提供的调色板来选择颜色。这是PhotoShop提供的调色板3、电脑影像的色彩电脑影像的色彩是经由位元(BIT)的计算和组合而来，单纯的黑白图 像是最简单的色彩结构，在电脑上用到1位元的资料，虽说只有黑色和白色， 但仍能透过疏密的矩阵排列，将黑与白组合成

3、近似视觉上的灰色调阶。灰阶(Grayscale)的影像共有256个阶调，看起来类似传统的黑白照 片；除黑、白二色之外，尚有254种深浅的灰色，电脑必须以8位元的资料， 显示这256种阶调。全彩(Fullcolor)是指RGB三色光所能显示的所有颜色，每一色光以 8位元表示，各有256种阶调，三色光交互增减，就能显示24BIT的1677 万色(256*256*256二16,777, 216)，这个数值就是电脑所能表示的最高色 彩，也就是通称的RGBTureColor。8位元色是指具有256种阶调，或256种色彩的影像，而我们在常常见 到GIF格式的图象文件就是带有256种色彩的图象文件。若要把2

4、4位元的 全彩图片转成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位显示模式，能显示655

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

6、绿色：代表植物、生命、生机灰色：代表阴暗、消极紫色：代表浪漫、爱情棕色：代表土地上面举出的是几种主要色彩的含义，希望对你有所帮助。版面设计发表时间：2004-2-12 17:17:16来源：网页制作学习园地 点击3171次不知你以前是否学过页面排版，对页面文字、图象、色彩的表达方式做 过研究，不管怎样，制作网页就应该了解一些版面设计的知识。首先+我们在制作一个网页之前，应该先进行构思，版面设计基础较差 的朋友最好将初步的设想画在纸上，免得在做了一半时发现页面不和谐而重 做。第一步先明确页面主题，比如你正在做一个关于介绍股票的首页，就应 先想好网页的标题。假设你把它叫做“股市传真”，那么就考虑是

7、否有合适 的图片来衬托主题，如果有现成的图片就ok 了，没有的话，就根据情况来 决定是否自己做一幅可以选一幅较抽象的股市走线图，但不管怎样，标 题的主色调应先定下来，这对后面几步的版面影响很大。第二步明确页面上要链接的目录，比如你共有“今日股市、股市预测、 专家点评、利好消息、重大新闻等五个主链接目录，那么要将他们放在较显 眼的位置，根据页面风格的不同可以放在顶部、左边、右边、中部等较明显 的位置，主链接可以做成小图标的形式，但注意图片不能太大、也不能过分 枪眼一般情况下不比标题或主图的色彩重。在明确次链接目录：假如本 页有“国外股市介绍、历史回顾、友情链接、与我联系”等四个次日录，就 放在比

8、主链接次一些的位置，图片大小和用色不能超过主链接。第三步是指定主图，所谓主图，就是放一幅较能反映页面主题思想的图 片，他的大小可适当超过页面上的任何图片，颜色也可不加限制。比如我们 这里就用一幅股市交易大厅的照片。以上三步确定下来后，页面的基本风格就出现了，我们在根据情况进行 调整，或者看是否加上背景，主要考虑主图是否需要背景。第四步是决定加入引导文。从版面设计上来将，一个有特色的主页，主要包含有三个要素：图象、 排列方法、主色凋，这三者相辅相成、缺一不可；要成为主页设计高手，首先要成为计算机图形高手，仅这一点就可以让 一些初入门者学上一年半载了。图片的要求与页面的内容有关，一些较随意 的主页

9、像股票、医药站点等，来访者并不在乎你能否做出精彩的图片，有些 时候他们反而觉得放置图象后影响了访问速度，他们关心的只是页面内容； 相反像一些需要靠图象来吸引访客的主页，如游戏介绍、影视介绍、风光名 胜等站点，图象是一个极为重要的要素，在这里缺少了恰当的图象、整个页面就会黯然失色、就是一个不完整的主页。但是并不是每个人都可以成为图 象制作高手，这需要去学一大堆繁琐复杂的软件PHOTOSHOP. FR EEHAND等等，还要有较深厚的美术基础，如审美观、创意技巧、观察 力并不是靠短时间内可以培养起来的，需要多年的训练和经验积累，在这里 我不想罗嗦每个细节，而是教大家一些窍门来弥补自己某些方面的不足。要做一辐完美的图象比较难，好在网络上到处有现成的图象可以信手拿 来套用，关键是要培养你的审美观，一幅图象是否运用的合适、与其他要素 是否和谐统一、能否寸托主题全在于你的把握。对于审美观的提高，有一个 迅速提高的方法，就是多看别人的优秀站点，仔细分析这些站点图象为什么 好看，要是换一个图象或换一种色彩是否可行；要是由你来做，你会如何处 理等等，这样你的审美观会在短时间内大幅提高。主页的第二个要素是排列方法，有的人可以做出不错的图象，但却无法 将图与其他要素有机的结合排列，就像一个富豪却不知如何合理的化钱。只 会千篇一率的左