开场：好看的界面是省出来的

好看的界面大多不是加出来的，是省出来的。这一节给你一套预算表：一个主色加中性色、两种字重、一套圆角。超预算的东西再好看也砍。

一句话速览：一个主色、两种字重、一套圆角。往界面里加颜色看它变成年会海报，再一键做减法，感受高级感回来的瞬间。

一、先给颜色和字体定个预算

预算制的规则很短：

• 一个主色，其余交给黑白灰的中性色
• 两种字重，正文一档强调一档
• 一套圆角，定一个数处处沿用

想加第二种彩色时，先问自己一句「它值不值得动预算」，多数时候答案是省下来。

「每多加一种颜色，已有的每种颜色都在贬值。」 颜色的价值在于稀缺：只有一处玫红时，它就是全场焦点；有六种彩色时，谁都当不了焦点。

二、反着来：删到破坏为止

《About Face 4》给过一个可执行的办法：删减东西，直到删掉某件破坏了设计为止，再把最后删掉的那件加回来。一张促销卡堆了六件装饰（跑马灯公告、HOT 贴纸、NEW 贴纸、优惠券条、第二个按钮、渐变底色），逐件点掉，哪件删了页面就破，你自然会知道——六件未必都是装饰，有两件是筋骨，删了就破。

三、差不多一样？那就做成一模一样

克制还有一条更细的纪律，管的是「差不多」。《About Face 4》把话说得很重：不必要的差异是一致设计的大敌。两个间距几乎一样，就调成同一个数；两种颜色几乎一样，就用同一个。每处差异的存在都要有理由，找不出理由，就消除它。

一张卡上的三处「差不多」：行距一处 12 一处 15，两枚标签的粉一深一浅，字号 13 和 13.5 混着用。单独看每处都说得过去，叠在一起就是股说不出的松散。

四、颜色的音量键：饱和度

颜色预算管的是「几种」，饱和度管的是「多响」。《About Face 4》提醒过：高饱和的颜色个个都在喊，凑在一起就是嘉年华效应，用户会被吵得不堪重负。同样三个标签，把饱和度当音量键推：35% 上下是工作界面的舒适区——分得清轻重，又不吵。

五、廉价感从哪来

界面显得廉价，最常见的原因是颜色太多且互相打架。觉得页面廉价，按顺序查：

1. 先数彩色有几种
2. 再数字重有几档
3. 最后看圆角统不统一

本节要点

• 预算制三条： 一个主色加中性色、两种字重、一套圆角。想突破预算，先问值不值。
• 每多一种颜色，已有的颜色都在贬值。 做减法比做加法更常出效果，删颜色是性价比最高的一步。
• 觉得页面廉价，按顺序查： 先数彩色有几种，再数字重有几档，最后看圆角统不统一。
• 两条可执行的纪律： 差不多一样就做成一模一样；拿不准要不要留，就删到破坏为止，再把最后删掉的那件加回来。