| 网页色彩的搭配 | （来源：锐网 作者：不详
网页的色彩是树立网站形象的关键之一，色彩搭配却是网友们感到头疼的问题。网页的背景，文字，图标，边框，超链接...，应该采用什么样的色彩，应该搭配什么色彩才能最好的表达出预想的内涵呢？阿捷这里谈一些心得，希望对你有所启发。 首先我们先来了解一些色彩的基本知识：
1.颜色是因为光的折射而产生的。
2.红，黄，蓝是三原色，其它的色彩都可以用这三种色彩调和而成。网页html语言中的色彩表达即是用这三种颜色的数值表示例如：红色是color (255,0,0)十六进制的表示方法为(FF0000)白色为(FFFFFF), 我们经常看到的"bgColor=#FFFFFF"就是指背景色为白色。
3.颜色分非彩色和彩色两类。非彩色是指黑，白，灰系统色。彩色是指除了非彩色以外的所有色彩。
4.任何色彩都有饱和度和透明度的属性，属性的变化产生不同的色相，所以至少可以制作几百万种色彩。
网页制作用彩色还是非彩色好呢？根据专业的研究机构研究表明：彩色的记忆效果是黑白的3.5倍。也就是说，在一般情况下，彩色页面较完全黑白页面更加吸引人。
我们通常的做法是：主要内容文字用非彩色(黑色)，边框，背景，图片用彩色。这样页面整体不单调，看主要内容也不会眼花。
非彩色的搭配
黑白是最基本和最简单的搭配，白字黑底，黑底白字都非常清晰明了。 灰色是万能色，可以和任何彩色搭配，也可以帮助两种对立的色彩和谐过渡。如果你实在找不出合适的色彩，那么用灰色试试，效果绝对不会太差。
彩色的搭配
色彩千变万化，彩色的搭配是我们研究的重点。我们依然需要进一步学习一些色彩的知识。
一.色环。我们将色彩按"红->黄->绿->蓝->红"依次过度渐变，就可以得到一个色彩环。色环的两端是暖色和寒色，当中是中型色。 红.橙.橙黄.黄.黄绿.绿.青绿.蓝绿.蓝.蓝紫.紫.紫红.红 . 暖色系. 中性系. 寒色系. 中性系
二.色彩的心理感觉。不同的颜色会给浏览者不同的心理感受。 红色---是一种激奋的色彩。刺激效果，能使人产生冲动，愤怒，热情，活力的感觉。 绿色---介于冷暖两中色彩的中间，显得和睦，宁静，健康，安全的感觉。 它和金黄，淡白搭配，可以产生优雅，舒适的气氛。 橙色---也是一种激奋的色彩，具有轻快，欢欣，热烈，温馨，时尚的效果。 黄色---具有快乐，希望，智慧和轻快的个性，它的明度最高。 蓝色---是最具凉爽，清新，专业的色彩。它和白色混合，能体现柔顺，淡雅，浪漫的气氛(象天空的色彩:) 白色---具有洁白，明快，纯真，清洁的感受。 黑色---具有深沉，神秘，寂静，悲哀，压抑的感受。 灰色---具有中庸，平凡，温和，谦让，中立和高雅的感觉。
每种色彩在饱和度，透明度上略微变化就会产生不同的感觉。以绿色为例，黄绿色有青春，旺盛的视觉意境，而蓝绿色则显得幽宁，阴深。
网页色彩搭配的原理
1.色彩的鲜明性。网页的色彩要鲜艳，容易引人注目。
2.色彩的独特性。要有与众不同的色彩，使得大家对你的印象强烈。(参考设计思考第二篇网站CI的标准色彩一节)
3.色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。
4.色彩的联想性。不同色彩会产生不同的联想，蓝色想到天空，黑色想到黑夜，红色想到喜事等，选择色彩要和你网页的内涵相关联。
网页色彩掌握的过程
随着网页制作经验的积累，我们用色有这样的一个趋势:单色->五彩缤纷->标准色->单色。一开始因为技术和知识缺乏，只能制作出简单的网页，色彩单一；在有一定基础和材料后，希望制作一个漂亮的网页，将自己收集的最好的图片，最满意色彩堆砌在页面上；但是时间一长，却发现色彩杂乱，没有个性和风格；第三次重新定位自己的网站，选择好切合自己的色彩，推出的站点往往比较成功；当最后设计理念和技术达到顶峰时，则又返朴归真，用单一色彩甚至非彩色就可以设计出简洁精美的站点。
网页色彩搭配的技巧
文章写到这里，有心急的网友要问了：“到底用什么色彩搭配好看呢？你能不能推荐几种配色方案？”别急，这里有一点技巧，可以帮助你迅速成为调色大师:)
1.用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将 色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。
2.用两种色彩。先选定一种色彩，然后选择它的对比色(在photoshop里按ctrl+shift+I)。我的主页用蓝色和黄色就是这样确定的。整个页面色彩丰富但不花稍。
3.用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。确定色彩的方法各人不同，我是在photoshop里按前景色方框，在跳出的拾色器窗中选择"自定义"，然后在"色库"中选就可以了:)
4.用黑色和一种彩色。比如大红的字体配黑色的边框感觉很"跳"。 在网页配色中，忌讳的是： 1.不要将所有颜色都用到，尽量控制在三种色彩以内。 2.背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。
剖析一种网页设计时尚：效仿
－－－
（来源：视觉中国 作者：shaun_au翻译 原作者：凯文·埃尔基德 发表时间：2002-08-24 09:08:03） 点击：1805
简介：
……
大家是否有这么一种感觉，就是从前那些你自己能够欣喜得发现一个原汁原味的优秀网站的好日子似乎一去不复反了？我不是说现在的网页该做的已经都做了，该想到的也已经想过了，有创造性的网站已经不存在了。应该说这样的网站还有，但象这样的原创网站是越来越难发现了。
互联网的一个好处就是让全世界的设计师们能够互相交流探讨设计理念。一个不好的地方是这种先进的全球通讯工具会使一些流行的网站影响到其它网页设计师的创造性上。我不太清楚现在的设计师们是不是觉得设计风格和趋势是一种“时髦”而去追随，或者是因为这些设计师见得太多了，因而下意识的在他们的创造性思维里面深深得留下了一种预先设定好了的设计风格。
网页设计中的这种“趋势”应该说是上面两种风气的共同作用之后的结果。很不幸的是我相信绝大多数网页设计师，尤其是那些年青的，易受感染类型的喜欢把那些受到设计界好评和知名度的网页看作成一种成功设计的衡量标准。一个绝好的例子就是 http://www.2advanced.com/. (译者注：我们就叫它“太先进网页”吧)这大概是迄今为止世界上最多次被效仿的网页了。我可以说我在网上已经碰到了不知道网页纷纷效仿这种设计风格。快速动感的FLASH动画，清脆的音响效果似乎已经不知道被挪用过多次了。现状是，这种抄袭已经是家常便饭了，以至于我们可以把这种现象叫做“太先进的网页设计风格”了， 2advanced style of Web design。
还有一种类型的影响是 http://www.egomedia.com/(自我媒体). 自打Ego Media 启动了它们的网页之后的几星期之内，各个设计公司开始纷纷效仿那种2D矢量视频动画。网站启动占据整个显示器屏幕的效果自从那网页启动后也突然变的那么的时髦起来。我一直很呐闷人们是否会静下来好好想想虽然这些设计风格，技术细节对于“自我媒体”来说很合适，但这种全屏幕，矢量视频动画风格也许并不适用你老家的那个律师事务所的主页。
这大概就是设计趋向的最大问题了：扼杀了原创。象EGO那样的有才华的设计事务所经常赢得设计奖，很多网页设计师便想当然的认为EGO的解决问题的方法也一定适用他们自己的下一个设计项目。甚至很多大型的设计事务所也跟随潮流，掉入这种陷阱。我曾经亲眼目睹大型设计事务所点名要求把一个眼下流行的网页设计风格“套”到下一个设计项目上去。
我当然不反对设计趋向，向优秀的学习是提高自己的捷径。我只是担心网页设计风格的停滞不前。大型的网上购物网页一般使用比较特殊的导航系统，当然很快这种系统便被效仿了。
举个例子，http://www.amazon.com/(美国一个很大的网上书店)。 他们广泛使用了索引片(tab)式的导航系统，这大概是世界上被效仿最多的导航系统了。当然很大人会说这是一个成功的站内导航设计。因为这种系统对于用户来说很方便，当然互联网对于众多用户来说也变的容易了。虽然我完全站在使用性立场上的，但我不同意索引片(tab)是唯一的方便用户的导航系统的观点。坦白说，这些被效仿无数次的索引片(tab)式的导航系统已经变得很庸俗了。
搞一个网页设计趋向的画廊是一个不错的注意。等我有空了我真得很想搞一个。当然里面少不了“太先进新风格派”和“自我媒体的橙色时期”。它将会是一个大仓库，一个包罗万象的仓库。里面收集了过去已经不时兴的，正在时兴的和将要时兴的。如果里面有一个能让艺术史学家收编我们设计师的这些昙花一现的创造性火花当然就更好。
关于凯文 埃尔基德(采访)
谈谈你自己的公司和工作对象
我是一个自己雇用，兼职的网页设计师。我在家工作，住在加拿大安大略省得阿姆斯特堡市。我创作室的主页是 http://www.airgid.com/
谈谈你的职业
我毕业于西安大略大学。我对于设计财富500家公司网页有很丰富的经验。我为西门子，丰田，贝尔，通用动力等等公司设计了很多多媒体产品
我的作品获得了很多全国性的设计奖。而且被macromedia选入FLASH的展示窗。在搞兼职设计的同时，我也在为好几本FLASH设计书纂稿如：Using Flash 5(FLASH 5 的使用)， Flash 99% Good: A Macromedia Flash Usablility Guide(Flash 99% 可行的：FLASH 使用性指南)
你为什么选择走自己的路？
在为大大小小设计事务所工作多年之后，我觉得是自己另立门户的时候了。自从我开始兼职网页设计，我发现了这比做全职更有意思，项目选择，经营收入都很不错，一举两得。
你怎么看待网页设计在潜移默化广播媒体？
关于网页设计在传播媒体上起的作用。 你不觉得现在的美术指导们把FLASH的动画技术照搬到广播视频效果上去，以至于现在看电视有时候都觉得是在看FLASH动画(译者注；我更觉得是传播媒体上的动画效果影响了FLASH动画的创作)。一个让人感到很郁闷的事情是看着创意总监在电视屏幕上看我搞的FLASH动画！能够看到一个全国性的广告设计在很大程度上受到了FLASH的动画影响的确是让人感到欣慰。
注：文章翻译自communication arts网站http://www.designinteract.com/
原文如下：
http://www.designinteract.com/insights/060502/
1.倒置 2.舒展 3.收缩 4.换色 5.放大 6.缩小 7.成圆形 8.成方形 9拉长 10.缩短 11.使之可见 12.尽力挖掘 13.运用语言 14.运用音乐 15.结合语言和音乐 16.结合语言.音乐.图象 17.结合图象.音乐 18.除去语言 19.除去图象 20.使之安静.重复 21.使之立体 22.使之平面 23.改变部件
24.变形 25.成套 26.使之成为收藏家的列物 27.以订购方式销售 28.只以订购方式销售 29.使之活泼 30.机械化 31.电化 32.使运动 33.使颠倒 34.使之貌 35.给予结构 36.别物 37.使之浪漫
38.加入怀乡的吸引力 39.使之看似怀旧 40.使之看似未来 41.使之成为另一物的一部分 42.使之更强大 43.使之更精久耐用 44.运用象征记号 45.现实 46.采用新的艺术风格 47.换成摄影 48.换成图景 49.换成铅字体 50.用图注叙述情节 51.使广告看似社论 52.似社论看广告 53.采用新的广告媒介 54.发明新的广告媒介 55.加热 56.冷却 57.天加香味 58.改变香味 59.除去气味 60.使之吸引小孩 61.使之吸引妇女 62.使之吸引男子 63.降价 64.提价 65.改变成分 66.添加新成分 67.扭曲 68.使透明 69.使不透明 70.用一种不同的背景 71.用一种不同的环境 72.使之勉力 73.运用光学效果 74.采用另一种材料 75.加入人情味 76.改变一致性 77.放入另一个容器 78.改变包装 79.使包装紧密 80.微缩 81.放至最大 82.消去 83.使之便携 84.走极端 85.使之折叠 86.使之夏季化
87.使之冬季化 88.使之个性化 89.变暗 90.照亮 91.使灼热 92.使闪烁 93.使发光 94.使最亮 95.带微光 96.加重 97.减轻 98.与促销联系 99.举办竞赛 100.举办类似赛马的赌赛 101.做成“低幼”型 102.使成长 103.分裂 104.轻描淡写 105.夸张扩大 106.当成代用品销售 107.找到新用途 108.扣除 109.划分 110.结合 111.用显 易见的方法 112.从新组合各元素 113.压低 114.抬高 115.分开 116.混合 117.翻译118.加速 119.减速 120.使飞翔 121.使漂浮 122.使滚动 123.使粉碎 124.切片 125.加入性感 126.凝缩 127.弯曲 128.配对 129.倾叙 130.悬吊 131.挺立 132.内侧外翻 133.偏向一侧 134.编织 135.使对称 136.使对称 137.戴面具 138.分隔 139.使相互对抗 140.使之锋利 141.改变外形轮廓 142.围起来 143.点燃 144.卷起 145.注入 146.倒立 147.打开 148.拼错 149.取绰号 150.封位 151.转移 152.包装 153.浓缩 154.散播 155.交替 156.固化 157.液化 158.胶化 159.软化 160.硬化 161.气化 162.变窄 163.变宽 164.使滑稽 165.使尖刻 166.用短拷贝（短镜头）167.用长镜头 168.附说明书 169.找到第2种用法 170.预先构想 171.成套出售 172.净化 173.除去有害成分 174.使之更营养 175.放入瓶中 176.放入盒中 177.放入罐中 178.放入壶中 179.放入锅中 180.严密 181.叠好 182.摊开 183.延长 184.免费提供 185.有偿提供 186.特别提供 187.给予安慰 188.提供保护 189.用不同质地 190.甜化 191.酸化 192.湿化 193.干化 194.泼水 195.冰冻 196.规划 197.使之平淡温和 198.使之富有刺激 199.简化 200.吟咏
色彩本身是没有灵魂的，它只是一种物理现象，但人们却能感受到色彩的情感，这是因为人们长期生活在一个色彩的世界中，积累着许多视觉经验，一旦知觉经验与外来色彩刺激发生一定的呼应时，就会在人的心理上引出某种情绪。
无论有彩色的色还是无彩色的色，都有自己的表情特征。每一种色相，当它的纯度和明度发生变化，或者处于不同的颜色搭配关系时，颜色的表情也就随之变化了。因此，要想说出各种颜色的表情特征，就想要说出世界上每个人的性格特征那样困难，然而对典型的性格作些描述，总还是有趣并可能的。
红色 红色是强有力的色彩，是热烈、冲动的色彩。约翰?伊顿教授描绘了受不同色彩刺激的红色。他说：在深红的底子上，红色平静下来，热度在熄灭着；在蓝绿色底子上，红色就像炽烈燃烧的火焰；在黄绿色底子上，红色变成一种冒失的、莽撞的闯入者，激烈而又寻常；在橙色的底子上，红色似乎被郁积着，暗淡而无生命，好像焦干了似的。
橙色 橙色的波长仅次于红色，因此它也具有长波长导致的特征：使脉搏加速，并有温度升高的感受。橙色是十分活泼的光辉色彩，是暖色系中最温暖的色彩，它使我们联想到金色的秋天，丰硕的果实，因此是一种富足的、快乐而幸福的色彩。
橙色稍稍混入黑色 或白色 ，会成为一种稳重、含蓄有明快的暖色，但混入较多的黑色后 ，就成为一种烧焦的色，橙色中加入较多的白色会带有一种甜腻的味道 。橙色与蓝色的搭配，构成了最响亮、最欢快的色彩。
黄色 黄色是亮度最高的色，在高明度下能够保持很强的纯度。黄色的灿烂、辉煌，有着太阳般的光辉，因此象征着照亮黑暗的智慧之光；黄色有着金色的光芒，因此又象征着财富和权利，它是骄傲的色彩。黑色或紫色的衬托可以使黄色达到力量无限扩大的强度。白色是吞没黄色的色彩，淡淡的粉红色也可以像美丽的少女一样将黄色这骄傲的王子征服。
黄色最不能承受黑色或白色的侵蚀，这两个色只要稍微的渗入，黄色即刻失去光辉。
绿色 鲜艳的绿色非常美丽，优雅，特别是用现代化学技术技术创造的最纯的绿色，是很漂亮的的色。绿色很宽容、大度，无论蓝色还是黄色的渗入，仍旧十分美丽。黄绿色单纯，年青；蓝绿色清秀、豁达。含灰的绿色，也是一种宁静、平和的色彩，就像暮色中的森林或晨雾中的田野那样。
蓝色 蓝色是博大的色彩，天空和大海着最辽阔的景色都呈蔚蓝色，无论深蓝色还是淡蓝色，都会使我们联想到无垠的宇宙或流动的大气，因此，蓝色也是永恒的象征。蓝色是最冷的色，使人们联想到冰川上的蓝色投影。蓝色在纯净的情况下并不代表感情上的冷漠，它只不过代表一种平静、理智与纯净而已。真正令人的情感缩到冷酷悲哀的色，是那些被弄混浊的蓝色。
紫色 波长最短的可见光是紫色波。通常，我们会觉得有很多紫色，因为红色加少许蓝色或蓝色加少许红色都会明显地呈紫味。所以很难确定标准的紫色。约翰?伊顿对紫色做过这样的描述：紫色是非知觉的色，神秘，给人印象深刻，有时给人以压迫感，并且因对比的不同，时而富有威胁性，时而又富有鼓舞性。当紫色以色域出现时，便可能明显产生恐怖感，在倾向于紫红色时更是如此。歌德说：“这类色光投射到一副景色上，就暗示着世界末日的恐怖。”
紫色时象征虔诚的色相，当紫色深化暗化时，有时蒙昧迷信的象征。潜伏的大灾难就常从暗紫色中突然爆发出来，一旦紫色被淡化，当光明与理解照亮了蒙昧的虔诚之色时，优美可爱的晕色就会使我们心醉。
用紫色表现混乱、死亡和兴奋，用蓝紫色表现孤独与献身，用红紫色表现神圣的爱和精神的统辖领域——简而言之，这就是紫色色带的一些表现价值。
紫色似乎是色环上最消极的色彩。尽管它不想蓝色那样冷，但红色的渗入使它显得复杂、矛盾。它处于冷暖之间游离不定的状态，加上它的低明度的性质，也许就构成了这一色彩在心理上引起的消极感。与黄色不同，紫色可以容纳许多淡化的层次，一个暗的纯紫色只要加入少量的白色，就会成为一种十分优美、柔和的色彩。随着白色的不断加入，也就不断的产生出许多层次的淡紫色，而每一层次的淡紫色，都显得很柔美、动人。
黑、白、灰色 我们曾经说过，无彩色的在心理上与有彩色具有同样的价值。黑色与白色时对色彩的最后抽象，代表色彩世界的阴极和阳极。太极图案就是黑白两色的循环形式来表现宇宙永恒的运动的。黑白所具有的抽象表现力以及神秘感，似乎能超越任何色彩的深度。康丁斯基认为，黑色意味着空无，像太阳的毁灭，像永恒的沉默，没有未来，失去希望。而白色的沉默不是死亡，而是有无尽的可能性。黑白两色是极端对立的色，然而有时候又令我们感到它们之间有着令人难以言状的共性。白色与黑色都可以表达对死亡的恐惧和悲哀，都具有不可超越的虚幻和无限的精神，黑白又总是以对方的存在显示自身的力量。它们似乎是整个色彩世界的主宰。
在色彩世界中，灰色恐怕是最被动的色彩了，它是彻底的中性色，依靠邻近的色彩获得生命，灰色一旦靠近鲜艳的暖色，就会显出冷静的品格；若靠近冷色，则变为温和的暖灰色。与其用“休止符”这样的字眼来称呼黑色，不如把它用在灰色上，因为无论黑白的混合、不色的混合、全色的混合，最终都导致中性灰色。灰色意味着一切色彩对比的消失，是视觉上最安稳的休息点。然而，人眼是不能长久地、无线扩大地注视着灰色的，因为无休止的休息意味着死亡。
色彩的表情在更多的情况下是通过对比来表达的，有时色彩的对比五彩斑斓、耀眼夺目，显得华丽，有时对比在纯度上含蓄、明度上稳重，又显得朴实无华。创造什么样的色彩才能表达所需要的感情，完全依赖于自己的感觉、经验以及想象力，没有什么固定的格式。
大自然是彩色的。信息时代的快速到来，网络也开始变的多姿多彩。人们不再局限于简单的文字与图片，他们要求网页看上去漂亮，舒适。所以当代设计者不仅要掌握基本的网站制作技术，还需要掌握网站的风格，配色等设计艺术。其中色彩在网站设计中占据相当重要的地位。
一、 色彩的一些基本概念
首先了解一下色彩的一些基本概念。自然界中有好多好多种色彩，比如玫瑰是红色的，大海是蓝色的，桔子是橙色的……但是最基本的有三种（红，黄，蓝），其它的色彩都可以由这三种色彩调和而成。我们称这三种色彩为“三原色”。
现实生活中的色彩可以分为彩色和非彩色。其中黑白灰属于非彩色系列。其它的色彩都属于彩色。任何一种彩色具备三个特征：色相，明度和纯度。其中非彩色只有明度属性。
色相，指的是色彩的名称。这是色彩最基本的特征，是一种色彩区别于另一种色彩的最主要的因素。比如说紫色，绿色，黄色等等都代表了不同的色相。同一色相的色彩，调整一下亮度，或者纯度很容易搭配，比如，深绿，暗绿，草绿，亮绿。
明度，也叫亮度，指的是色彩的明暗程度，明度越大，色彩越亮。比如一些购物，儿童类网站。用的是一些鲜亮的颜色，让人感觉绚丽多姿，生气勃勃。明度越低，颜色越暗。主要用于一些游戏类网站，充满神秘感；一些个人站长为了体现自身的个性，也可以运用一些暗色调来表达个人的一些孤僻，或者忧郁等性格。有明度差的色彩更容易调和。如紫色（
993399）跟黄色（
ffff00），暗红（
cc3300）跟草绿（
99cc00），暗蓝（
0066cc）跟橙色（
ff9933）等。图1中的（1）就是明度由高到低变化的例子。
纯度，指色彩的鲜艳程度，纯度高的色彩纯，鲜亮。纯度底的色彩暗淡，含灰色。如图1中的（2）是纯度从低到高的变化。
相近色：色环中相邻的三种颜色。如图2中的黄绿色，黄色和桔黄色。相近色的搭配给人的视觉效果很舒适，很自然。所以相近色在网站设计中极为常用。
互补色，色环中相对的两种色彩。如图3中的亮绿色跟紫色，另外如红色跟绿色，蓝色和橙色等。对互补色，调整一下补色的亮度，有时候是一种很好的搭配。就拿蓝色跟橙色来打个比方吧，看图6，调整了蓝色的亮度以后其搭配效果是不是更好呢？补色在网站设计中用得也极为普遍。
暖色，如图5中的黄色，橙色，红色，紫色等都属于暖色系列。暖色跟黑色调和可以达到很好的效果。暖色一般应用于购物类网站，电子商务网站，儿童类网站等等，用以体现商品的琳琅满目，儿童类网站的活泼，温馨等等效果。
冷色，如图6中的绿色，蓝色，蓝紫色等等都属于冷色系列。冷色一般跟白色调和可以达到一种很好的效果。冷色一般应用于一些高科技，游戏类网站，主要表达严肃，稳重等效果。
色彩均衡，网站让人看上去舒适，协调，除了文字，图片等内容的合理排版，色彩的均衡也是相当重要的一个部分。比如一个网站不可能单一的运用一种颜色，所以色彩的均衡问题是设计者必须要考虑的问题。色彩的均衡，包括色彩的位置，每种色彩所占的比例，面积等等。比如鲜艳明亮的色彩面积应小一点，让人感觉舒适，不刺眼。这就是一种均衡的色彩搭配。
二、 色彩的联想
色彩在人们的生活中都是有丰富的感情和含义的。比如红色让人联想到玫瑰，联想到喜庆，联想到兴奋。白色联想到纯洁，干净，简洁；紫色象征着女性化，高雅，浪漫；蓝色象征高科技，稳重，理智；橙色代表了欢快，甜美，收获；绿色代表了充满青春的活力，舒适，希望等等。当然不是说某种色彩一定代表了什么含义。在特定的场合下，同种色彩可以代表不同的含义。
三、 黑白灰的运用
黑白灰是万能色，可以跟任意一种色彩搭配。当你为某种色彩的搭配苦恼的时候，不防试试用黑白灰。当你觉得两种色彩的搭配不协调，试试加入黑色，或者灰色，或许会有意想不到的效果哦。
对一些明度较高的网站，配以黑色，可以适当地降低其明度。
白色是网站用的最普遍的一种颜色。很多网站甚至留出大块的白色空间，作为网站的一个组成部分。这就是留白艺术。很多设计性网站较多运用留白艺术。留白，给人一个遐想的空间，让人感觉心情舒适，畅快。恰当的留白对于协调页面的均衡起到相当大的作用。
四、 确定网站的主题色
一个网站不可能单一的运用一种颜色，让人感觉单调，乏味；但是也不可能将所有的颜色都运用到网站中，让人感觉轻浮，花俏。一个网站必须有一种或两种主题色，不至于让客户迷失方向，也不到于单调，乏味。所以确定网站的主题色也是设计者必须考虑的问题之一。
一个页面尽量不要超过4种色彩，用太多的色彩让人没有方向，没有侧重。当主题色确定好以后，考虑其它配色时，一定要考虑其它配色与主题色的关系，要体现什么样的效果。另外哪种因素占主要地位，是明度，纯度还是色相。
五、 页面各要素
上面学习了颜色的一些基本概念及颜色的一些搭配问题，具体运用到网页中，各要素的色彩又是如何搭配的呢？
1． 背景与文字
如果一个网站用了背景颜色，必须要考虑到背景颜色的用色，与前景文字的搭配等问题。一般的网站侧重的是文字，所以背景可以选择纯度或者明度较低的色彩，文字用较为突出的亮色。让人一目了然。
当然，有些网站为了让浏览者对网站留有深刻的印象，他在背景上作文章。比如一个空白页的某一个部分用了很亮的一个大色块，是不是让你豁然开朗呢！此时他为了吸引浏览者的视线，突出的是背景，所以文字就要显得暗一些，这样文字才能跟背景分离开来，便于浏览者阅读文字。
2． LOGO和BANNER
LOGO和BANNER是宣传网站最重要的部分之一，所以这两个部分一定要在页面上突迎而出。怎样做到这一点呢？我们将LOGO和BANNER做的鲜亮一些，也就是色彩方面跟网页的主题色分离开来。有时候为了更突出，也可以使用与主题色相反的颜色。
3． 导航，小标题
导航，小标题是网站的指路灯。浏览者要在网页间跳转，要了解网站的结构，网站的内容，都必须通过导航或者页面中的一些小标题。所以我们可以使用稍微具有跳跃性的色彩，吸引浏览者的视线，让他们感觉网站清晰，明了，层次分明。想往哪里走都不会迷失方向。
4． 链接颜色设置
一个网站不可能只是单一的一页，所以文字与图片的链接是网站中不可缺少的一部分。这里特别指出文字的链接，因为链接区别于文字，所以链接的颜色不能跟文字的颜色一样。现代人的生活节奏相当快，不可能浪费太多的时间在寻找你网站的链接上。设置了独特的链接颜色，让人感觉他的独特性，自然而然好奇心必然趋使他移动鼠标，点击鼠标。
为了你的页面更美观，更舒适，为了增强你的页面的可阅读性，必须合理，恰当地运用与搭配页面各要素间的色彩
首先我们要确定链接图标的大小，如高为31，长为88，然后打开网页编辑软件建立文件“link.js”，内容如下：
document.writeln("<marquee onMouseOver=this.stop() onMouseOut=this.start()><a href=该站网址 target=_blank><img src=图标位置 width=88 height=31 border=0 alt=文字注释></a>");
其中“marquee onMouseOver=this.stop() onMouseOut=this.start()”两语句可使鼠标移到该图标上时使移动停止，移开时又继续移动；语句“target=_blank”可另开新窗口浏览；而“border=0”能隐藏边框，“border=1”则显示边框。如果我们要建立《中国电脑教育报》图标链接，且链接图标放在目录“logo”下，可把以上内容修开为：
document.writeln("<marquee onMouseOver=this.stop() onMouseOut=this.start()><a href=http://www.cce.com.cn/ target=_blank><img src=logo/ccelogo.gif width=88 height=31 border=0 alt=中国电脑教育报></a>");
然后，你按照上面的方法把所有的链接做好，存盘进行下一步。
在你网页设定的位置加入语句
“<SCRIPT language=JavaScript src="link.js"></SCRIPT>”
当然你可要注意你的网页与“link.js”文件是否在同一个目录，如果不是，在“src=”后可要写上路径。
快快动手让别人瞧瞧你精彩的移动链接图标吧！ | |
|
泉州V23网络为您的企业打造精品网站: 800元起"网站建设+精美网页设计+搜索引擎推广"服务!! 7*24咨询:13559567956
