网页设计配色精彩十例.docxVIP

颜色的使用在网页制作中起着非常关键的作用， 有很多网站以其成功的色彩搭配令人过目不 忘。但是对于刚开始学习制作网页的人来说， 往往不容易驾驭好网页的颜色搭配。 除了学习 各种色彩理论和方法之外， 笔者认为多学习一些著名网站的用色方法， 对于我们制作美丽的 网页可以起到事半功倍的作用。 所以，笔者总结了一些著名网站的颜色搭配方法， 这些方法可以让我们的学习少走弯路，快速提高我们的网页制作水平。 一、网页颜色原理和象征意义 我们所有网页上颜色，在 HTML 下看到的是以颜色英文单词或者十六进制的表示方法 （如 #000000 表示为黑色）。不同的颜色有着不同的含义，给人各种丰富的感觉和联想。 红色：热情、奔放、喜悦、庄严 黄色：高贵、富有、灿烂、活泼 黑色：严肃、夜晚、沉着 白色：纯洁、简单、洁净 蓝色：天空、清爽、科技 绿色：植物、生命、生机 灰色：庄重、沉稳 紫色：浪漫、富贵 棕色：大地、厚朴 二、网页颜色的使用风格 不同的网站有着自己不同的风格， 也有着自己不同的颜色。 网站使用颜色大概分为几种类型： 1 、 公司色 在现在企业中，公司的 CI 形象显得尤其重要，每一个公司的 CI 设计必然要有标准的 颜色。 比如新浪网的主色调是一种介于浅黄和深黄之间的颜色，同时形象宣传、海报、 广告 使用的颜色都和网站的颜色一致。 再比如国富投资公司的主色调是 C：100% ，M：60% ， Y： 0% ， K ：0% 。这样的颜色使用到网站上显得色调自然、底蕴深厚。 2 、 风格色 许多网站使用颜色秉承的是公司的风格。 比如海尔使用的颜色是一种中性的绿色， 即充 满朝气有不失自己的创新精神。女性网站使用粉红色的较多，大公司使用蓝色的较多 ??这 些都是在突出自己的风格。 3 、 习惯色 这些网站的颜色使用很大一部分是凭自己的个人爱好， 以个人网站较多使用， 比如自己喜欢红色、 紫色、黑色等， 在做网站的时候就倾向于这种颜色。 每一个人都有自己喜欢的颜色，因此这种类型称为习惯色。 三、设计用色十例 以下我将分别介绍十个配色较好的网站，  大家可以学习和借鉴一下，  培养对色彩的敏感以及 独到的审美能力。 1）这是个大型的 NBA 网站。通常我们经常看到的此类网站以白色为 背景，但是这个网站却用灰黑色 RGB 为（48 ，48 ，48/#333333 ）（以 下颜色都用 RGB 表示），文章标题用色为 RGB 为（ 203 ， 201 ， 153/#CCCC99 ），菜单使用的 RGB 为（ 112 ，119 ，112/#707770 ）。 这样的配色可以显示独特的个性，又不失大型网站的风采。如图  1 1 2）下面是一个娱乐类的综合性网站 UGO ，他的配色方案是背景色为黑色 RGB 为（ 0 ，0 ，0 ）中嵌套 RGB （0 ，0 ，82 ），字体白色 RGB 255,255,255 ）, 菜单为 RGB （77,114,159 ）。这样的虽以黑蓝为 主色调，但是配以漂亮的图片，给人的感觉是生机盎然，充满了互动色彩和青春气息。如图 2 。 图 2 3 ）下面的这个网站是大名鼎鼎的  微软 公司网站，微软不仅软件做的好，连网页制作 也是世界一流。 他的每一个网页都是制作的样板。  从网页我们就可以看出微软公司的风 格、作风，以及雄厚的实力。背景颜色使用蓝色  RGB  为（ 0 ，151  ，254  ），菜单为黑 色 RGB （ 0 ，0，11  ），菜单为灰色  RGB （ 200  ，200  ，200  ），字体为黑色  RGB （ 0， 0 ， 0 ），如图  3 。 图 3 4) 现在介绍的网站相对简单，但是她的用色也别具匠心，现在我们来看一看，整体上 使用的是白色  RGB（ 255  ，255  ，255  ），辅助色为  RGB（ 79 ，88 ，95  ），菜单色为  RGB（ 48  ， 64 ，64 ）和  RGB （ 0 ，81 ，111  ）字体使用的是  RGB （ 83  ， 86 ，91  ）。虽然简单，但颜色搭 配非常的 科学 合理。如图 4 4 5）下面的网站采用黄色调为主，很体现公司的个性，现在我们就来看 一看她的颜色搭配。主色调为黄色 RGB 为（ 255 ，199 ，48/#FFC730 ）， 辅助色调为 RGB（49 ，102 ，46 ）字体为棕色 RGB（153 ，103 ，0 ）， 中间再配以抽象的图片，显得个性十足但又不单调。如图 5 图  5 6）橘红色如果运用得当的话是一种非常使用于网页上的颜色。这个网站就是一个非常著名的例子。他的主色调为 RGB （ 255  下面的 ，151 ， 0 ）辅助色调为 R