按钮颜色怎么选

品牌色能提供一致性，但按钮颜色还承担“这里能点、这里最重要、这里是危险操作还是继续操作”的职责。也就是说，按钮颜色除了要像品牌，还要像动作。

很多页面的问题不是品牌色不好，而是所有按钮都被做成同一个强色阶，结果主次不分。用户并不会因为按钮都亮就更容易点，反而会更难判断先点哪一个。

主按钮应该承担最明确的下一步动作，所以颜色和对比度都要更稳。次按钮不一定要抢主色，它更适合退到描边、浅底或中性色体系。危险按钮则应该和常规正向动作明显区分。

如果一个页面同时出现多个主按钮，颜色策略就已经有问题了。真正高效的按钮体系，通常是一屏里只保留 1 到 2 个最强动作色。

• 主按钮：最强对比和最明确的动作承诺。
• 次按钮：不抢主动作，但仍需清楚可点。
• 危险按钮：与常规操作显著区分，避免误点。

最常见的误判是只看空白设计稿，不看真实页面密度。单看一个按钮可能很好看，但放进真实页面后，如果导航、标签、角标和提示色也都很强，按钮就未必还能成为焦点。

另一个误判是只看按钮底色，不看按钮文字和 hover / disabled 状态。很多品牌色在静态时好看，到了白字和 hover 态阶段就开始暴露问题。

• 按钮颜色一定要放回真实页面里看，不要脱离上下文单独判断。
• 主按钮先检查文字可读性，再看品牌一致性。
• hover、active、disabled 必须跟着一起验，不要只定默认态。