网站颜色搭配

一，浏览器能显示的颜色

如果利用浏览器中不存在的颜色（此216种颜色以外的颜色），浏览器会混合这些颜色，这些颜色会出现小圆点，浏览器会显示出一种与其相近的颜色，这种现象 称为抖动。一些显示器会扭曲这些圆点，图片就会失真。如果出现这种情况，文本就会难以阅读，所以利用纯色作为设计元素时，使用浏览器安全色（216种颜 色）。有时，即使是网络安全色，也要谨慎利用。

二，一些颜色让人疲劳

我想你已经注意到，警告标志通常为黄色的，因为黄色光首先进入你的视线，所以你会首先关注黄色。利用这种颜色设计的广告，会吸引用户的注意，但我建议你不 要过多使用此种颜色。访问者登录后，网站没有必要采用明亮的颜色，否则用户会产生反感。如果访问者已经在浏览你的网站，这就证明你的设计很成功。

网站中避免出现太多的黄色、红色内容，这些颜色应该只出现在需要用户关注的内容中。网站避免出现大量红色内容，否则用户会感到视觉疲劳，他们就不会长时间浏览网站。颜色不应该成为访问者离开网站的原因。

三、网站颜色搭配

设计者在设计网页时除了考虑网站本身的特点外，还要遵循一定的艺术规律，从而设计出颜色鲜明、性格独特的网站。

第一，网站颜色搭配原则：

1.颜色的鲜明性。网页的颜色要鲜艳，容易引人注目。

2.颜色的独特性。要有与众不同的颜色，使得大家对你的印象强烈。(参考设计思考第二篇网站CI的标准颜色一节)

3.颜色的合适性。就是说颜色和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。

4.颜色的联想性。不同颜色会产生不同的联想，蓝色想到天空，黑色想到黑夜，红色想到喜事等，选择颜色要和你网页的内涵相关联。

第二，网站颜色搭配引用

1.颜色的数量

网站用色并不是越多越好，一般控制在三种颜色以内，通过调整颜色的各种属性来产生变化。

2.背景色的使用

背景色一般采用素淡清雅的颜色，避免采用花纹复杂的图片和纯度很高的颜色作为背景色，背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容

3.黑色的使用

黑色是一种特殊的颜色，如果使用恰当，设计合理，往往产生很强烈的艺术效果，黑色一般用来作背景色，与其它纯度颜色搭配使用。
4.使用对比色

对比色可以突出重点，产生了强烈的视觉效果，通过合理使用对比色能够使网站特色鲜明、重点突出。在设计时一般以一种颜色为主色调，对比色作为点缀，可以起到画龙点睛的作用。

5.使用邻近色

所谓邻近色，就是在色带上相邻近的颜色，例如绿色和蓝色，红色和黄色就互为邻近色。采用邻近色设计网页可以使网页避免颜色杂乱，易于达到页面的和谐统一。

6.使用单色

尽管网站设计要避免采用单一颜色，以免产生单调的感觉，但通过调整颜色的饱和度和透明度也可以产生变化，使网站避免单调。

第三，颜色搭配方案

1.用一种颜色。这里是指先选定一种颜色，然后调整透明度或者饱和度，(说得通俗些就是将 颜色变淡或则加深)，产生新的颜色，用于网页。这样的页面看起来颜色统一，有层次感。

2.用两种颜色。先选定一种颜色，然后选择它的对比色(在photoshop里按ctrl+shift+I)。我的主页用蓝色和黄色就是这样确定的。整个页面颜色丰富但不花稍。

4.用黑色和一种彩色。比如大红的字体配黑色的边框感觉很”跳”。

3.用一个色系。简单的说就是用一个感觉的颜色，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。确定颜色的方法各人不同，我是在photoshop里按前景色方框，在跳出的拾色器窗中选择”自定义”，然后在”色库”中选就可以了:)

第四，颜色搭配的忌讳

-> 蓝色忌纯，绿色忌黄，红色忌艳。

-> 忌纯——艳丽的纯色对人的刺激太强烈抗议，缺乏内涵。

-> 忌粉——颜色浅固然显的干净，但如果对比过弱，整得苍白无力了，就象病夫一样无可救药。

-> 忌脏——背景与文字内容对比不强烈，灰暗的背景令人沮丧！

-> 忌花——要有一种主色贯穿其中，主色并不时面积最大的颜色，而是最重要，最能揭示和反映主题的颜色，就象领导者一样，虽然在人数上居少数，但起决定作用。

-> 忌跳——再好看的颜色，也不能脱离整体。脱离群众是自取其辱！

第五，几种固定颜色搭配

-> 绿白兰——绿为主调。白底，绿标题栏，兰色或橙色按钮或ICON做点缀。

-> 蓝白橙——蓝为主调。白底，蓝标题栏，橙色按钮或ICON做点缀。

-> 橙白红——橙为主调。白底，橙标题栏，暗红或桔红色按钮或ICON做点缀。

-> 暗红黑——暗红主调。黑或灰底，暗红标题栏，文字内容背景为浅灰色。

例子：
科技类公司网站用色的问题，其实不能一概而论。以前时候科技类公司用的最多的是蓝色，因为蓝色象征了科技的深邃、理性，给人以商业合作的值得信赖感，同时 蓝色本身不容易给视觉带来疲劳、便于长时间浏览，所以蓝色用的很普遍。但是现在随着越来越多的科技企业的涌现，企业更关注自身文化、理念、价值与产品类 型、风格的个性，所以科技类公司网站用色也越来越丰富：象征活力与热情的红色、开放性与随和的橙色、高贵深邃的黑色…各样的颜色都为科技类网站采纳， 总之，能够最好的传达企业和产品价值、理念的颜色，就是该网站的最佳颜色。