视觉冲击 | 颜色vs反差,哪一个更能吸引眼球?

大多数的人们都熟悉色彩心理学;成百上千的文章、案例研究、甚至是从不同角度进行分析的图表。颜色对我们的影响,将影响我们决策过程中的每一个选择。这点是毫无争议的。但是,我们不应该盲目的遵循某一个原则去辨别。今天,我们就一起来测试对比度在吸引关注中的作用。

从柔和、平静的绿色转变到激烈、鲜艳的红色可以吸引来更多的关注。当然,这也不一定有效。如果没有铺垫好基础使其突出,那么吸引力将会大大下降。

这种情况下的“基础”就是转变。以下是我们收集的十个经典案例,鲜明的转变能让用户快速地融入到环境中,能快速地吸引人的注意。

颜色vs反差

悄悄的转变:

ESPN Sports Programming

ESPN体育节目官网的首页就是一个很好的例子,充分说明了颜色在转变中是如何发挥作用的。该网站有两个吸引人的地方:第一就是激烈、鲜明的红色;第二就是坚实的背景。这不是要比右边简单的文字更有吸引力吗?

视觉冲击 | 颜色vs反差,哪一个更能吸引眼球?

Moovrs

尽管按钮没有采用大胆的红色基调,但该网站也被认为是个成功的网站。主要是由于采用了强烈的转变,背景和主要的配色方案,CTA能立即吸引眼球,这是一个成功的点所在。

330395

 

Metaverse Mod Squad

这是另一个设计符合色彩心理学很好的例子。该网站红色基调是很重要的元素,是轻易区分重要细节很好的工具。尽管背景拥有浓烈的艺术气息,但汉堡菜单按钮、以及其他红色基调的元素依旧能吸引人的眼球。330397

S-Trip

该网站设计师设计的按钮看起来是那么的独特和引人注目。采用一个明亮的黄色阴影、以及对比度突出的背景,这两点足以彰显出艺术家的气息。330399

Squad Digital

深红色的基调,使按钮成为焦点。当然,你不应该削弱暗黑色背景的作用。大量的空白区域以及核心组件也没有抢走中间按钮的吸引力。330400

El Passion

尽管绿色通常是营造一种宁静、自然的环境,但这个案例中,绿色的按钮足够有吸引力使之成为整个页面的焦点。这主要是背景图像和简短文本信息所凸显的结果。

330401

 

Icons Responsive

Icons Responsive网站看起来好像很忙碌,因为有太多有趣的东西的缘故吧。有一个动画很值得你关注,那就是有着简短描述、辨识度高的导航栏。尽管内容很饱满,但那两个强烈的绿色按钮却很夺目。

330402

 

Chatrify

不仅选择明亮、温暖的黄色作为按钮的背景色来设置环境,同时尺寸上也增加了视觉重量和加强了CTA的意义。因此,“Get started now for free”这个按钮看起来是多么醒目。330403

 

Teletrack Plus

Teletrack Plus华丽务实的气氛给人信任和可靠性。尽管登陆页面有设备模型和功能列表的元素,但相对较小,高饱和度黄色按钮的放置是多么引人注目。跟往常一样,巧妙地选择避开主要的色彩基调以达到突出某一元素的功效。

330404

Mobirise

哪一个按钮能预先吸引你的注意呢?我相信,很多人都会选择更坚实和可点击的橙色按钮,而不是优雅的幽灵按钮。

330405

说实话,想找到一些转变和颜色无缝的例子不是很困难,这随处可见。尽管如此,我们也有包括CTA需要一些改善带来更多转变的例子。

结论

色彩的选择在网站的设计中起着巨大的作用。然而,实践表明,保持背景和CTA的对比度是至关重要的。如果你想提高转化率和改善用户的交互体验,那么你应该在设计中多考虑这两个元素。

 

 

 

未经允许不得转载:水平线设计 » 视觉冲击 | 颜色vs反差,哪一个更能吸引眼球?

赞 (1)
分享到:更多 ()

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)