着陆页设计 | 着陆页和支付页该如何挑选颜色？聚焦网站页面的那一抹色彩（1）

seofangfa
SEO好文章评论221阅读模式

本文来自九枝兰网络营销的微信公众号【九枝兰网络营销】。文章所有版权归原作者所有！

大自然体现着心灵的颜色 --- 爱默生。着陆页至关重要，以至于一个优秀的网站着陆页能直接引导访客采取行动。除了着陆页的内容必须明确，着陆页设计简单易懂以外，着陆页的颜色也应当重点考虑，以提高转换率。

因此，哪些颜色对提高转率最有效呢？什么样的颜色能换来最高的点击量呢？当然我可以说：视情况而定。

本文中，我们将讨论为什么颜色会对转换率产生影响，不同颜色背后的含义是什么，曾经开展过的一些颜色测试的结果如何，以及怎样挑选颜色使转换率最大化。
着陆页设计 | 着陆页和支付页该如何挑选颜色？聚焦网站页面的那一抹色彩（1）
颜色很重要

如果你之前认为颜色在转换率中充当的角色不重要，那么请你仔细阅读本文。有数据表明，颜色比许多人认为的重要得多：

企业分析服务公司Kissmetrics表示：“消费者在购物时，通常会优先考虑视觉外观和颜色，意识到这一点很重要。”实际上，有高达85%的消费者都将颜色列为他们购买某一产品的主要原因。

此外，42%的消费者对一个网站的看法是基于网站的整体设计，并且超过一半（52%）的人会因为网站缺少美感而不再返回访问。

同时，Kissmetrics认为企业主要要根据企业的目标受众搭配合理的颜色。红色、橙色、黑色以及宝蓝色应该针对冲动型顾客；深蓝色和青色应该针对资金有限型顾客；温和点的颜色，比如粉色、天蓝色和玫瑰色，应该针对传统型顾客，对于服装品牌来说尤其是这样。

当然，这些指导思想只是个开始。除此以外，要做的还有很多。
文化和颜色

我们在开展营销之前，必须要了解你的目标受众。挑选最佳颜色的过程同样要从理解你的目标受众开始。如果你的目标受众具有不同的文化背景，那你更应该好好研究他们。

在不同的国家，颜色有不同的含义。西方人可能会把白色视为纯洁的象征，然而在咱们国人眼中，白色代表着丧事和死亡。而对于巴西人来说，紫色才是死亡的颜色。

这只是两个简单的例子。为了确保你的支付页和着陆页的转换率达到最高，你需要去熟悉那些最常访问你网站的受众文化。你甚至可以为不同访客提供不同的颜色设计。
网站的主题

接下来，你将挑选跟你网站的主题相契合的颜色。你可能会使用一种色型吸引你的目标受众，这个时候，你其实是在利用跟网页设计相关的人性规律。

简单来说，人们会被自己所熟悉的东西吸引。这也就是为什么你的颜色设计应该反映你的产品或者服务的整体“个性”。


有这样一个常识：蓝色是天空和大海的颜色。它往往跟深度和稳定性相联系，代表着信任、忠诚、智慧、自信、聪颖、信念、真理以及天堂。人们认为蓝色对身心有益。能够减缓人类的新成代谢，并且有一种镇定的作用。

橙色代表热情、魅力、快乐、创造力、决心、吸引力、成功、鼓励以及刺激。因此，我们很多的CTA（行动激发）都是橙色的，不管是在我们网站上还是整个互联网，都是这样。
图片来源：亚马逊
另外，如果你在网上展示杀毒软件/工具，那么你可能不会选取棕色和蓝色。相反，你应该选用绿色，因为，绿色对网络安全来说代表着安全、信任、可靠。

最后，如果你的网站主要帮助企业赚钱，那蓝色是你的绝佳选择。

购物车结算页面和着陆页也不例外。它们应该延续访客在整个网站看到的色调。隐藏，这些网页页面对访客来说就会看起来很熟悉。

然而，你要做的还远远不够。
北美地区的各种颜色

颜色有自己的含义。一些颜色可以传达好心情。而其他的颜色可能会使人忧郁。颜色可以有自己的态度，或者也可以很谦卑。一些颜色给人激励，然而一些颜色会使人沮丧。


在北美地区（以及多数西方文明地区），我们已经习惯将具体的颜色跟情感、心情和思想联系起来。聪明的网站设计者对颜色心理学会有所了解，并且据此精心地制作网站。这里简单罗列一下我们是怎么看待北美地区的各种颜色的。
红色

在西方，红色有几种不同的运用。红色可以表示停止、关爱或者圣诞节。红色也常常用来创造一种紧迫感，或者传达正能量。

红色还会引发饥饿感。想想在商标上使用了红色的快餐连锁店有哪些：麦当劳、肯德基、Chili’s（餐厅）、Applebee’s（餐饮酒店）以及In-N-Out（汉堡连锁快餐）。全球新鲜水果创始品牌爱蒂宝（Edible Arrangements）的网站不仅在其商标上使用红色，而且整个网站都以红色为主调（尤其注意当你点击链接时弹出来的消息）。
麦当劳用红色激起人们的饥饿感
黄色

黄色非常抢眼，因为大自然中很少出现黄色。黄色可以传递一种幸福和乐观的感受，同时还能激发创造力。

如果你想顾客对他们的处境、他们自身或者他们所购买的东西感觉更好，那么你可以考虑使用黄色。黄色可以给你的顾客带来一种舒心的感受。

然而，跟生活中许多其他的事情一样，过犹不及。如果当访客登录你的网站时满眼都是黄色，那么访客很可能会觉得你的网站很“喧闹”，产生的效果跟你之前的预计完全不同。因此，最好只在边框、商标以及按钮处使用黄色，不要将背景色也设成黄色。
太多黄色会让人感觉喘不过气
此外，黄色是一种绝佳的反差色。如果你网站的整体色调跟黄色搭配，那么可以考虑在网页的某个重要部分使用黄色来引起访客的注意。
绿色

北美地区任何地方，司机在看到绿色时只会想到一件事：通行！

除此以外，绿色还会使人联想到大自然。对于户外活动网站来说，比如露营和远足，绿色是一个很好的选择。同时，绿色还很适用于提倡环保主义的网站。

同时，我们不要忘了，绿色往往还跟财富相联系，这是因为北美纸币的颜色是绿色的。如果你正在推广一种能增加人们资本净值的销售课程或者营销策略，那么你可以考虑使用绿色来巩固收益的理念。

除了上文提到的Quick Sprout网站以外，VitaCost网站也使用了绿色作为按钮的反差色，效果很好。
VitaCost网站上的绿色按钮

当挑选CTA（行动激发）按钮的颜色时，许多不愿选择红色或者橙色的营销人员往往会选择绿色或者蓝色。
蓝色

在网页设计上，蓝色普遍被视为“公司的”颜色。在很多商业主题中，蓝色非常引人注目。

这是有原因的。正如之前所提到的，蓝色传达了一种信任、正直和安全的感受。选择蓝色设计的企业是想告诉目标市场中的人们：“你可以信任我们。”

当然，蓝色也可以代表一个寒冷或者靠近海边的地方。如果你的产品或者服务位于上述环境类型，那么可以考虑使用蓝色作为主打色。

蓝色有一个优势：你可以大量使用蓝色，不用担心访客眼睛不适。如果你选择的是一种淡点的蓝色阴影，尤其不用担心。

Dr. Dental网站就做的很不错，在其主页上使用了不同的蓝色阴影。
Dr. Dental网站使用蓝色的例子
橙色

橙色传达的信息量不定，这决定于你听哪个心理学家的，不同的心理学家有不同的说法。一些人说，橙色传达温暖和乐观。一些人说，橙色表示警告。还有人说，橙色代表进取心。

此外，很久以前，Unbounce曾宣称BOB（Big Orange Button大橙色按钮）是转换率最大化的绝佳选择。
紫色

历史上，紫色往往象征着忠诚。在营销领域，紫色用来安抚和镇定顾客。然而，跟黄色一样，太多紫色会让人视觉不适。

紫色往往用来给抗衰老产品做营销。Meaningful Beauty网站就是其中一个例子。整个网站在菜单和边框上使用了不同的紫色阴影，并且CTA按钮的颜色结合了紫色和粉色，这不仅跟模特的服装很搭配，而且还符合网站的整体设计风格。
Meaningful Beauty网站的例子
粉色

粉色是很多年轻女性最喜欢的颜色。因此，粉色往往被视为一种偏女性的颜色。

如果你的网站的受众是年轻的女性顾客，那你可以考虑使用粉色。服装品牌The Children’s Place的少女服饰系列使用了粉色，效果非常明显。
The Children’s Place使用粉色的例子

然而，我们应该注意到，偏暗的粉色阴影可以吸引男性受众，因为暗粉色散发着浪漫与爱情的气息。

此外，《正分子医学期刊》上发表的一份研究表明，粉色会引起一种镇定效应。一些人经过推理认为，一种治消化不良的药物正是由于这个原因所以才专门制成粉色的。

注：本文内容由九枝兰团队翻译，转载请加上九枝兰微信ID：jiuzhilan或二维码。对于不署名者，九枝兰将保留追究的权利。

原文作者：John Lincoln
译者：王丽@九枝兰


文章末尾固定信息

【九枝兰】为什么看了1806个案例，依旧做不好内容营销
【九枝兰】贾跃亭夫妇及乐视12亿资产被司法冻结！融创的150亿竟都满足不了乐视…
【九枝兰】又一家共享单车倒闭，因为车被偷！光！了！
【九枝兰】监管风暴下的IP变局：“腐”和“丧”都不能拍了，种马爽文能打几分？
weinxin
我的微信
我的微信
微信扫一扫
 
seofangfa
  • 本文由 seofangfa 发表于 2016年7月18日23:45:58
  • 转载请务必保留本文链接：https://wp.fangfa.me/seo-articles/%e7%9d%80%e9%99%86%e9%a1%b5%e8%ae%be%e8%ae%a1-%e7%9d%80%e9%99%86%e9%a1%b5%e5%92%8c%e6%94%af%e4%bb%98%e9%a1%b5%e8%af%a5%e5%a6%82%e4%bd%95%e6%8c%91%e9%80%89%e9%a2%9c%e8%89%b2%ef%bc%9f%e8%81%9a-2.html
  • 九枝兰
  • 九枝兰网络营销

加载中...

匿名

发表评论

匿名网友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:
确定

拖动滑块以完成验证