颜色与对比度:哪一个带来更多的转换

颜色与对比度:哪一个带来更多的转换

我们大多数人都熟悉色彩心理学;有数百篇文章、案例研究甚至是野外信息图表从不同的角度揭示了这个问题。颜色影响着我们,影响着我们的选择,影响着我们的决策过程——毫无疑问。然而,你不应该盲目地遵循它的原则,因为总是有一个陷阱。今天我们将探讨对比在创造引人注目和引人注目的cta中的作用。

将颜色从柔和而平静的绿色转变为激烈而大胆的红色,以吸引更多的注意力,可能并不总能拯救世界。如果没有好的基础来让它看起来突出、引人注目或“响亮”,什么也不会发生。在这里,base指的是对比度。我们已经收集了10个经过深思熟虑的对比鲜明的例子,以及10个动作按钮安全融入环境的例子,结果,它们失去了重要性。得出你自己的结论。

颜色和对比

这里的对比抢尽了风头:

ESPN体育节目

ESPN体育节目的头版就是一个很好的例子,它说明了颜色在提高转化率方面的重要作用。有两种cta:哪一种最吸引你的眼球?当然,由于强烈的色调和坚实的背景,红色的那个看起来比右边简单的字体更有吸引力。

ESPN体育节目

Moovrs

虽然这个按钮没有利用被认为是获胜的解决方案的吹嘘的红色调,由于它之间的强烈对比,背景和主要配色方案,CTA立即抓住眼睛,成为一个自然的焦点。

Moovrs

Metaverse Mod阵容

这是另一个符合色彩心理学规则的优秀设计范例。在这里,red被用作一个强调工具,它可以很容易地将CTA、汉堡包菜单图标和“雇用我们”链接等重要细节从整个内容流中分离出来。虽然背景和艺术的接触产生了压倒性的效果,这三个总是保持在焦点。

Metaverse Mod阵容

之途

在这里,设计师已经注意让按钮看起来与众不同,引人注目。利用明亮的黄色阴影与背景形成惊人的对比,艺术家成功地突出了这两个部分的重要性。

之途

队数字

带有深红色的饱和红色使CTA成为关注的中心。当然,你也不应该减少单调的黑色背景,大量的空白和在页面中心的紧密结合的文本块,它们不会产生任何其他的焦点。

队数字

El激情

虽然绿色通常与宁静和自然联系在一起,完美地融入了环境,但在这种情况下,它可以让按钮从场景中脱颖而出,引起整体的注意。这种效果是由于阴影的图像背景和少量的文字。

El激情

图标的反应

图标响应有一个非常繁忙的主页,有很多有趣的东西。有一个动画是值得你注意的,一个简短的描述,比较大的标识,一个导航栏。然而,尽管有这样的内容强度,2个按钮很容易脱颖而出,抓住人们的注意力。

图标的反应

Chatrify

创意团队不仅选择了明亮、温暖的黄色,将按钮与环境分隔开来,而且还使用了尺寸来增加CTA的视觉重量和重要性。因此,“现在就免费开始”成为了最优先考虑的事情。

Chatrify

Teletrack +

Teletrack Plus有一个宏伟的商业氛围,散发出一种信任和可靠的形象。虽然登陆页面上有大量的设备模型和功能列表,但底部那个相对较小但高度饱和的黄色按钮却非常醒目。像往常一样,巧妙的选择调色板的基调,打破了主要的调色板保存的情况。

Teletrack +

Mobirise

再说一遍,哪个按钮会首先吸引你的注意力?我相信,你们中的许多人会同意,比起优雅的幽灵按钮,实心的橙色按钮看起来更容易点击和吸引人。

Mobirise

老实说,找到对比度差和无缝着色的例子并不难,它们一直都在出现。然而,我们已经包括了CTA需要一些增强来带来更多转换的例子。

100年经过深思熟虑的行为

百思行是一个无与伦比的网站,有着令人印象深刻的美学。虽然红色看起来是正确的选择,但它帮助按钮融入其中,而不是脱颖而出。

100年经过深思熟虑的行为

紫花苜蓿的健康

Lucerne Health拥有如此壮观的照片背景,以至于很难让你的眼睛离开它。CTA完美地支持了主题,并利用了平静和宁静的蓝色基调。然而,这样的颜色只会让它远离焦点。

紫花苜蓿的健康

空气对流传热

对流空气是另一个优秀的网站设计的例子,其中的CTA迷失在一个丰富的背景。缺乏对比和体积小是一个糟糕的笑话,剥夺了它应有的关注。

空气对流传热

Soundsnap

Soundsnap有两个外观相似的按钮,因此具有相同的优先级。更重要的是,他们理想地融入环境。因此,唯一能立即吸引眼球的是顶部狭窄但明亮和醒目的信息栏。

Soundsnap

聪明的数字

“Find out more”按钮与整个设计完美呼应,为设计美学做出了微小的贡献。虽然背景可以作为文本和图形的基础,但按钮的定义仍然不是很清晰。

聪明的数字

尖塔

这里CTA有一个更独特的外观;唯一的缺点在于它的规模。一个有趣的背景与一些花哨的叠加效果有很大的视觉冲击,更不用说占据中心位置的巨大的白色实心标语,因此按钮自然地似乎是“在郊区”。

尖塔

绿色的人

黄色和绿色在这里起主导作用。虽然白色与这两种颜色相比显得突出,但它并没有突出到足以成为中心装饰品,尤其是当物体的尺寸非常小的时候。

绿色的人

马丁·雷恩

马丁•雷恩(Martin Wren)的网站证明,明亮的色调胜过阴郁的色调。虽然黑色按钮与设计完美结合,增加了一种复杂的注意,橙色的CTA在增加转化率方面更强大。

马丁·雷恩

皇家阿尔伯特音乐厅

该网站是基于郁郁葱葱,风景如画的背景,创造了整体美学和传达的信息。虽然铭牌看起来很有特色,因为它有清晰的字体和相对较大的尺寸,但搜索字段和提交按钮看起来很平滑和无缝。

皇家阿尔伯特音乐厅

大失所望

亡命之徒有惊人的创造性美学实现的装饰字体和装饰图形。为了强调CTA,设计者利用了额外的图形对象。

大失所望

结论

色彩选择在网站设计创作中起着巨大的作用;然而,实践表明,保持背景和CTA之间的对比是非常重要的。如果您想要增加转化率并改善与用户的交互,那么您应该考虑并操作这两个因素。

2020-03-20 17:23
相关热门