网站颜色的选择也是一门学问

相信大家对于淘宝、腾讯、百度或者京东等这些知名网站来说都不陌生，但是在这里昆明网站建设要问各位朋友大家知道淘宝为什么是橙色调的吗，为什么腾讯网和百度又是蓝色调呢，还有京东为什么是红的，360卫士网站又为什么是绿的？

可能这些都是这此网站制作的创始者们的个人爱好又或者山塞对像就是用这颜色，但这可能只是开始时的选择。可是之后网站做大要怎么选择也是一门学问。

下面是国外一个介绍网站颜色的调查报告，大家可以看看是否感兴趣。

Youtube设计师Marc Hemeon为了分析一下颜色对于用户心理的影响曾收集了18组流行网站或互联网产品的按钮设计颜色。大家可以看下图，看一下自己看这些按钮组合会联想到什么网站或互联网产品，当然，前题是你对外国网站有一定了解，因为Youtube的设计师不可能收集中国的网站的按钮做调研：

上图中按钮组合与对应网站或互联网产品的答案如下：

1、Googl

2、Twitter

3、Facebook

4、Microsoft

5、Pinterest

6、Yahoo

7、Instagram

8、Flickr

9、Spotify

10、Rdio

11、Svbtle

12、Medium

13、Basecamp

14、Square

15、Amazon

16、Quora

17、LinkedIn

18、Path

通常，绝大部分网站设计或产品的按钮色彩都不会超过3种，含义是“确定”的按钮都统一为同一种颜色，比如Google的“搜索”按钮是蓝色，而Twitter的“发送”按钮则是明亮的黄色。

另一方面，社交分享工具Buffer的联合创始人Leo Widrich在他的博客上补充了关于颜色的观点：

颜色能够帮助品牌建设极为简易地建立起用户认知：

Leo Widrich所认为的以下颜色给人们留下的认知是：

灰色：象征冷静、中立；（苹果、维基百科、纽约时报等）

绿色：象征健康、生活；（BP石油、食品超市whole foods、星巴克等）

蓝色：象征可靠、力量；（戴尔、大众汽车、IBM等）

紫色：象征智慧、想象；（雅虎、T-Mobile、科幻主题电视台Syfy等）

红色：象征血气、年轻；（可口可乐、乐高、肯德基等）

橙色：象征欢乐、信任；（芬达、亚马逊、火狐等）

黄色：象征温暖、清晰；（百思买、法拉利、麦当劳等）

在用户看来，颜色也能够在理解和决策阶段起到一定的暗中影响作用，下面是一组设计一样，但颜色不同的按钮。

Leo Widrich认为这些按钮给用户的影响为：

黄色：吸引注意力的购物窗口；

红色：刺激心血的紧迫感，常出现在清仓场景；

蓝色：多用于银行和商业机构里，强调安全；

绿色：让人联想到富裕和轻松，缓解压力；（支付宝的信用卡还款按钮选择了绿色作为主色调，能够理解原因了吧）

橙色：呼叫意味浓厚，用于创建下订、购买、出售的行动；

粉色：服务于女性和年轻女孩的浪漫色调；

黑色：感觉高端，脱俗，奢侈品的最佳匹配；

紫色：给人舒缓&平静的感受，常被美容及抗衰老产品使用；

男女之间对颜色的感知区别：

根据国外KISSmetrics这一家企业分析服务公司的调查报告显示（这份报告主要用于建议App产品的创业者在产品设计上的策略）

女性喜爱的色彩：蓝色、紫色和绿色；

女性讨厌的色彩：橙色、棕（褐）色和灰色；

男性喜爱的色彩：蓝色、绿色和黑色；

男性喜爱的色彩：棕（褐）色、橙色和紫色；

不知道大家身为男性或女性，对APP上用以上的颜色有没有同感。

似乎棕色褐色，或者又叫咖啡色的这个颜色男女都不大喜欢它出现在APP或网站上作为按钮，当然，出现在服饰或建筑装修，园林等方面不在我们的讨论范畴。

颜色对转化率影响度：

另一家公司，Hubspot，一家美国数字网络营销公司，做了一场　A/B 测试，测试了不同颜色对于用户点击转化造成的影响。

上图的两个页面，内容都一样，区另只在于按钮的颜色，在超过2000人次的样本测试中，最终红色方案的点击率超过绿色方案的点击率足足21%。

而在测试之前，大部分的研究员都猜想绿色方案会点击率会更高。因为研究员们认为，绿色暗示着可靠、可行、通行、准许通过的意思，红色则更有着警告、阻止的暗示。
但结果与研究人员的猜想不同，虽然研究人员所猜想的暗示可能正确。但实际上大家在进行选择与否犹豫之时，红色显然比较明显，引发冲动的力量比绿色强。而上文所提到的绿色作为信用卡还款时，用户不会存在选还是不选，也就是在还不还之间犹豫。就算犹豫间没选，而得益的却是银行（欠款可是算利息的哦！），购买的话，不点，商家是有损失的，与银行相反。

顺带说一下，Html中超链接的默认颜色为什么是蓝色？

因为Html最开始创立时，网页内容的背景是灰色的（不是白色），蓝色则是从灰色底色中脱颖而出的最佳色调。

Tim Berners-Lee——万维网的发明者那个年代，互联网的第一代浏览器Mosaic显示的网页底色是灰底黑字，为了让超文本链接能够更方便识别，Tim Berners-Lee将超链接定义为蓝色并带有下划线的文字。

总之现在用类色显示正文的网页内容已经很少了，大多数都接近于白色，在白色中更为脱颖红色，由于带有上文中所显示的警示意味，而蓝色又有案例的暗示，但作为约定约定俗成的方案被保留了下来，延续至今。