网页设计之色彩搭配

网页设计之色彩搭配

可能你尚未意识到颜色在网页设计中的重要性。你可能觉得一个网站是绿色的，换成蓝色也行，反正无所谓。长期以来，我都在思考颜色在网页设计中的重要性，最近我才得出结论：颜色真能改变很多东西，并且能让读者感受不一样的东西。每种色调的背后都隐藏着某种心理效应，接下来我会深入探讨这个问题。

1.根据页面风格确定主色

色彩有心理暗示的作用，很多行业都有其各自的行业色，很多品牌也有其独特的品牌色：例如：肯德基、麦当劳这类快餐店不约而同的选择了红色作为主基调，因为红色有增进食欲的效果。红色代表热情、活泼、温暖、幸福；橙色代表光明、华丽、兴奋、快乐；黄色代表明朗、愉快、高贵、希望；绿色代表新鲜、和平、柔和、安逸、青春；蓝色代表深远、永恒、沉静、理智；紫色代表优雅、高贵、魅力、自傲。很多品牌都有一套自己的VI，它们的颜色使用都是有特色的，奥迪是以灰色主打，百事可乐以蓝做主基调，可口可乐则是红。

2.根据主色确定配色

网页配色很重要，网页颜色搭配的是否合理会直接影响到访问者的情绪。好的色彩搭配会给访问者带来很强的视觉冲击力，不恰当的色彩搭配则会让访问者浮躁不安。举个例子，青色给人的心理联想是宁静、寒冷，而表示的意义我们可以定义为希望、宁静、清冷……那么运用的效果自然就能表达出希望、宁静、寒冷之感。所以在制作冰箱、空调、文具和学校之类的设计就自然可以来使用青色。再来我们可以根据LOGO来选色。一般情况下，LOGO 的色彩即使此行业分类最典型的色彩。比如可口可乐的红色，激情且能刺激食欲的颜色，那么毫无疑问，我们的网页主色调也脱离不了它。

3.同种色彩搭配

同种色彩搭配是一种最简便、最基本的配色方法。它是指首先选定一种色彩，然后调整其透明度和饱和度，将色彩变淡或加深，而产生新的色彩，这样的页面看起来色彩统一，具有层次感。同种色搭配可以取得端庄、沉静、稳重的效果。但必须注意同种色搭配时，色与色之间的明度差异要适当，相差太小，太接近的色调容易相互混淆，缺乏层次感；相差太大，对比太强烈的色调易于割裂整体。同种色搭配时最好有深、中、浅三个层次变化，如果少于三个层次，搭配会显得比较单调，但是层次过多又会产生繁琐、散漫的效果。

4.相近色色彩搭配

选择色彩相近的颜色，非常容易搭配。明度不同或纯度不同的几种颜色颜色容易搭配，比如挑几种深浅不同的绿色来搭配，一半页面不会有太大的问题，但是同意页面尽量不要同时有多于4种颜色并存。我们可以在颜色面板中调入不同的几种色系，选它们相邻的颜色试试，或隔几种颜色来搭配，就可以找到合适页面的颜色。

5.邻近色色彩搭配

邻近色是指在色环上相邻的颜色，如绿色和蓝色、红色和黄色即互为邻近色。采用邻近色搭配可以里是网页避免色彩杂乱，易于达到页面和谐统一的效果。邻近色之间往往是你中有我，我中有你。比如：朱红与桔黄，朱红以红为主，里面略有少量黄色；桔黄以黄为主，里面有少许红色，虽然它们在色相上有很大差别，但在视觉上却比较接近。在色轮中，凡在90度范围之内的颜色都属邻近色的范围，色相距离约60度左右，为较弱对比类型。邻近色一般有两个范围，绿蓝紫的邻近色大多数都是在冷色范围里的，红黄橙在暖色范围里的。采用邻近色搭配效果会有丰富活泼，但又不失统一雅致、和谐的感觉。

6.对比色彩搭配

一般来说，色彩的三原色（红、黄、蓝）最能体现色彩间的差异。色彩的强烈对比具有视觉诱惑力，能够起到几种实现的作用。对比色可以突出重点，产生强烈的视觉效果。通过

合理使用对比色，能够使网站特色鲜明、重点突出。在设计时，通常以一种颜色为主色调，其对比色作为点缀，以起到画龙点睛的作用。

7.补色色彩搭配

指两个相对的颜色的配合，如：红与绿，青与橙，黑与白等，补色相配能形成鲜明的对比，有时会收到较好的效果。黑白搭配是永远的经典。两个互为补色的颜色放在一个页面，其中一种颜色占的面积远大于另一种颜色的面积的时候，就可以增强画面的对比，画面就会很显眼。但是一般情况下，补色运用有得有失。