如何通过比较网站按钮

的颜色来引导用户 你有没有意外点击错误的按钮？当用户没有被正确引导时，通常在模态窗口上做出错误的决定。弹出许多模态窗口而不澄清不同操作之间的差异。

不同按钮之间的清晰颜色对比引导用户进行正确选择。实际上，明确的操作指令会使用户感到困惑并降低其效率。这甚至可能导致他们做出错误影响的错误选择。今天沈阳网站建设-Desert Wind在网站设计上分享关于按钮颜色设计的提示！

正面、中性和负面行动

所有按钮都从属于三大类：

1前——改变，发送，添加信息

2中性——不要改变，返回到屏幕（例如“取消”）

3否定——删除，复位，阻止信息

模态窗口上的几个按钮通常集成了多个动作。为了让用户识别它们之间的差异，每个按钮的颜色对比度是我们不能忽视的主题。

正面行为需要高的对比度

在前面行动时在模态窗口上常见的类型。用户需要知道该行为可以帮助他们完成任务。您应该为动作按钮提供高色彩对比度，以帮助用户实现目标。放置在其旁边的任何其他中性或负面动作按钮应具有较低的颜色对比度。

要获得高对比度，请为您的积极行为按钮添加一个很酷的白色文本。所谓的冷色是那些看起来更舒缓的蓝色，绿色和紫色。这种纯色的白色文字比普通的黑色字符更具选择性。

积极行动旁边的中性或负面动作按钮不应填充颜色。如果这样做，将导致所有按钮之间的颜色对比度变得太近。相反，如果您只让它们显示边框，则可以更好地突出显示正面行为按钮。

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

消极行为不应该比积极行动具有更高的对比度。积极行动通常更频繁和安全地使用，而对于负面按钮，我们希望确保用户不会因为延误而犯错误。但如果只存在消极和中立的行为，我们应该对消极行为给出更高的反差。

在这种情况下，您应该使用暖色填充否定操作按钮。所谓的暖色是指略带刺眼的颜色，如红色，橙色和黄色。当用户看到它时，他们自然会明白在点击之前他们必须三思而后行。

赋予中性行动低的对比度

中立动作从不存在于模态窗口中，它总是与正面或负面动作成对出现。它应该具有低色彩对比度，以免干扰其他两个。

黑色边框足以进行用户识别。没有填充颜色可以将用户的注意力从正面或负面动作中移除。

但要注意，不要边框+字灰，否则用户可能会将其误认为是禁用按钮。无论如何，他们还需要一个按钮来区分它与背景。

结语

如果颜色对比清晰，则可以在一个部件中发生正，中性和负面动作。它们之间的对比越清楚，用户完成任务的速度就越快。颜色在界面中起着非常重要的作用。——不仅美观，页面也是引导用户采取行动的强大工具。