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

正面、中性和负面行动

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

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

2中性——不做改变、返回屏幕（比如“取消”）

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

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

正面行为需要高的对比度

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

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

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

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

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

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

赋予中性行动低的对比度

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

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

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

结语

如果颜色对比明晰的话，正面、中性和负面行动可以一块出现。它们之间的对比越是清楚，用户就能越快地完成任务。颜色在界面上扮演着非常重要的角色——不仅仅是美感，页同样是能引导用户行动的一种强力工具。

湖北设计网站公司：如何通过网站按钮颜色的对比来引导用户

以上就是关于“如何通过网站按钮颜色的对比来引导用户”的相关知识！，互联网作为当下信息量大和用户多的一个媒体平台，传播信息可谓是快、准、狠，很多企业正是看中了互联网这一特性，往往都会优先选择网络来宣传自己的品牌和产品。但是，苦于对互联网的认识不够全面，往往为了跟风，盲目花个几千上万块钱来找人家来做个传统型网站，然后又花点钱去做推广，之后，钱是花出去了，网站也做了，结果却差强人意，钱就如同打水漂一样。究其原因，这往往是传统型网站存在的弊端所致。武汉怡橙科技，有7年建站经验，我们懂建站，更懂营销。想要了解更多“如何通过网站按钮颜色的对比来引导用户”的信息，请致电专业商务经理，电话：400-960-5068！