禁用按钮未激活时是什么样式？大部分设计人员会将未激活按钮设为灰色，但这么做按钮的启用状态和禁用状态看着完全不同，让用户措手不及。从灰色变为全彩色不可预料，会影响用户的预期。
为了获得流畅的用户体验，最好不要将禁用按钮设置为灰色，而应增加按钮的透明度，使其透明。
禁用按钮变透明后，用户还能看到按钮启用状态时的部分样式。虽然按钮变淡了，但还能看出部分用色。当禁用按钮切换到启用状态时，新外观符合用户的预期。
透明的按钮更能融合背景，而灰色按钮看着很突兀（除非背景也是灰色）。灰色禁用按钮样式醒目，更有可能被用户点击，真出现这种情况，他们会想知道为什么点了没有反应。
灰色按钮的另一个问题是，用户很容易将它们误认为是次要操作。灰色通常表示按钮优先级低（如
取消按钮
）。用户看到灰色按钮时无法确定它是否被禁用，除非点击按钮才行，这种不确定性和不可预测性不符合最佳用户体验的要求。
要让按钮变透明，应调整按钮的不透明度，而非颜色。最优的不透明度值会根据背景色而变化。从经验上看，不透明度应小于40%，或者透明到文本标签不可读。不透明度足够低特别重要，否则用户可能会认为按钮是激活状态。
将禁用按钮透明处理，标识按钮的未激活状态，不让用户混淆。这样，随着界面情境变化，用户将会获得流畅的、可预知的用户体验。
原文地址：https://uxmovement.com/buttons/why-you-shouldnt-gray-out-disabled-buttons/