网页的色彩是树立网站形象的关键之一，色彩搭配却是网友们感到头疼的问题
。网页的背景，文字，图标，边框，超链接...，应该采用什么样的色彩，应该搭配什么
色彩才能最好的表达出预想的内涵呢？阿捷这里谈一些心得，希望对你有所启发。
首先我们先来了解一些色彩的基本知识：
1.颜色是因为光的折射而产生的。
2.红，黄，蓝是三原色，其它的色彩都可以用这三种色彩调和而成。网页html
首先我们先来了解一些色彩的基本知识：
1.颜色是因为光的折射而产生的。
2.红，黄，蓝是三原色，其它的色彩都可以用这三种色彩调和而成。网页html
语言
中的色彩表达即是用这三种颜色的数值表示例如：红色是color
(255,0,0)十六进制的表
示方法为(FF0000)白色为(FFFFFF),
我们经常看到的"bgColor=#FFFFFF"就是指背景色为
白色。
3.颜色分非彩色和彩色两类。非彩色是指黑，白，灰系统色。彩色是指除了非
中的色彩表达即是用这三种颜色的数值表示例如：红色是color
(255,0,0)十六进制的表
示方法为(FF0000)白色为(FFFFFF),
我们经常看到的"bgColor=#FFFFFF"就是指背景色为
白色。
3.颜色分非彩色和彩色两类。非彩色是指黑，白，灰系统色。彩色是指除了非
彩色
以外的所有色彩。
4.任何色彩都有饱和度和透明度的属性，属性的变化产生不同的色相，所以至
以外的所有色彩。
4.任何色彩都有饱和度和透明度的属性，属性的变化产生不同的色相，所以至
少可
以制作几百万种色彩。
网页制作用彩色还是非彩色好呢？根据专业的研究机构研究表明：彩色的记忆
以制作几百万种色彩。
网页制作用彩色还是非彩色好呢？根据专业的研究机构研究表明：彩色的记忆
效果
是黑白的3.5倍。也就是说，在一般情况下，彩色页面较完全黑白页面更加吸引人。
我们通常的做法是：主要内容文字用非彩色(黑色)，边框，背景，图片用彩色
是黑白的3.5倍。也就是说，在一般情况下，彩色页面较完全黑白页面更加吸引人。
我们通常的做法是：主要内容文字用非彩色(黑色)，边框，背景，图片用彩色
。这
样页面整体不单调，看主要内容也不会眼花。
●非彩色的搭配
黑白是最基本和最简单的搭配，白字黑底，黑底白字都非常清晰明了。
灰色是万能
色，可以和任何彩色搭配，也可以帮助两种对立的色彩和谐过渡。如果你实在找不
样页面整体不单调，看主要内容也不会眼花。
●非彩色的搭配
黑白是最基本和最简单的搭配，白字黑底，黑底白字都非常清晰明了。
灰色是万能
色，可以和任何彩色搭配，也可以帮助两种对立的色彩和谐过渡。如果你实在找不
出合
适的色彩，那么用灰色试试，效果绝对不会太差。
●彩色的搭配
色彩千变万化，彩色的搭配是我们研究的重点。我们依然需要进一步学习一些
适的色彩，那么用灰色试试，效果绝对不会太差。
●彩色的搭配
色彩千变万化，彩色的搭配是我们研究的重点。我们依然需要进一步学习一些
色彩
的知识。
一.色环。我们将色彩按"红->黄->绿->蓝->红"依次过度渐变，就可以得到一个
的知识。
一.色环。我们将色彩按"红->黄->绿->蓝->红"依次过度渐变，就可以得到一个
色彩
环。色环的两端是暖色和寒色，当中是中型色。(如下图)
红.橙.橙黄.黄.黄绿.绿.青绿.蓝绿.蓝.蓝紫.紫.紫红.红
|___________| |____| |_________| |_________|
| | | |
暖色系 中性系 寒色系 中性系
二.色彩的心理感觉。不同的颜色会给浏览者不同的心理感受。
红色---是一种激奋的色彩。刺激效果，能使人产生冲动，愤怒，热情，活力的
环。色环的两端是暖色和寒色，当中是中型色。(如下图)
红.橙.橙黄.黄.黄绿.绿.青绿.蓝绿.蓝.蓝紫.紫.紫红.红
|___________| |____| |_________| |_________|
| | | |
暖色系 中性系 寒色系 中性系
二.色彩的心理感觉。不同的颜色会给浏览者不同的心理感受。
红色---是一种激奋的色彩。刺激效果，能使人产生冲动，愤怒，热情，活力的
感觉
。
绿色---介于冷暖两中色彩的中间，显得和睦，宁静，健康，安全的感觉。
它和金
黄，淡白搭配，可以产生优雅，舒适的气氛。
橙色---也是一种激奋的色彩，具有轻快，欢欣，热烈，温馨，时尚的效果。
黄色---具有快乐，希望，智慧和轻快的个性，它的明度最高。
蓝色---是最具凉爽，清新，专业的色彩。它和白色混合，能体现柔顺，淡雅，
。
绿色---介于冷暖两中色彩的中间，显得和睦，宁静，健康，安全的感觉。
它和金
黄，淡白搭配，可以产生优雅，舒适的气氛。
橙色---也是一种激奋的色彩，具有轻快，欢欣，热烈，温馨，时尚的效果。
黄色---具有快乐，希望，智慧和轻快的个性，它的明度最高。
蓝色---是最具凉爽，清新，专业的色彩。它和白色混合，能体现柔顺，淡雅，
浪漫
的气氛(象天空的色彩:)
白色---具有洁白，明快，纯真，清洁的感受。
黑色---具有深沉，神秘，寂静，悲哀，压抑的感受。
灰色---具有中庸，平凡，温和，谦让，中立和高雅的感觉。
每种色彩在饱和度，透明度上略微变化就会产生不同的感觉。以绿色为例，黄
的气氛(象天空的色彩:)
白色---具有洁白，明快，纯真，清洁的感受。
黑色---具有深沉，神秘，寂静，悲哀，压抑的感受。
灰色---具有中庸，平凡，温和，谦让，中立和高雅的感觉。
每种色彩在饱和度，透明度上略微变化就会产生不同的感觉。以绿色为例，黄
绿色
有青春，旺盛的视觉意境，而蓝绿色则显得幽宁，阴深。
●网页色彩搭配的原理
1.色彩的鲜明性。网页的色彩要鲜艳，容易引人注目。
2.色彩的独特性。要有与众不同的色彩，使得大家对你的印象强烈。(参考设计
有青春，旺盛的视觉意境，而蓝绿色则显得幽宁，阴深。
●网页色彩搭配的原理
1.色彩的鲜明性。网页的色彩要鲜艳，容易引人注目。
2.色彩的独特性。要有与众不同的色彩，使得大家对你的印象强烈。(参考设计
思考
第二篇网站CI的标准色彩一节)
3.色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性
第二篇网站CI的标准色彩一节)
3.色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性
站点
的柔性。
4.色彩的联想性。不同色彩会产生不同的联想，蓝色想到天空，黑色想到黑夜
的柔性。
4.色彩的联想性。不同色彩会产生不同的联想，蓝色想到天空，黑色想到黑夜
，红
色想到喜事等，选择色彩要和你网页的内涵相关联。
●网页色彩掌握的过程
随着网页制作经验的积累，我们用色有这样的一个趋势:单色->五彩缤纷->标准
色想到喜事等，选择色彩要和你网页的内涵相关联。
●网页色彩掌握的过程
随着网页制作经验的积累，我们用色有这样的一个趋势:单色->五彩缤纷->标准
色-
>单色。一开始因为技术和知识缺乏，只能制作出简单的网页，色彩单一；在有一定
>单色。一开始因为技术和知识缺乏，只能制作出简单的网页，色彩单一；在有一定
基础
和材料后，希望制作一个漂亮的网页，将自己收集的最好的图片，最满意色彩堆砌
和材料后，希望制作一个漂亮的网页，将自己收集的最好的图片，最满意色彩堆砌
在页
面上；但是时间一长，却发现色彩杂乱，没有个性和风格；第三次重新定位自己的
面上；但是时间一长，却发现色彩杂乱，没有个性和风格；第三次重新定位自己的
网站
，选择好切合自己的色彩，推出的站点往往比较成功；当最后设计理念和技术达到
，选择好切合自己的色彩，推出的站点往往比较成功；当最后设计理念和技术达到
顶峰
黄色---具有快乐，希望，智慧和轻快的个性，它的明度最高。
蓝色---是最具凉爽，清新，专业的色彩。它和白色混合，能体现柔顺，淡雅，
黄色---具有快乐，希望，智慧和轻快的个性，它的明度最高。
蓝色---是最具凉爽，清新，专业的色彩。它和白色混合，能体现柔顺，淡雅，
浪漫
的气氛(象天空的色彩:)
白色---具有洁白，明快，纯真，清洁的感受。
黑色---具有深沉，神秘，寂静，悲哀，压抑的感受。
灰色---具有中庸，平凡，温和，谦让，中立和高雅的感觉。
每种色彩在饱和度，透明度上略微变化就会产生不同的感觉。以绿色为例，黄
的气氛(象天空的色彩:)
白色---具有洁白，明快，纯真，清洁的感受。
黑色---具有深沉，神秘，寂静，悲哀，压抑的感受。
灰色---具有中庸，平凡，温和，谦让，中立和高雅的感觉。
每种色彩在饱和度，透明度上略微变化就会产生不同的感觉。以绿色为例，黄
绿色
有青春，旺盛的视觉意境，而蓝绿色则显得幽宁，阴深。
●网页色彩搭配的原理
1.色彩的鲜明性。网页的色彩要鲜艳，容易引人注目。
2.色彩的独特性。要有与众不同的色彩，使得大家对你的印象强烈。(参考设计
有青春，旺盛的视觉意境，而蓝绿色则显得幽宁，阴深。
●网页色彩搭配的原理
1.色彩的鲜明性。网页的色彩要鲜艳，容易引人注目。
2.色彩的独特性。要有与众不同的色彩，使得大家对你的印象强烈。(参考设计
思考
第二篇网站CI的标准色彩一节)
3.色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性
第二篇网站CI的标准色彩一节)
3.色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性
站点
的柔性。
4.色彩的联想性。不同色彩会产生不同的联想，蓝色想到天空，黑色想到黑夜
的柔性。
4.色彩的联想性。不同色彩会产生不同的联想，蓝色想到天空，黑色想到黑夜
，红
色想到喜事等，选择色彩要和你网页的内涵相关联。
●网页色彩掌握的过程
随着网页制作经验的积累，我们用色有这样的一个趋势:单色->五彩缤纷->标准
色想到喜事等，选择色彩要和你网页的内涵相关联。
●网页色彩掌握的过程
随着网页制作经验的积累，我们用色有这样的一个趋势:单色->五彩缤纷->标准
色-
>单色。一开始因为技术和知识缺乏，只能制作出简单的网页，色彩单一；在有一定
>单色。一开始因为技术和知识缺乏，只能制作出简单的网页，色彩单一；在有一定
基础
和材料后，希望制作一个漂亮的网页，将自己收集的最好的图片，最满意色彩堆砌
和材料后，希望制作一个漂亮的网页，将自己收集的最好的图片，最满意色彩堆砌
在页
面上；但是时间一长，却发现色彩杂乱，没有个性和风格；第三次重新定位自己的
面上；但是时间一长，却发现色彩杂乱，没有个性和风格；第三次重新定位自己的
网站
，选择好切合自己的色彩，推出的站点往往比较成功；当最后设计理念和技术达到
，选择好切合自己的色彩，推出的站点往往比较成功；当最后设计理念和技术达到
顶峰
标 题: 网站设计风格和色彩搭配经验谈
发信站: 中国科大BBS站 (Sat, 21 Apr 2001 16:39:11)，站内信件
标 题: 网站设计风格和色彩搭配经验谈
发信站: 中国科大BBS站 (Sat, 21 Apr 2001 16:39:11)，站内信件
网站设计风格和色彩搭配经验谈
在一般人眼中，“网站”几乎就代表着“互联网”。网站本身的价值正在被人们不
断的发现，不断的认可。“如何设计一个成功的网站？”已成为越来越多的网页设计
在一般人眼中，“网站”几乎就代表着“互联网”。网站本身的价值正在被人们不
断的发现，不断的认可。“如何设计一个成功的网站？”已成为越来越多的网页设计
师
所思考、关注的问题。本人从事商业网站建设已经有两年以上的经验，在此只想抛
所思考、关注的问题。本人从事商业网站建设已经有两年以上的经验，在此只想抛
砖引
玉，提出自己的一些想法，欢迎高手指点！
设计网站需要考虑的因素非常之多，从
前期网站开始时的定位、设定网站框架、整理资料，到具体制作中的设计环节，再
玉，提出自己的一些想法，欢迎高手指点！
设计网站需要考虑的因素非常之多，从
前期网站开始时的定位、设定网站框架、整理资料，到具体制作中的设计环节，再
到最
后的调试、发布、宣传。这是一个环环相扣的过程。在此我们仅仅从设计师的角度
后的调试、发布、宣传。这是一个环环相扣的过程。在此我们仅仅从设计师的角度
来整
体把握我们这次想讨论的主题——如何设计成功的网站！由于篇幅有限，我们仅仅讨
体把握我们这次想讨论的主题——如何设计成功的网站！由于篇幅有限，我们仅仅讨
论
设计网站时重要的两大部分：整体风格和色彩搭配。
一、确定网站的整体风格
网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以
参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。
风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形
象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文
设计网站时重要的两大部分：整体风格和色彩搭配。
一、确定网站的整体风格
网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以
参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。
风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形
象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文
字
、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子：我们觉得网易
、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子：我们觉得网易
是平
易近人的，迪斯尼是生动活泼的，IBM是专业严肃的。这些都是网站给人们留下的不
易近人的，迪斯尼是生动活泼的，IBM是专业严肃的。这些都是网站给人们留下的不
同感
受。
在这里，我提供给大家一些参考经验：
1．将你的标志logo，尽可能的放在每个页面上最突出的位置。
2．突出你的标准色彩。
3．总结一句能反映贵站精髓的宣传标语！
4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中
出现的所有标题字的阴影效果的设置应该是完全一致的！
二、网页色彩的搭配
无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较
远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。
关于色彩的原理有许多，在此我们不可能一一阐述，大家可以看看相关设计书籍，
有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。
1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通
俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩
受。
在这里，我提供给大家一些参考经验：
1．将你的标志logo，尽可能的放在每个页面上最突出的位置。
2．突出你的标准色彩。
3．总结一句能反映贵站精髓的宣传标语！
4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中
出现的所有标题字的阴影效果的设置应该是完全一致的！
二、网页色彩的搭配
无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较
远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。
关于色彩的原理有许多，在此我们不可能一一阐述，大家可以看看相关设计书籍，
有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。
1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通
俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩
统一
，有层次感。
2．用两种色彩。先选定一种色彩，然后选择它的对比色。
1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通
俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩
，有层次感。
2．用两种色彩。先选定一种色彩，然后选择它的对比色。
1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通
俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩
统一
，有层次感。
2．用两种色彩。先选定一种色彩，然后选择它的对比色。
3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者
土黄，土灰，土蓝。
在网页配色中，还要切记一些误区：
1．不要将所有颜色都用到，尽量控制在三种色彩以内。
2．背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出
主要文字内容。
界面设计
网页配色技巧
有关主页中的用色之二
网站设计风格和色彩搭配经验谈
谈颜色搭配在网页制作中的技巧
有关主页上的用色之一
网页色彩的搭配
，有层次感。
2．用两种色彩。先选定一种色彩，然后选择它的对比色。
3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者
土黄，土灰，土蓝。
在网页配色中，还要切记一些误区：
1．不要将所有颜色都用到，尽量控制在三种色彩以内。
2．背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出
主要文字内容。
界面设计
网页配色技巧
有关主页中的用色之二
网站设计风格和色彩搭配经验谈
谈颜色搭配在网页制作中的技巧
有关主页上的用色之一
网页色彩的搭配