摘要：网站的风格决定网页的色彩，网页的色彩是树立网站形象的关键之一，色彩搭配却
是一个头疼的问题。网页的背景，文字，图标，边框，超链接等，应该采用什么样的色彩，
应该搭配什么色彩才能最好的表达出预想的内涵呢？本文将简单阐述网站的设计风格与色
彩搭配的原则。

 

　　关键词：网页；风格；色彩

 

　　设计网站需要考虑的因素非常之多，从前期网站开始时的定位、设定网站框架、整理资
料，到具体制作中的设计环节，再到最后的调试、发布、宣传。这是一个环环相扣的过程。在
此我们仅讨论下设计网站时重要的两大部分：整体风格和色彩搭配。

 

　　

1、 确定网站的整体风格 

　　网站的整体风格及其创意设计是最难以学习的，因为没有一个固定的模式可以参照和
模仿。任意一个主题，任何两人都不可能设计出完全一样的网站。风格是抽象的，是指站点
的整体形象给浏览者的综合感受。这个

“整体形象”包括站点的标志、色彩、字体、标语、版面布

局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。如：网易是
平易近人的，迪斯尼是生动活泼的，

IBM 是专业严肃的。这些感觉都是网站给人们留下的

不同感受。如何让这些感觉在网页上体现出来：

 

　　（

1）将标志 logo，尽可能的放在每个页面上最突出的位置。 

　　（

2）突出网站的标准色彩。 

　　（

3）总结一句能反映网站精髓的宣传标语放在主页上。 

　　（

4）相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出

现的所有标题字的阴影效果的设置应该是完全一致的效果。

 

　　整个网站体现出的一种感觉就是这个网站的风格，只有风格统一了才能根据需要决定
网站主色调。

 

　　

2、网页色彩的搭配 

　　色彩是人视觉最敏感的东西。不同色彩之间的对比会有不同的效果，当两种颜色同时在
一起时，这两种色各自走向自已的极端，例如红色与绿色对比，红的更红，绿的更绿，黑
色与白色对比，黑的更黑，白的更白。由于人的视觉的不同，对比的效果通常会有不同。当
长时间的看一种纯色，例如红色，然后再看看周围的人，你会发现周围的人脸色会成绿色
正是因为红色与周围的对比，形成了视觉的刺激。色彩的对比会受很多因素影响，例如色彩
的面积、时间、亮度等等。无论是平面设计，还是网页设计，色彩永远是最重要的一环。

 

　　

2.1 网页色彩的搭配意义 

　　如何搭配颜色才能让自己的主页更加绚丽多彩，达到既不显得呆板，又不至于过于亮
丽而造成过强刺激的视觉效果。

 

　　（

1）颜色是因为光的折射而产生的。 

　　（

2）红，黄，蓝是三原色，其它的色彩都可以用这三种色彩调和而成。网页 html 语言

中的色彩表达即是用这三种颜色的数值表示例如：红色是

color (255,0,0)十六进制的表示方

法为

(FF0000)白色为(FFFFFF), 我们经常看到的“bgColor=#FFFFFF”就是指背景色为白色。 

　　（

3）颜色分非彩色和彩色两类。非彩色是指黑，白，灰系统色。彩色是指除了非彩色以

外的所有色彩。

 

　　（

4）任何色彩都有饱和度和透明度的属性，属性的变化产生不同的色相，所以至少可

以制作几百万种色彩。网页制作用彩色还是非彩色好呢？根据专业的研究机构研究表明：彩
色的记忆效果是黑白的

3.5 倍。也就是说，在一般情况下，彩色页面较完全黑白页面更加吸

引人。

 

　　我们通常是要考虑主页底色的深、浅，这里借用摄影中的一个术语，就是

“高调”和“低

调

”。底色浅的称为高调；底色深的称为低调。底色深，文字的颜色就要浅，以深色的背景衬