那个让用户抓狂的蓝色按钮，Steve Krug早看透了

Steve Krug 坐在会议室里，看着测试用户第三次点击那个"不像按钮的按钮"——然后放弃。他写下了一本让设计师脸红的书。

别让我想：一个让产品经理失眠的原则

Krug 在《Don't Make Me Think》里提出的核心概念叫"自解释设计"。听起来像废话，执行起来全是坑。

用户落地一个页面，应该在 0.5 秒内明白三件事：这是什么、能干什么、怎么操作。不需要说明书，不需要教程，更不需要 Krug 说的"认知挖沟"——那种被迫停下来琢磨"这玩意儿到底能不能点"的精神劳动。

把这个原则搬到视觉设计上，尤其是颜色，目标立刻从"好看"变成"别添乱"。颜色不是用来拿设计奖的，是用来消除歧义的。

想想看：你用过多少产品，按钮长得跟背景文字一模一样？链接用了下划线以外的颜色，但你猜了三次才点对？

这就是在逼用户挖沟。

goodwill 蓄水池：每次混乱都在漏水

Krug 有个特别形象的比喻——"善意蓄水池（reservoir of goodwill）"。

每个用户进来的时候，池子里都有一定量的耐心。遇到一次困惑，漏一点；遇到一个不像按钮的按钮，再漏一点。漏光了，用户就消失，而且大概率再也不会回来。

保护这个池子，视觉设计得做两件事：

视觉层级：颜色必须清楚告诉你什么重要。如果所有东西都在抢注意力，等于没有东西重要。Krug 没说的潜台词是：设计师的 ego 往往是蓄水池最大的漏洞。

一致性：同样的动作必须长得一样。提交按钮在第一页是蓝色，到第五页变成绿色，用户会愣住——"这是同一个功能吗？还是陷阱？"

改变颜色逼用户思考，思考消耗 goodwill， goodwill 耗尽用户跑路。链条就这么简单。

60-30-10 法则：给颜色上紧箍咒

Krug 没规定具体用几种颜色，但现代 UX 实践从他这套哲学里长出了一个可操作的工具：60-30-10 法则。

拆解一下：

60% 给主色或背景色——通常是中性色，白、灰、米白，让眼睛有地方休息。

30% 给辅助色——结构、分区、次级信息，建立空间感但不抢戏。

10% 给强调色——关键操作、高亮、你想让用户点的那一下。

这个比例不是数学公式，是认知负荷的防火墙。当颜色被关进笼子，用户的注意力就有了默认路径，不用每次重新学习。

很多产品的问题是反过来的：10% 的背景，60% 的强调色，满屏都在尖叫"点我点我"。结果用户 paralysis by analysis，什么都不点。

为什么这件事现在更值得聊

Krug 的书写于 2000 年，但今天的界面复杂度是当年的十倍。同一个屏幕里塞着导航、通知、广告、推荐、社交证明——每个模块都有自己的颜色野心。

AI 工具还在加速这个趋势。生成式界面（generative interface）能根据用户状态实时调整布局，但如果颜色逻辑不扎实，动态变化只会制造更多混乱。

好消息是，Krug 的框架依然锋利。自解释设计、善意蓄水池、有节制的颜色系统——这些不是审美偏好，是用户留存的基础设施。

下次评审设计稿的时候，可以问三个问题：用户需要想吗？ goodwill 在漏吗？颜色是在引导还是在抢戏？

答案不满意的话，回到 60-30-10 重新来。Steve Krug 不会知道你的产品，但他的用户会感谢。