河北11选5开奖视频|河北11选5走势图一定|
设计、网站、推广
始于2004年
当前位置:首页 > 网站制作

如何在网站设计中巧用色彩心理学,提升网站营销力

发表日期:2019-1-7 作者来源:派谷网络 浏?#26469;?#25968;:

  视觉是开始,无论何时事物外观上的视觉效果将给用户带来莫大的视觉冲击,留下深刻的印象。对于设计网站?#24425;?#19968;样的道理,访客进入到网站的时间就会注意到网站的配色,这也将直接决定着访客是否会继续访问网站。那么,在建站的过程中,企业站长又该如何巧用色彩心理学来提升网站的营销力呢?

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

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

  色彩理论

  色彩理论的核心?#24039;?#36718;,小?#19978;?#20449;很多人之前可能已经见过(如下图所示)

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

  暖色VS冷色

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

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

  常见色彩搭配方法

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

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

  互补色搭配:这种方法利用色轮上位置相对的两种颜色,就像红色和绿色,或者黄色和紫色。当两个互补色并列开来,他们会将对方代表的情感推向极端,红色放在绿色?#21592;擼?#20250;显得更?#21360;按?#28608;、激进、有力量?#20445;?#32511;色也会显得更加舒适。在网站中使用对比色,会让设计显得更加活泼。要用好互补色,知名的办法就是:改变明度、降低纯度,看起来会柔和许多。但是,要想配色显得很完整,可以在对比色上添加中性色。中性色在一个标准的色轮上是?#20063;?#21040;的,如米色,浅棕色,浅灰色,黑色和白色。

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

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

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

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

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

  上文谈到了不少配色方案及其实现的效果,企业站长可以在建站的过程中选择适合自己的方案应用与?#23548;?#20294;是,企业站长需要尤为注意在使用理论的过程中不能生搬硬套,还应根据自身的业务特点?#25512;?#29260;格调来决定网站色彩的调配。

本文章系本站编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权?#25512;?#23427;问题,请在30日内与本站联系,我们将在第一时间删除内容!

相关网站设计案例

相关推荐新闻
网站建设解决方案
河北11选5开奖视频