网页的色彩搭配

转载请标明是引用于 http://blog.csdn.net/chenyujing5678 

欢迎拍砖!

 

一、网页本色基础

1、红色

红色的色感温暖，性格刚烈而外向，是一种对人体刺激很强的颜色。红色在各种媒体中都有广泛的应用，除了具有较佳的明视效果外，更传达有活力、

积极、热诚、温暖、前进的企业形象与精神，另外红色也常被用做警告、危险、禁止、防火等。

网站中红色与黑色搭配比较常见，常用于前卫时尚、娱乐休闲等个性的网页。

2、黄色

是最明亮的色彩之一，能给了留下明亮、辉煌、灿烂、愉快、高贵、柔和的印象，同时又容易味觉的条件反射，给人以甜美、香酥感。

黄色有着金色的光芒，包含希望和功能等象征意义，黄色也代表着土地、象征着权力，并且有着神秘的宗教色彩。

3、蓝色

蓝色是冷色系中最典型的代表色，是网站设计中用得最多的颜色，它代表着深远、永恒、沉静、理智、诚实、公正权威。

蓝色是和种在淡化后仍然能保持较强个性的颜色，如果在蓝色中分别加入少量的红、黄、黑、橙、白等色，均不会对蓝色的性格构成明显的影响。

浅蓝色有淡雅、清新、浪漫、高级的特性，常用于化妆品，女性、服装网站，它是最具凉爽、清新特征的色彩。

3、1 浅蓝色与绿色、白色的搭配在网页中是比较常见的。它们之间可以使网页看起来非常干净清澈，能体现柔顺、淡雅、浪漫的气氛。

3、2 深蓝色也是较常用的色彩，能给人稳重、冷静、严谨、成熟的心理感受。它主要用于营造安稳、可靠、略带有神秘色彩的氛围。

4、绿色

绿色代表新鲜、希望、和平、柔和、安逸、青春。在商业设计中，绿色传达的是清爽、理想、希望、生长的意象，符合服务业、卫生保健业，教育行业。

绿色介于黄色和蓝色之间，属于较中庸的颜色，是和平色、偏向自然美、宁静、生机勃勃、宽容，可与多种颜色搭配而达到和谐，也是网页中使用最为广泛的颜色之一。

5、紫色

它的透明度相比上面讲的颜色属性是最低的，具有创造、忠诚、神秘、稀有等内涵。象征着女性化，代表着高贵与奢华、优雅与魅力，也象征着庄重、神圣与浪漫。

6、白色

白色的色感光明、朴实、纯洁、快乐。白色具有圣洁的不容侵犯性，如果在白色中加入其他任何色，都会影响其纯洁性。

 

二、常见的网页方案

网页配色很重要，网页颜色搭配的好坏与否会直接影响到浏览者的情绪。好的色彩会给浏览者带来强烈的视觉冲击。

1、同种色彩搭配

同种色彩搭配是指首先选定一种色彩，然后调整其透明度和饱和度，将色彩减淡或加深，产生新的颜色，这样页面看起来色彩统一，有层次感。

2、面积对比

同一种色彩，面积越大，明度、纯度越强；面积越小，明度、纯度越低。面积大的时候，亮色显得更轻，暗色显得更重。

这种现象称为色彩的面积效果，面积对比是指页面中各种色彩在面积上多与少、大与小的差别，会影响到页面的主次关系。

如下图中的两个红色文字：（面积大的时候，面积越大，明度、纯度越强；因为粉红色是暗色，所以显得更重）

 

3、对比色彩搭配

一般来说色彩的三原色（红、蓝、黄）最能体现色彩间的差异。色彩的对比越强，看起来越具诱惑力，能够起到集中视线的作用。

对比色可以突出重点，产生强烈的视觉效果。

4、暖色色彩搭配

暖色色彩搭配是指红色、橙色、黄色、褐色等暖色调色彩的搭配，这种色彩搭配方式的运用，可使网页看起来呈现温馨、和谐、热情的感觉。

5、冷色色彩搭配

冷色色彩搭配是指使用蓝、绿、紫等冷色调色彩的搭配。使用这种搭配，可使网页呈现呈现宁静、清凉、高雅的感觉。冷色调与白色搭配一般会获得好效果。

6、有主色的混合色彩搭配

有主色的混合色彩搭配是指以一种颜色作为主要颜色，即主色，同时辅以其他色彩混合搭配，形成缤纷而不杂乱的搭配效果。

7、组色

组色是指色环上距离相等的任意3种颜色，因为3种颜色形成了对比关系，所以组色被用作一个色彩主题时，会使浏览者产生紧张的情绪，一般在商业网站中

不采用组色搭配。

三、网页色彩搭配的技巧与注意事项

1、使用富有变化的单色

尽管网站设计中要避免使用单一色彩，以免产生单调的感觉，但通过调整单一色彩的饱和度和透明度同样可以产生丰富的变化，产生层次感。

2、使用邻近色

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

3、使用对比色

4、巧妙地黑色

黑色是一种特殊的颜色，如果使用恰当设计合理，往往能产生很强烈的视觉效果。黑色一般用做背景色，并与其他纯度色搭配使用。

5、使用背景色

6、控制色彩的数量

使用多种颜色会使网页变得很“花”，其结果就是缺乏统一性和内在的美感。事实上，网页用色并不是越多越好，一般控制在3种色彩内。