（翻译）禁用按钮不应变灰的原因

  禁用按钮未激活时是什么样式&＃xff1f;大部分设计人员会将未激活按钮设为灰色&＃xff0c;但这么做按钮的启用状态和禁用状态看着完全不同&＃xff0c;让用户措手不及。从灰色变为全彩色不可预料&＃xff0c;会影响用户的预期。
  为了获得流畅的用户体验&＃xff0c;最好不要将禁用按钮设置为灰色&＃xff0c;而应增加按钮的透明度&＃xff0c;使其透明。

  禁用按钮变透明后&＃xff0c;用户还能看到按钮启用状态时的部分样式。虽然按钮变淡了&＃xff0c;但还能看出部分用色。当禁用按钮切换到启用状态时&＃xff0c;新外观符合用户的预期。
  透明的按钮更能融合背景&＃xff0c;而灰色按钮看着很突兀&＃xff08;除非背景也是灰色&＃xff09;。灰色禁用按钮样式醒目&＃xff0c;更有可能被用户点击&＃xff0c;真出现这种情况&＃xff0c;他们会想知道为什么点了没有反应。
  灰色按钮的另一个问题是&＃xff0c;用户很容易将它们误认为是次要操作。灰色通常表示按钮优先级低&＃xff08;如取消按钮&＃xff09;。用户看到灰色按钮时无法确定它是否被禁用&＃xff0c;除非点击按钮才行&＃xff0c;这种不确定性和不可预测性不符合最佳用户体验的要求。

  要让按钮变透明&＃xff0c;应调整按钮的不透明度&＃xff0c;而非颜色。最优的不透明度值会根据背景色而变化。从经验上看&＃xff0c;不透明度应小于40%&＃xff0c;或者透明到文本标签不可读。不透明度足够低特别重要&＃xff0c;否则用户可能会认为按钮是激活状态。
  将禁用按钮透明处理&＃xff0c;标识按钮的未激活状态&＃xff0c;不让用户混淆。这样&＃xff0c;随着界面情境变化&＃xff0c;用户将会获得流畅的、可预知的用户体验。

原文地址&＃xff1a;https://uxmovement.com/buttons/why-you-shouldnt-gray-out-disabled-buttons/