如何通过网站按钮颜色的对比来引导用(yòng)户

你有(yǒu)没有(yǒu)过意外点错按键的时候？当用(yòng)户没有(yǒu)被正确引导时往往会在模态窗口上做出错误的决策。很(hěn)多(duō)模态窗口会在不明确不同行动區(qū)别的条件下就弹出来。

不同按键之间明确的颜色对比能(néng)够引导用(yòng)户进行正确的选择。确实明确的行动指示则会让用(yòng)户困惑并降低他(tā)们的效率。这甚至还可(kě)能(néng)导致他(tā)们做出产(chǎn)生恶劣影响的错误选择。今天深圳网站建设-云梯就来分(fēn)享一下关于网站设计中(zhōng)按钮颜色设计的相关技(jì )巧！

正面、中(zhōng)性和负面行动

所有(yǒu)的按键都从属于三个大类之下：

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

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

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

一个模态窗口上的几个按键通常会集成好几个行动。為(wèi)了让用(yòng)户能(néng)识别出它们之间的區(qū)别，每个按键的颜色对比是我们不可(kě)忽视的论题。

正面行為(wèi)需要高的对比度

正面行动时在模态窗口上常见的一类。用(yòng)户需要知道那个行為(wèi)能(néng)帮助他(tā)们完成任務(wù)。你应该给这类行动按键高的颜色对比度来帮助用(yòng)户去达成目的。放在它旁边的其它任何中(zhōng)性或负面行动按键应该具(jù)有(yǒu)较低的颜色对比。

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

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

当负面行為(wèi)按键拥有(yǒu)高的对比度时

相较正面行动，负面行动不应该具(jù)备更高的对比度。正面行动往往使用(yòng)频率更高且更安(ān)全，而对于负面按键，我们要确保用(yòng)户不会因為(wèi)误点而出错。但是如果只有(yǒu)负面和中(zhōng)性两种行动存在时，我们应该赋予负面行动更高的对比。

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

赋予中(zhōng)性行动低的对比度

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

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

但注意了，不要灰化边框+字，不然用(yòng)户很(hěn)可(kě)能(néng)会误认為(wèi)这是一个禁按（disable）的按键。再怎么样他(tā)们也需要按键能(néng)和背景有(yǒu)所區(qū)别开来。

结语

如果颜色对比明晰的话，正面、中(zhōng)性和负面行动可(kě)以一块出现。它们之间的对比越是清楚，用(yòng)户就能(néng)越快地完成任務(wù)。颜色在界面上扮演着非常重要的角色——不仅仅是美感，页(yè)同样是能(néng)引导用(yòng)户行动的一种强力工(gōng)具(jù)。

/jianzhanzhishi/7725.html 如何通过网站按钮颜色的对比来引导用(yòng)户