如果您需要帮助

点击刷新

我们将提供专业的咨询与合理的报价

提交成功!我们将尽快与您取得联系

这里有你想了解的网站建设内幕,
知彼知己者,百战不殆!

Here's what you want to know about website construction,
Bosom friend, a hundred battles!

如何通过按键颜色的对比来引导用户

本文作者:产品壹佰  发布于2016-07-17  分类:[产品要诀]

17

2016-07

阅读量:751

点赞:0

【文章摘要】一个模态窗口上的几个按键通常会集成好几个行动。为了让用户能识别出它们之间的区别,每个按键的颜色对比是我们不可忽视的论题。

你有没有过意外点错按键的时候?当用户没有被正确引导时往往会在模态窗口上做出错误的决策。很多模态窗口会在不明确不同行动区别的条件下就弹出来。

不同按键之间明确的颜色对比能够引导用户进行正确的选择。确实明确的行动指示则会让用户困惑并降低他们的效率。这甚至还可能导致他们做出产生恶劣影响的错误选择。


正面、中性和负面行动


所有的按键都从属于三个大类之下:

1 正面 —— 改变、发送、添加信息

2 中性 —— 不做改变、返回屏幕(比如取消

3 负面 —— 删除、重置、阻止信息

一个模态窗口上的几个按键通常会集成好几个行动。为了让用户能识别出它们之间的区别,每个按键的颜色对比是我们不可忽视的论题。

正面行为需要最高的对比度

正面行动时在模态窗口上最常见的一类。用户需要知道那个行为能帮助他们完成任务。你应该给这类行动按键最高的颜色对比度来帮助用户去达成目的。放在它旁边的其它任何中性或负面行动按键应该具有较低的颜色对比。

要想达到最高的对比度,给你的正面行为按键填充上一个冷色以及白色的文字。所谓冷色就是蓝、绿和紫色等那些看着较为舒缓的颜色。而此类实色上的白色文字会比普通一般的黑字更加出挑些。

在正面行动旁边的中性或负面行动按键不应该被填充颜色。如果你那么做了会导致所有的按键之间的颜色对比变得太过相近。反之,如果只让它们显示边框则能较好地凸显正面行为按键。

当负面行为按键拥有最高的对比度时

相较正面行动,负面行动不应该具备更高的对比度。正面行动往往使用频率更高且更安全,而对于负面按键,我们要确保用户不会因为误点而出错。但是如果只有负面和中性两种行动存在时,我们应该赋予负面行动更高的对比。

在这个案例中,你应该给负面行动按键填充上暖色。所谓的暖色就是指红、橙、黄等略刺眼的颜色。当用户看到它时,他们自然会明白点击之前要三思。


赋予中性行动最低的对比度

中性行动永远不会在一个模态窗口里单独存在,它总是会和正面或负面行动成对出现。它应被赋予最低的颜色对比以不干扰到另外两者。

黑色边框对于用户识别来说已经足够了。无填充颜色让用户的注意力不会从正面或负面行动上移开。

但注意了,不要灰化边框+字,不然用户很可能会误认为这是一个禁按(disable)的按键。再怎么样他们也需要按键能和背景有所区别开来。


点赞

标签 : 
  • 产品要诀
  • 产品设计

相关推荐

010-62692880-1818 联系我们
北京网站建设|北京网站设计-20年网站建设公司【东方网景】
7x24客服热线
全国7x24小时客服热线
北京网站建设|北京网站设计-20年网站建设公司【东方网景】
产品全
专业市场策划团队
北京网站建设|北京网站设计-20年网站建设公司【东方网景】
收费优质
价格优惠
北京网站建设|北京网站设计-20年网站建设公司【东方网景】
优质服务
拥有百人团队服务
北京网站建设|北京网站设计-20年网站建设公司【东方网景】
系统稳
先进稳定的技术

北京市海淀区知春路6号锦秋国际大厦908