跳到主要内容

灰色:网页设计中的秘密色彩趋势

将公司与一种或两种颜色联系起来很容易,这通常是品牌的目标(例如可乐=红色)。还有很多成功“拥有”一种颜色的品牌的例子

但是现在,一些奇怪的事情正在发生。在许多情况下,品牌在其网站上实际使用的颜色与其官方品牌颜色不同。

以Facebook为例。你最常联想Facebook的颜色是什么颜色?最有可能的是,Facebook Blue由R:59,G:89和B:152组成,如下图所示(感谢Brandcolours.net)。

但是当你仔细看看Facebook.com上的用户界面时会发生什么?

如上所述(感谢Colourpeek),表示超过25种颜色,由以下RGB比率组成:

现在请记住,人们与Facebook最相关的颜色是Facebook Blue。 Facebook上使用的所有颜色的总体平均值如上图所示:

  • 平均R:106
  • 平均G:126
  • 平均B:133

看看两种颜色之间的区别。左边是人们与Facebook最相关的颜色。但右边的颜色是人们的颜色暴露在最使用Facebook时。

心理影响

所以值得一看这些颜色对人们的心理影响。为此,我们将咨询情感色轮,礼貌徽标公司

因此至少根据这个图表,事实证明Facebook希望人们将他们的品牌与“信任”联系起来 - 这是有道理的,因为它是一个社交网络,人们在这里分享他们生活中的私密细节。但是当在网站上时,Facebook希望用户有一种“平静”的感觉,考虑到新闻源的混乱特性,这也是有意义的。

即使每分钟更新新帖子,新视频,广告,更新,朋友请求,活动邀请,来自该人的消息,您真的不想听到(最糟糕的)......您下意识地被包裹在一个平静的灰色中鼓励你无休止地滚动并留在网站上。好玩,Facebook。

这让我们的团队在这里蜡笔思考:这种趋势是否在我们周围发生在潜意识层面而没有大多数人注意到?为了进一步分析,我们还检查了网络上其他两个最大的网站YouTube和Ebay。我们列出以下发现...

01. Facebook

品牌联想颜色:

网站体验颜色:

  • 平均R:106
  • 平均G:126
  • 平均B:133

结论:Facebook将其品牌与蓝色联系起来代表“信任”,但网站上最流行的颜色是灰色。

02. YouTube

品牌联想颜色:

网站体验颜色:

  • 平均R:150
  • 平均G:141
  • 平均B:143

结论:YouTube将其品牌与红色联系起来,代表“兴奋”,但网站上最流行的颜色是灰色。

03.易趣

品牌协会颜色:

网站体验颜色:

  • 平均R:153
  • 平均G:166
  • 平均B:177

结论:Ebay将其品牌与红色/蓝色/黄色/绿色相结合,代表“兴奋/信任/乐观/和平”。但网站上最流行的颜色是灰色阴影。

灰色是新的黑色吗?

虽然Facebook,YouTube和Ebay不会代表整个网络,但它们分别在美国网络流量中排名第2,3和7。这里有趣的是,所有这些网站都在网站上茁壮成长,尤其是Facebook和YouTube。对他们来说,站在网站上的人越长越好 - 所以也许从这些巨头那里学到一些东西。

但是,需要注意的是:需要考虑有关此实验的两件事。

首先,分析RGB颜色平均值以找到一种主色并不总是起作用,因为每种颜色代表的屏幕空间百分比。我们在包括亚马逊和Twitter在内的其他网站上进行了测试,这些网站没有返回这样的结论。 (虽然值得注意的是LinkedIn和Pinterest都使用灰色阴影作为背景,我们自己的网站也是如此,Crayon.co。)

Our own site, Crayon.co, uses a grey background

我们自己的网站Crayon.co使用灰色背景

其次,并非我们检查的每个网站都使用灰色作为用户体验中最流行的颜色,因为并非每个公司都有相同的目标。以Netflix为例。

我们都知道Netflix的尖叫红色品牌与“兴奋”有关。但是大多数新用户体验都是由黑色代表的一种神秘感,潜力和可能性

从品牌推广的角度来看,这是有道理的,因为Netflix希望让人们对该品牌感到兴奋,访问该网站,然后利用这一动力将其用于发现。换句话说,他们的目标(这不是Facebook的目标)是让用户保持足够的投入和激励,选择电影/节目 - 然后他们就取得了成功。

你应该顺应潮流吗?

作为营销人员和/或设计师,您最后一次真正坐下来考虑贵公司的目标,然后进行一系列色彩测试来影响这一目标?

很多时候,公司可能会陷入“品牌指南”和模板的束缚,这可能成为网站性能的障碍。

距离2015年还有六个月的时间,仍有时间对贵公司产生重大影响,但现在是时候开始了。

话:丹斯拉根

Dan Slagen是市场营销副总裁蜡笔。如果您对利用设计和创意的力量感兴趣,请务必查看此网站。它拥有1400多万个设计,旨在帮助您找到灵感,与同事协作并在网络上保存最佳设计。

像这样?阅读这些!



翻译字数超限