很多界面把按钮做得很轻，原因通常是担心看起来不够克制。但按钮不是装饰，它是路径的入口。用户找不到按钮的成本非常高：反复寻找会带来不确定感，犹豫会降低转化，误点会增加挫败。按钮的设计目标很直接：在正确的时机被看见，在正确的位置被理解，在点击后给出明确反馈。
当你觉得按钮“有点淡”却说不出哪里不对时，通常不是单一颜色的锅，而是对比体系没建立。对比体系包括明度对比、面积对比、形状对比、边界对比以及周围噪声对比。只改颜色往往收效有限，因为按钮周围仍然存在同样强的元素在分走注意力。
很多页面的按钮明度差其实够了，但仍然显得不突出，常见原因是按钮周围太拥挤。密度高会把对比“稀释”掉，按钮即使颜色更亮，也会被大量文本和图标包围，最后像一块普通色块。解决方法是先做减法：把按钮周围非必要的链接、标签、图标往后移，把说明文案压缩到一到两行，把无关的信息折叠到二级入口。
当密度被降低，按钮的对比度会自然变强。你会发现不需要把按钮做得很刺眼，也能被轻松定位。这种“通过留白提升对比”的方式更稳定，因为它不依赖某个特定颜色，在不同主题和不同屏幕上都更可靠。
一个好用的方法是把界面拆成三层：背景层、容器层、控件层。背景层负责稳定整体氛围，容器层负责分区，控件层负责交互。按钮属于控件层，它的对比应当同时相对于背景和容器都成立。很多失败案例是容器层已经很强，例如卡片边框和阴影很重，于是按钮在容器里显得像一段普通文字。
当容器层较强时，按钮可以通过更明确的形状边界来突出，比如更清晰的圆角矩形、更稳定的内边距、以及可见的描边。描边不一定要很重，但要足够让按钮和容器在边界上分开。边界清楚后，用户能更快把它识别为可点击目标。
按钮的可用性不仅在默认态，也在状态切换时。默认态的对比要让人愿意点，悬停态要让人确认自己点对了，按下态要让人感觉动作已经被接收，不可用态要让人理解为什么不能点。很多按钮看不清，其实是不可用态做得太像默认态，用户无法判断系统是否允许操作。
做状态对比时要避免只改一个属性。只改颜色容易受显示设备影响，只改阴影在浅色背景上可能不明显。更稳的做法是组合变化：颜色稍变加上描边变化或透明度变化，同时保持文字与图标的对比不被破坏。状态变化不需要夸张，但必须可感知。
很多产品喜欢用文字按钮来显得轻量，但文字按钮对语义要求更高。用户必须从文案就能理解它是动作而不是信息。比如“了解详情”比“详情”更像动作，“立即获取”比“获取”更明确。文字按钮还需要更稳定的位置关系，最好与它所作用的对象在同一组，并保持统一对齐，让用户不用在页面里到处找入口。
如果文字按钮承担的是主行动，那就不要勉强用文字形态。主行动应该让用户在扫描时一眼定位，文字按钮更适合次要动作或低风险入口。把主行动降级成文字往往会让用户停顿，这种停顿很难通过其他元素补救。
在设计软件里看按钮很清楚，不代表真实使用也清楚。建议做一次盲扫测试：把页面缩小到能看到全局的比例，快速扫一眼，数一数你第一时间能定位到几个可点击入口。然后把屏幕亮度调低一点，再扫一次。再把页面截屏发到手机上，在通勤光线下看一眼。你会发现很多在桌面环境下成立的对比，在移动场景里会变得模糊。
盲扫测试的结果通常会指向同一件事：不是按钮不够亮，而是页面里有太多“像按钮”的东西。把噪声降下来，按钮自然会更清晰。可用性不是靠一块更饱和的颜色赢来的，而是靠整体秩序和对比体系赢来的。
最后把对比度写成可复用的规则：主按钮与背景的最低明度差，主按钮与容器的最低边界差，文字按钮与正文的最小差异，以及不可用态与默认态的最小区分度。规则不需要很复杂，但要能在不同页面复用。对比成为系统后，按钮清晰就会变成默认结果，而不是每次都靠感觉调出来。
有些界面为了追求轻盈，会把按钮的填充去掉，只留一条非常淡的描边，文字也用接近正文的颜色。结果是按钮既不像按钮，也不像链接，用户只能靠试错来确认可点击性。另一个常见误区是把按钮放进复杂背景里，例如渐变图、纹理图或高对比插画上。背景越花，按钮越需要稳定的底色容器，否则即使颜色很亮，也会被背景纹理切碎。
如果你必须放在复杂背景上，优先给按钮加一个半透明底板或模糊底板，让按钮的对比建立在“局部可控的背景”之上。不要指望按钮自己单独对抗复杂背景，那会迫使你把颜色调到很刺眼，最后既破坏氛围也破坏阅读。
按钮清晰只是起点，真正的体验在路径里完成。用户点击按钮之后，往往要填写表单、看提示、等待结果。如果表单输入框的边界很弱、提示文案和错误状态不明显，用户会把挫败感归因到按钮本身，觉得系统不可靠。建议把同一条路径上的控件对比统一起来：输入框的边界清晰度不应低于按钮，错误提示的颜色对比要高于普通说明，成功反馈要比普通提示更醒目。
当路径被统一，你会发现主按钮不需要一直“最大最亮”。它在关键节点突出即可，在其他节点保持稳定即可。可用性更像节奏，而不是全程用力。把节奏设计出来，用户会觉得这套界面很顺畅，哪怕颜色并不夸张。
