在网站设计中巧用色彩心理学 提升流量和点击率

 

当你开始动手做一个网站时，首先就会面临一个问题：在网站上使用哪种颜色?一般而言，访问者们进入网站时第一时间就会注意到网站的配色，这也是为什么网站配色是整个网站的设计的基本组成部分之一。

色彩不仅影响网站的外观和风格，还在网站表现力上扮演着重要的角色。换句话说，你在网站上应用的颜色一定程度上决定着顾客的访问时间、顾客回头率、点击率、业务销售等。记住：在网站上，色彩的应用绝不仅仅是为了美观，让大家看上去舒服，更重要的是它的功能性。因此，在你自己动手做网站时，你要好好考虑这一点。

生活中，我们中的一些人甚至不能很好的搭配上衣和裤子的颜色，那么面对打造一个成功专业网站时，如何选择完美的色彩组合就成为一个难题了。这时，我们就要请色彩理论"出山"了。色彩理论是艺术设计中一个很重要的概念，在光学中为人们所广泛熟知。一般而言，色彩理论给图像处理员提供了创造完美色彩组合的工具，目前专业的网页设计师也依靠它完成色彩搭配设计的工作。不过现在，你也同样可以!下面是小飞整理的在网站中使用色彩理论前需要了解的一些事项：

色彩理论

色彩理论的核心是色轮，小飞相信很多人之前可能已经见过(如下图所示)。

 

色轮是各种颜色及相关颜色的组合图示，所有的颜色都可以在色轮中呈现。色轮中包含3个原色：红色、蓝色和黄色。把原色混合在一起，你就能得到二次色：橙色、绿色和紫色。在一般具有12个颜色的色轮中，混合原色和二次色，你就会得到6个三次色： 黄绿色，绿蓝色，蓝紫色，紫红色，橙红色， 橙黄色。常见的色轮除了12色的，还有24色的，24色色轮的颜色分类更加详细复杂。

暖色vs冷色

色轮分为两大类别：暖色，主要围绕黄色、橙色和红色(包括大多数棕色色调);冷色，主要围绕蓝色、绿色和紫色(包括大部分灰色色调)。选择暖色或冷色调没有对错之分，如何选择基于你想要达到什么样的效果。因为颜色群体总是和一定的情感联系在一起的，暖色能够鼓舞人心，展现活力，举个栗子来说，在2009年经济状况不好时， 黄色成为网页设计中非常流行的色彩，因为很多公司希望顾客在他们的网站上感受到阳光、舒适和希望。而冷色常会使人感到安静，有镇定人心的效果，比如很多银行都会用到蓝色，以呈现出一个冷静、专业的公司形象。

在网站上是使用暖色?还是冷色?这取决于你的品牌身份以及你想要在网站上营造什么样的氛围。当然，将冷暖色组合在一起用也是可以的。如果你有这个想法的话，可以参考下面几条建议：

常见色彩搭配方法

成功的色彩组合总是遵循一定的搭配准则，这些准则大部分都与颜色在色轮中的位置有关系。比如：

对比色搭配： 使用对比强烈的颜色，不同的颜色在色轮上相隔至少两格。使用对比色可以用来吸引注意力或者将某颜色分离，在网站中最适用于"行为引导"按钮。

 

互补色搭配：这种方法利用色轮上位置相对的两种颜色，就像红色和绿色，或者黄色和紫色。当两个互补色并列开来，他们会将对方代表的情感推向极端，红色放在绿色旁边，会显得更加“刺激、激进、有力量”，绿色也会显得更加舒适。在网站中使用对比色，会让设计显得更加活泼。 要用好互补色，最好的办法就是：改变明度、降低纯度，看起来会柔和许多 。但是，要想配色显得很完整，可以在对比色上添加中性色。中性色在一个标准的色轮上是找不到的，如米色，浅棕色，浅灰色，黑色和白色。

 

 

类比色搭配：在这种搭配方法中，你可以使用三个相邻的颜色组合在一起，如橙色、黄橙色和黄色，或者紫色、紫蓝色和蓝色。任何色轮上相邻的3个颜色(即类比色)会产生一种令人愉悦、低对比度的和谐美感，这是因为他们的颜色很相近。

 

三色系搭配：准备好使用几何知识了吗?三色系搭配方案使用色轮中三个颜色，其距离彼此相等，形成完美的等边三角形。组合颜色可以是：黄绿色、橙红色和紫蓝色，或者是黄橙色、紫红色和蓝绿色。三色系是最安全的配色方案，色轮上的三种颜色能够确保视觉平衡。大多数设计师认为三色系是最好的配色方案，但还得具体情况具体分析。使用三色系搭配方案对于用户范围很广的网站是非常好的选择，比如医疗网站，略带愉悦感的同时不显乏味。不过对于一些需要强烈风格的时尚或音乐网站，由于缺少强烈的对比色，缺乏激进的情感，三色系配色方案就不太适用了。

 

分散互补色搭配： 寻找三种颜色，其中两种互相类似，另一种与它们形成对比，这就是分散互补色搭配。分散互补色搭配是初学者很好的选择，怎么搭都很好看。如下图， 红、深蓝与浅蓝搭配，完美突出对比感，画面又不失和谐。

 

矩形互补色搭配：使用两组互补色，这两组互补色在色轮上可以形成一个矩形。例如，你可以组合黄橙色、黄绿色、蓝紫色和紫红色，这个色彩就会很丰富。但如果你不希望网站上看上去颜色太多、太乱，你可以选择一种颜色作为基本色，对其余颜色做一些细微差别。想要用好矩形互补色是有一定难度的，注意在选择颜色时应尽量平衡冷暖色调。

 

单色搭配：顾名思义，这种方案使用相同颜色的不同色调来搭配组合。一种色相一般由暗、中、明三种色调组成。单色搭配可以同时使用这三种色调，形成明暗的层次，也可以只关注使用明色调或暗色调。单色搭配有清晰的视觉效果，还能让人感觉到极简主义的风格。

 

在这小飞已经带你了解了不少配色方案以及它们可以实现的效果。是时候将理论应用于实践了!快来起飞页自助建站平台自己动手做一个网站吧，看看哪种配色方案最有效?