第 14 章 对比：几乎所有设计问题的解药
上一章我们在画面上放了秤，讨论重量和平衡。这一章要处理一句你一定会说、也一定最怕听到的话。
“导师，你帮我看看这张图。我自己觉得……哪儿都挺好，就是不出彩。”
我先告诉你一个坏消息：“哪儿都挺好”不是半句好话，它是整句话里最糟的那一半。
“啊？这不是说没毛病吗？”
是把毛病都藏起来了。你想想这句话的字面意思：每个地方都差不多好。翻译过来就是——每个地方都差不多。 你没有一块地方比别的地方强很多，也没有一块地方明显弱。整张图是平的。
那”不出彩”又是怎么回事？
出彩是一个关于记忆的词。别人看你的图三秒，转头还记得一样东西，那叫出彩；什么都记得一点，等于什么都不记得。出彩不是”加了很多好东西”，是”有一处从画面里跳出来了”。
而”跳出来”这件事，物理上只可能通过一种方式实现：它和它周围的东西不一样。
所以这句话的完整翻译是：这张图不缺元素，不缺技巧，缺的是差距。而”出彩”这件事的背面，往往不是缺装饰，是对比不够。
“那我加个渐变、加个投影、换个更炫的字体？”
停。这三件事我都拦你一下。
渐变、投影、炫字体，都是在往画面里加东西。而对比要做的不是”加”，是”拉开”。你把标题从 24 号改成 36 号，一个像素都没增加，但对比变了；你给标题加了一圈发光特效，画面上多了三层东西，对比一点没变——因为正文还是那个正文，标题还是那个标题，两者的关系没动。
这就是我要你在这一章建立的第一个区分：装饰是在做加法，对比是在做差值。 加法会让画面更满，差值才会让画面有主次。
这一章我会给你四样东西：对比为什么有效（它的生理账）、你手上到底有哪些可用的对比维度（八种）、新手真实会犯的错（我先告诉你答案：不是对比过度，是对比不足）、以及三个能立刻用的诊断动作。
一、没有对比就没有信息：视觉系统是一台差分器
先把”对比”这件事的合法性立住。不然你学完八种维度，还是会在客户说”太跳了”的时候乖乖把对比调回去。
第 02 章我讲过一件事：你的视觉系统对绝对值几乎不感兴趣，它只对差值敏感。这里需要把那笔账重新算一遍，因为它是本章所有内容的地基。
“我记得。当时说的是明暗适应——同一个灰，放在亮屋里看着深，放在暗屋里看着浅。”
对。那我再给你三个更狠的例子，你自己判断。
第一个，马赫带（Mach band）。 找一张由几条灰度阶梯拼起来的图——每一条内部是均匀的一个灰，条与条的边界处灰阶跳一格。你盯着任意一个条带看，会发现它在靠近深的那一边显得更亮、靠近浅的那一边显得更暗。每一条内部是绝对均匀的，物理上没有任何渐变，但你就是看见了渐变。
你的视觉系统在边界处做了”边缘增强”——它主动夸大了两侧的差异。它为什么要这么干？因为在自然界里，边界比面积重要得多：边界意味着物体的轮廓、意味着有个东西从背景里分出来了。所以你的视觉系统宁可谎报也要把边界标出来。
第二个，白纸与煤堆。 一张白纸，放在正午的户外，反射的光通量可能是室内一个黑色煤堆的几十倍。但你不会觉得室外的白纸比室内的煤块更”白”——你看见白纸是白的，煤堆是黑的，各自在自己的环境里。因为系统读的是相对值，不是绝对值。
第三个，你此刻的屏幕。 深灰的字压在白底上。如果把配色反过来——白字黑底——字还是那些字，数据一模一样，但整个界面的”脾气”完全变了。字面信息一个字节都没少，变的是差值的方向。
“行，我承认视觉系统是个差分器。但这跟’设计要好’有什么关系？”
关系大了。三层推论，一层比一层要命。
推论一：完全一致的东西，等于什么都没说。
一张纯白的纸，没有任何图形，它能传递多少信息？零。不是”少”，是零。因为它内部没有任何差异可供读取。
一段话，每个字都加粗——等于每个字都没加粗。一份简历，每一条经历都写三行——读者一条都记不住。一屋子人穿一样的制服——你找不到你要找的那个人。
这不是修辞，这是差分器的直接后果：当所有位置的读数相同，差值为零，信号为零。 这时候你往里加多少”好东西”都没用，因为你加的东西没有降低任何地方的读数，它们的差异依然是零。
推论二：注意力被差异分配，而不是被重要性分配。
你做一个页面，心里清楚最重要的信息是”立即下单”按钮。于是你把它做得很用心：圆角、主色、加了阴影。但你页面上还有另外五个元素也很用心——轮播图很用心、导航栏很用心、三个推荐位都很用心。
结果是什么？观众的注意力不是按你心里的”重要性”分配的，是按画面的”差异度”分配的。 你的按钮和另外五个元素用心程度差不多，差异度就差不多，注意力就被均分了。你的”最重要的按钮”拿到六分之一的注意力。
反过来说，哪怕是一个很小的元素——只要它是画面里唯一的一个红点、唯一的斜线、唯一的一个人脸——它就能抢走大部分注意力。它不重要，但它”不一样”。第 13 章我们讲视觉重量，说重量来自八个因子；你往回看那八个因子，会发现它们本质上都是同一句话的不同说法：这个元素和它周围差别大。
推论三：对比可以做加法，也可以做减法，而且减法通常更高级。
这是新手不知道的一个岔路口。
你想让标题更突出。绝大多数人的第一反应是”把标题弄大、弄粗、弄红”——这是在抬高主角。但还有另一条路：把别的东西压下去。 把正文调淡一点、把装饰删掉两个、把副标题的字距松开让它在视觉上退后。
两条路都能达成同样的差值，但结果的气质完全不同。抬高的那条路，画面整体能量在上升，容易变吵；压低的那条路，画面整体在安静下来，主角是”剩下的那一个”，而不是”喊得最响的那一个”。那些看起来很贵的东西，主角往往不是最大的，而是周围最空、最安静的那个。
“那我做东西的时候，是不是应该干脆把主角做到极致大？”
先别急。这个问题第四节有答案。在那之前，你得先知道自己手里有哪些牌。
二、八种可用的对比维度
我见过太多人一说”对比”，脑子里只剩下一个动作：把字调大。这不是对比，这是对比的一个维度里的一个方向。
你手上能打的牌至少有八张。我一张一张讲，每张讲三件事：它的机制（凭什么有效）、它最适合的用途、以及它最典型的误用。
1. 大小对比
机制：占面积越大，被注意的概率越高。这是八张牌里最原始的一张，连婴儿的视觉系统都吃这一套。
但有个必须说清的坑：你感知到的”大小”，是相对面积，不是绝对尺寸。
一个 200 像素的图标在手机屏幕上是主角，在地铁站灯箱上是一粒芝麻。这不只是一条常识，它有个实战后果：你的画面越小，同样的尺寸差能制造的对比越强。 手机端界面里，一个 16 像素和一个 20 像素的字就能分出层级；户外大牌上，同样的差距等于零。
最适合：建立信息层级。一级标题、二级标题、正文，靠大小拉开是最直接、最不容易出错的办法。
最典型的误用：把 24 号改成 28 号，然后抱怨”我加了对比啊，怎么没效果”。
24 到 28，字号增加不到 20%，而面积增加约 36%——听起来不算小，但人眼对面积的判断是对数级的，这点差距在日常观看距离下几乎读不出来。这就是为什么第四节我要给你一个硬标准。
判据：闭上眼睛眯起来看，如果你分不清哪个是标题，大小对比就是失败的。
2. 明度对比
机制：明度是八张牌里的老大，第 08 章已经把这笔账算过一次了——你的视觉系统里，负责”形状、位置、运动”的那条通路基本是色盲的，它只读明暗。这意味着：
- 明度对比决定”能不能看见”。 色相对比做不到的事，明度能做到。
- 明度对比决定”谁在前谁在后”。 同等条件下，和背景明度差大的东西显得更靠前。
- 明度对比决定画面的”骨相”。 你眯起眼睛看一张图，看到的全是明度关系；那时候还立得住的图，骨相就是好的。
最适合：一切涉及”可读性”和”主次”的场合。它是唯一一个你永远不该省略的维度。
最典型的误用：用两个色相不同、但明度相同的颜色去做层级。
最经典的事故是红底绿字。红和绿在色环上是对立的，看起来”对比很强”，对不对？把这张图去色，你会发现红和绿几乎变成同一个灰。红底绿字在明度上等于灰底灰字——它是一句隐形的话。 你的眼睛认得出字在哪（靠色差，勉强），但读起来极累，因为负责识别形状的那条通路读不到边界。
同类事故在日常工作里天天发生：浅灰的正文（比如那个著名的 #999）压在白底上、深蓝底上放深灰的辅助文字、浅黄底上放白字。它们的共同点是——作者在挑颜色的时候，只看了色相，没看明度。
判据：去色。任何设计，去色之后还能读出主次，明度对比就是及格的。
3. 色彩对比（色相与饱和度）
机制：明度管”看得见”，色彩管”分得清”和”感受到”。这两件事要拆开看。
色相对比是一个分类信号，不是层级信号。它的意思是”这两样东西不是一类”——红队和蓝队、冷菜区和热菜区、已处理和未处理。色相不擅长表达”谁更重要”。 你没法用”红色比蓝色重要”来说服任何人，但你能用”红色是一类，蓝色是另一类”让人立刻分清两组东西。
饱和度对比是一个能量信号。高饱和 = 兴奋、廉价、警告、促销；低饱和 = 克制、距离感、耐看。它跟”重要”也不直接挂钩——一个高饱和的红色块可能很重要（错误提示），也可能只是个装饰性的标签。
最适合：分区、分类、状态标记、情绪定调。
最典型的误用，有两个，都很常见。
第一个：用色相区分层级。 标题用红色，正文用蓝色，小字用绿色。作者的意图是”三种层级，三种颜色”，但读者的实际感受是”三种东西，三个频道”，层级关系一点没建立。去色之后，三个颜色的明度如果碰巧接近，整张图会瞬间塌成一片平灰。
第二个：把饱和度当成重要性的旋钮。 觉得”这个要强调”，就把它的饱和度拉满。拉满之后它确实跳出来了，但它传递的情绪是”打折促销”。你要强调一个高端理财产品，把它做成大红大黄的高饱和块，它确实被看见了，但同时也被归到了”超市传单”那一类里。
判据：如果一个颜色拿掉之后信息就丢了，它是在承担功能；如果拿掉之后只是没那么好看了，它是在承担装饰。分不清这两种，是配色出事故的头号原因。
4. 疏密对比
机制：单位面积里元素的数量和拥挤程度，会被直接读成”信息的密度”和”情绪的紧张度”。
密的地方，眼睛要走很多步，停留时间长，感觉”有事发生""信息多""紧张""热闹”；疏的地方，眼睛一步就跨过去了，感觉”空""松""贵""安静”。
这里有个关键点：疏密是相对的。 一片区域之所以显得疏，是因为旁边有一片密；如果整个画面都只有三个元素而且分得很开，那不叫疏密对比，那叫空。
最适合：控制呼吸感和节奏（这点第 15 章会接着讲）、制造”重点区”和”休息区”、用密集衬托空旷或反之。
最典型的误用：“均匀铺满”。
新手最怕空，于是本能地把元素等距地摆满整个画布。结果：每一处都一样密，疏密这个维度彻底失效——你既没有紧张的地方，也没有休息的地方，读者的眼睛无处落脚，也无处歇息。
还有一种误用叫”假疏密”：元素确实聚成了一堆，但那堆东西彼此间距完全相等，堆的内部毫无组织。这不是密，这是”挤在一起的一堆散沙”，它只让人烦躁，不让人觉得信息量大。
判据：用手遮住画面的一半，剩下的一半里，有没有明显”挤”和明显”空”的两块？没有，就没有疏密对比。
5. 粗细对比（字重与线宽）
机制：笔画的粗细，是视觉上的”音量”。
字重从细到粗，对应的不是”好看程度”，是说话的力度：细体是耳语，常规是平谈，中粗是强调，特粗是喊。线宽同理——一条 1 像素的线是”轻轻划了一道”，一条 8 像素的线是”砸下去一道”。
粗细对比最妙的一点是它不占地方。 你不需要把标题放大，只要把它的字重从常规改成特粗，它就能在同一字号下压住全场。这在空间紧张的地方（手机界面、表格、名片）是唯一的出路。
最适合：空间受限时的层级建立、表格的分区分隔、图标与文字的关系调整。
最典型的误用，有两个，分别对应两端。
一端是跨一级。从 Regular（常规）到 Medium（中等），在屏幕上几乎看不出区别，但它又确实变了——于是大脑进入那个最难受的状态：“这里是不是不一样？还是我记错了？“这就是第四节要讲的”差一点点”。
另一端是全部加粗。为了”醒目”，把标题、副标题、引导语、重点句子全加粗。一整段全粗的文字，视觉上等于一整块黑，读者反而找不到要读哪句。加粗是一种预算，用完了就没了。
判据：把画面缩小到看不清字的程度，只看”墨量”。如果看到的是一团均匀的灰，粗细对比就不存在；如果能看到明显的”黑块”和”浅灰带”，它就在工作。
6. 动静对比
机制：静态 = 水平、垂直、对称、居中、完整、清晰、静止；动态 = 倾斜、不对称、偏心、被裁切、模糊、不规则、有速度感。
动的元素会强烈地抓取注意力，因为你的视觉系统里有一整套专门检测运动的机制（那是几亿年演化留下来的生存硬件）。一个倾斜 10 度的方块，在一堆正着的方块里，比放大一倍还显眼。
最适合：需要”一眼抓住”的海报、需要引导视线的构图、需要表现速度或冲突的题材。
最典型的误用：全都在动。
一整张海报，标题斜着、副标题斜着、所有装饰元素都带角度还加了运动模糊。结果是什么？全都斜 = 没有斜。因为”动”被读成”和别的元素不一样”，当所有元素都不一样的时候，它们又都一样了。动静对比要求有大量的静，才有资格放一个动。
另一个误用是让不该动的东西动：把 logo 倾斜、把正文排版成斜的、把表格的表头做成不规则形状。这些东西的功能是”稳定可信”，让它们动，等于让一个公证人对你挤眼睛。
判据：画面里如果只有一个元素是斜的/被裁的/模糊的，你的眼睛会先去看它。如果不是，说明你动得太多了。
7. 质感对比
机制：质感是”表面的微观信息”——光滑还是粗糙、哑光还是高光、是照片还是色块、是手绘还是矢量、是有纹理的纸还是一块纯色。
质感这个维度不抢注意力（它通常不制造”看这里”），但它决定可信度和价格感。光滑高光的塑料感会立刻把东西归类为”便宜的工业品”；哑光、有细微纹理、有真实光影的表面会归类为”贵的东西”。
最适合：建立调性、制造层次（尤其是当画面只有两三种颜色、没法靠色彩拉开的时候）、让平面元素之间不打架。
最典型的误用：质感堆砌。
每个元素一种质感：标题是金属的、副标题是木纹的、按钮是玻璃的、背景是磨砂的、还有一个手写体的标签。单看每一样都有点意思，放在一起是一场灾难——因为观众的脑子会自动问”这些东西为什么会在同一个空间里”，而答案是没有答案。
质感是一种世界观，一个画面里通常只该有一种世界观。 你可以有一种主质感加上一种刻意的对撞（比如极光滑的界面上放一张粗糙的纸质照片），但不该有五种。
判据：给画面去色、再眯眼，如果你还能分辨出”这是好几种不同的表面”，质感多半太多了。
8. 方向对比
机制：元素自身的朝向和排列方向——横排还是竖排、是水平的线还是垂直的线、条纹是横是竖、一组图标是横着排还是竖着排、照片里人物的视线朝哪。
方向的对比是最容易被低估的一张牌。它的力量来自一个事实：你的视觉系统对方向极其敏感，而且会把方向的改变读成”事件”。 满屏横排的标题里，忽然来一个竖排的——那一个竖排会非常显眼，甚至不需要放大。
最适合：版面里打破单调、营造文化气质（竖排天然带东方气质）、在信息密集处制造分区、引导视线走向。
最典型的误用：斜一点点。
又是它。元素旋转了 3 度、5 度，看着不像有意的倾斜，只像没对齐。这个维度上，“差一点点”的恶心程度是最高的，因为人眼对”水平不水平”的判据非常精确，几度以内的偏差会被判定为”没放正”。
另一个误用是方向太多。横排的标题、竖排的副标题、斜放的标签、还有一组沿着弧线排的装饰文字——四个方向同时存在，画面失去基准，“哪个方向是正的”这个问题没有答案，读者会本能地感到不安。
判据：一个画面里，主方向只能有一个，副方向最多一个，第三个就该被砍掉。
好，八张牌讲完了。你现在手上有一整套工具，但我得马上泼一盆冷水：
绝大多数新手拿着这八张牌，打出来的都是同一张废牌——每张都打一点点。
三、新手真正的毛病：不是对比过度，是对比不足
我在这行这么多年，听过无数次”我是不是对比太强了”，几乎没有一次是真的。
真实的分布大概是这样的：十个说自己”对比可能过了”的人里，九个是对比不足，还有一个是把”元素太多”误认成了”对比太强”。
“不会吧。我看到过很多很俗的图，大红配大绿、字大得吓人，那不是对比过度吗？”
那不叫对比过度，那叫元素过多加上审美失控。你仔细看那种图：它通常同时用了七八种颜色、五六种字号、三四种字体，每个元素都在喊。它的对比强度其实不高——因为到处都在强调，等于到处都没强调。它的问题不是”差值太大”，是”差值太多、太乱、没有方向”。
对比过度和元素过多是两回事，前者几乎不会发生，后者每天都在发生。
回到你身上。你说你”加了对比”，我猜你是这么做的：
标题 24 号，改成 28 号了。 正文是浅灰，我调深了一点点。 主色我换了个更亮的蓝。 加了个投影，感觉立体了。
“对，我就是这么做的。有问题吗？”
有大问题。你做的这四件事没有一件成立了。我一件一件说。
标题 24 到 28：前面讲过，面积差不足以被读出，等于没改。
正文调深”一点点”：你从 #999 调到 #888？观众读不出差别，但你在心理上觉得自己做了工作。设计里最危险的一种自我安慰，就是”我调过了”。
主色换个更亮的蓝：这是换颜色，不是加对比。如果正文和背景的关系没变，主色再亮也只是让画面更吵。
加投影：投影是装饰。它增加了画面上的东西，但没有拉开任何两者之间的距离。
你现在看出来了吗？你的四次操作，有三次是”差一点点”，一次是加装饰。“差一点点”在设计里不只是无效，它是负分。
为什么”差一点点”最难看
这一小节是本章的硬核，我讲慢一点。
你有两个元素，它们之间可以存在三种关系：
第一种：完全一样。 两个方块，一样大、一样色、一样粗。读者看到会怎么理解？“这是同一类东西。“——大脑判定这是有意的统一，于是把它当成一个整体、一个系统、一组。这个判定是舒服的，因为世界被简化了。
第二种：差很多。 一个巨大，一个极小；一个纯黑，一个浅灰。读者看到会怎么理解？“这两个地位不同，大的那个是主角。“——大脑判定这是有意的层级，于是自动分配注意力。这个判定也是舒服的，因为秩序被建立了。
第三种：差一点点。 一个 24 号，一个 26 号；一个 #333，一个 #444；一个常规字重，一个中等字重。
读者的大脑会经历这样一个过程：
- 它检测到了差异（差分器不会漏掉这点差别）；
- 既然有差异，那就不是”有意的统一”；
- 于是它开始寻找这个差异的意义——“是不是这两个东西不一样重要？”；
- 它放大、比对、找线索，找不到足够的证据支撑任何含义；
- 最后它得出结论：这是个失误。作者手抖了 / 忘记对齐了 / 没调好。
这就是”差一点点”最难看的真正原因：它既不构成统一（因为有差异），也不构成对比（因为差异不够撑起含义），它唯一能成立的解释是”做错了”。
第 03 章讲格式塔的时候说过，大脑是个疯狂的意义制造机，它宁可编一个解释也不肯接受”这里没有意义”。你给它一个差一点点的差异，它编不出来，剩下的唯一解释就是”失误”。
所以你会看到那种经典的尴尬场面：有人指着一张图说”这两个标题好像不太一样大诶”，设计师说”对，我特意做的层级”，那人说”哦……”。那个”哦”就是没被说服。能被一眼看出、又不足以说服人的差异，就是设计事故。
那个判断原则
原则就一句话，我希望你把它刻进肌肉：
要么一样，要么差很多。不要差一点点。
这句话的厉害之处在于它是双向的：当你拿不准两个元素该不该有区别时，答案不是”稍微区别一下”，而是”要么彻底做成一样，要么彻底拉开”。 彻底做成一样是安全的，彻底拉开是有效的，中间那条路是唯一的死路。
那”差很多”到底是多少？给几个可以直接抄的量级：
- 字号：层级之间至少 1.5 倍起跳，理想是 2 到 3 倍。标题 48，正文别超过 24；正文 16，小字 12 有点悬，10 以下才明显是注解。
- 字重：要跨就跨两级。常规（Regular）直接跳到特粗（Bold/Black），别停在中等（Medium）。
- 明度：在从白到黑的灰阶上，有意义的层级至少跨 3 到 4 级。正文和背景之间要跨得更多——这是可读性的硬门槛，不是审美选择。
- 间距：成组间距和组外间距要成倍数关系（比如组内 8、组间 24），不要取 8 和 11。
- 倾斜角度：要么 0 度，要么 15 度以上。3 到 8 度之间是最难看的区间。
“这些数字这么死？有没有弹性？”
有弹性，但弹性的方向跟你以为的不一样：这些是下限，不是推荐值。 你可以比 3 倍更大，很少能比 1.5 倍更小。新手的问题永远是踩在下限上还不自知。
一个必须拆掉的挡箭牌：我只是想要”高级感”
我知道你会反驳。因为第 01 章的心法里我自己说过：高端护肤品广告常常是低对比的，浅米底浅灰字，看起来很贵。那是不是说明”低对比”也是一种合法选择？
是。但你学的东西还没到能用它的程度，这里必须把话说清楚。
高级的低对比，不是”所有地方都差一点点”，而是”整体压低，然后在压低的基础上保留极少的、精确的差值”。
它们的区别在于差值的分布结构，不是差值的绝对大小。
- 新手的”低对比”：字号 24/26/28，颜色 333/444/555，间距 12/14/16。所有相邻层级都差一点点。这是一整片糊。
- 高手的”低对比”：字号 42/14，颜色 2a2a2a/a8a4a0，间距 40/8。层级只有两级，但两级之间的差距巨大；整体色域被压在一个很窄的灰调里，但明度阶梯是清晰的。
看出来了吗？高手的画面里，对比的”量”可能不大（因为整体都压在中性调里），但对比的”清晰度”是极高的——从不拖泥带水。 该一样的地方严格一样，该拉开的地方一刀切开。
而且，高级的低对比通常要靠别的东西来补偿信息量：留白的比例、材质的细微差别、字距的松紧、印刷工艺的光泽。这些都是更贵的手段，不是”把对比调小”就能白拿的。
所以我的建议是：先把对比做到过分的程度，再往回收。 你在”过度”和”不足”之间找平衡点，比在”不足”和”更不足”之间找平衡点，成长速度快十倍。因为过度了你自己会看出来，不足你看不出来。
四、对比过度的代价：吵、廉价、没有重点
讲了半天”要够狠”，我也得把另一边讲完，否则你会变成一个只会喊的人。
真的把对比做到过头，会发生三件事。
第一，吵。
每一处强对比都是一个”看这里”的信号。信号太多，观众的注意力系统会被反复打断，表现为生理上的不适——眼睛累，脑子烦。这跟你在一个所有人都在同时说话的房间里待十分钟是同一种疲劳。
注意力的总量是有限的（这点后面讲视觉层级时会展开）。你每增加一处强对比，就花掉一份注意力预算。 花光了，观众就走。
第二，廉价。
这一条是社会学的，不是生理学的，但它极其真实。
强对比、高饱和、大字号、粗字重，这套视觉语言在过去一个世纪里被”叫卖”用得最多：清仓甩卖、路边摊、三流网站的弹窗、垃圾邮件标题。它已经被绑定上了”急切”的语义。
一个东西表现得急切，观众就会推断：它需要我立刻行动，说明它不稀有。而”不稀有”的反面就是便宜。
这就是为什么奢侈品、高端酒店的视觉系统几乎全部压低对比——它们要传递的是”我不急，你慢慢看”。自信的表达，音量是低的。 第 01 章说过这句话，这里是它的机制版本。
第三，没有重点。 这一条最致命，也最容易被误解。
“全都强调 = 全都没强调”这句话你肯定听过，但你可能没想过它为什么成立。原因是：强调是一个相对概念，它的本质是”别的没被强调”。
你把十个元素都做成最高对比，画面上就没有任何一个元素处于”别的没被强调”的状态。于是十个元素都失去了强调。你花出去的预算，回报是零。
所以正确的做法不是”把对比调小”，而是**“减少被强调的元素数量，同时把剩下那个的对比拉到更大”**。注意这两句话的区别：前者是削弱，后者是集中。
那一张画面上能有几个强调点？我的经验是：一个主角，加两到三个次重点，是上限。 超过这个数，观众就开始均分注意力了。一个主角的意思是——整张图里，只有一处是”第一眼”，其他所有地方都是配角，包括那些看起来很重要的配角。
“如果我就是有很多重要信息要放呢？”
那就分层。第一层给”扫一眼的人”（一个强钩子，三秒 get 到主题），第二层给”停下来的人”（清晰的信息层级，让人愿意往下读）。这是第 01 章思考题里提过的分层策略，这里你看到它跟对比的关系：两层之间，也要有对比；两层内部，各自遵守一个主角的规则。
五、三个诊断动作
理论讲完了。现在给你三个不需要任何审美、不需要任何天赋、照做就能出结果的检查动作。
动作一：去色，看明度层次。
把画面变成灰度（任何软件都有这个能力，具体怎么点你自己搜，我不教菜单），然后问自己三个问题：
- 画面上有几个明显的灰阶层次？如果答案是”一个”或者”分不清”，明度对比不足。
- 最亮的那一块在哪？它是你想让人看的东西吗？（这个问题第 01 章让你练过，它在这里的用途是检查对比的方向对不对。）
- 正文和背景的明度差够不够？把手伸远一点，或者把屏幕亮度调到最低，还看得清吗？
这一个动作能抓出本章八张牌里最重要那张的所有问题。
动作二：缩小到邮票大小，看还剩什么。
把画面缩到两三厘米见方，或者干脆把手机拿远一臂。这时候细节全部消失，只剩下大块的关系。
你还能看到什么？你还看得到的那些东西，就是这张图真正的对比结构。
- 如果缩到邮票大小，整张图变成一团均匀的灰：说明所有的对比都不够，或者对比太碎（到处都有小对比，但没有大对比）。
- 如果缩到邮票大小，还能一眼看到一个重心：说明这张图的大对比是成立的。这时候再去检查细节就不会跑偏。
这个方法还有个附带好处：它模拟了真实的观看条件。 你的海报会被人从三米外走过时看一眼，你的网页会缩在搜索结果的缩略图里，你的封面图会出现在手机上指甲盖大的位置。在邮票尺寸下成立，才是真成立。
动作三：把画面上所有的字号、字重、间距列出来，数一数有几种。
拿张纸，或者打开一个空文档，把你画面上用到的每一种字号写下来：48、32、28、24、22、20、18、16、14、12……
数一数，几种？
两三种：好。 说明你有清晰的层级，而且你敢下判断。
七八种：坏。 这是我最常见的病灶。为什么会变成七八种？因为每一次觉得”这个要突出一点”，就调大 2 号，从没想过把整个系统的层级重新定一遍。七八种字号不是丰富，是失控——它的本质是”从来没有定过层级，只是一次次微调”。
改良办法很机械：把七八种砍到三到四种，然后把砍掉的元素强行归到最近的那一档。归完之后你会发现画面突然干净了，而且没有损失任何信息——因为那些 22 和 20 的差别，本来就没有传递任何信息。
同样的清单也适用于字重、颜色、间距。一个成熟的设计系统里，这些值是枚举出来的，不是随手调出来的。你是程序员，这对你应该很亲切——这跟你们项目里定义一套常量而不是到处写魔法数字，是同一件事。
六、跨场景：对比在不同地方长什么样
我把这套东西放到五个完全不同的场景里，你看看它有多通用。
场景一：一张社区咖啡店的开业海报
画面上有：一杯咖啡的照片占满整个画面，右上角一个 logo，中间偏上压着”开业五折”四个大字，底部一行地址电话，再加一句”手冲 · 自家烘焙”。作者觉得不好看，说不上为什么。
用三个诊断动作走一遍：
- 去色：发现咖啡是深棕、背景是深灰褐、字是白色。字和背景的明度差还行，但咖啡和背景几乎融成一片——照片的主角（咖啡）在明度上消失了。
- 缩小到邮票大小：整张图变成一块模糊的深色，只有中间那行白字浮着。也就是说，这张海报现在唯一的对比是”白字 vs 深底”，咖啡、logo、地址全都贡献为零。
- 数字号：48、28、24、20、16、14，六种字号，五种颜色。
诊断结论：真正起作用的对比只有一组，其余元素全在打酱油，而主角（咖啡）因为明度太接近背景，反而没立起来。
怎么改？三刀：
第一刀，救主角。咖啡是画面里唯一该被记住的东西。照片本身救不了（拍都拍了），那就从版式上救——在咖啡后面垫一块浅色底（米白或浅灰），让深色的咖啡压在浅底上。明度一拉开，咖啡就出来了。
第二刀，砍层级。六种字号砍成三种：主标题 48、副信息（地址电话 + 手冲自家烘焙）16、logo 单独一路。28 和 24 强行并成 48，20 和 14 并成 16。
第三刀，压配角。地址电话和”手冲 · 自家烘焙”改成更浅的灰，字距松开一点。它们该退到后景去，不该和主标题抢。
改完之后对比结构变成：一组强对比（白字 vs 深底，撑起主标题）+ 一组中等对比（咖啡 vs 浅底，撑起主角）+ 一片刻意的低对比（次要信息退成背景纹理）。
注意这个三层结构——几乎所有好版面都是这个样子：一个最强的、一个中间的、其余全部压平。
场景二：一个后台监控面板的表格
这个你熟。一个服务监控页面，上面是十几个卡片，每个卡片里一个指标名、一个大数字、一个同比箭头、一个 sparkline 小图。
现在的样子：所有指标名都是 14 号深灰，所有数字都是 24 号加粗黑色，所有同比箭头都是红或绿的 12 号字，所有卡片都是同样的白底浅灰边。
问题在哪？
这是一张完全没有对比的图——不是对比不够强，是对比被复制了十二份。
每个卡片内部确实有对比（14 的名 vs 24 的数），但十二个卡片之间一模一样。整体看，画面是一整片均匀的”14 加 24”的纹理，眼睛扫过去，没有任何一个指标”更值得看”。
而监控面板的真实需求是让人在两秒内发现哪个指标出了问题。十二个指标同等重要，恰恰是这个界面最大的失败。
怎么改？
第一，让异常值自己跳出来。正常的数字用常规字重、中灰；超过阈值的数字变成特粗、变色、卡片加背景。平时不喊，出事了才喊。 这才是警报该有的样子——一直响的警报等于没响。
第二，拉开指标名和数字的对比。24 对 14 只有 1.7 倍，在密密麻麻的表格里不够。数字可以直接做到 36 甚至 40，指标名压到 12、浅灰、加宽字距。这样每个卡片的内部层级才立得住。
第三，给卡片分组。把相关的指标靠得更近，组与组之间留出更大的间距（疏密对比）。现在十二个卡片等距排列，读者不知道哪几个是一伙的。
你发现没有，这三刀里，只有第一刀是在”加强对比”，第二刀是”拉开差值”，第三刀是”建立参照”。没有一刀是加装饰。
顺带说一句，这个场景最该警惕的是颜色。红和绿在这里承担的是”正常/异常”的功能，如果你把二十个箭头全上了色（涨的绿、跌的红），红色就不再是警报，只是装饰。颜色的预算跟字重的预算一样，用一次少一次。
场景三：一张技术分享 PPT 的架构图页
画面：左边一列组件名（API Gateway、Service A、Service B、Cache、DB），右边一片方块和箭头组成的拓扑图，标题在顶部，右下角有个 speaker 的微信二维码。
常见毛病：
- 左边那列组件名，字号 18、常规字重、中灰；右边的方块里也是 18 号字、中灰。两边一样重，眼睛不知道先去哪。
- 箭头全是 2 像素深灰实线，二十根。流量有主有次，但在图上一模一样。 真正的主链路被淹没在二十根等效的线里。
- 二维码和组件名一样大、一样显眼。一个给会后会用的东西，抢走了会中该被看的东西。
三刀：
第一刀，分主次链路。主链路（用户请求 → 网关 → 服务 → 数据库）用 6 像素的深色粗线，其余的旁路（缓存同步、日志上报、健康检查）用 1 像素的浅灰虚线。线和线之间的粗细差，就是架构图里的”重要性声明”。 这一刀下去，图的主干立刻浮出来。
第二刀，压掉页面上的非会中元素。二维码缩到原来的三分之一，颜色压到浅灰，挪到最角落。它现在的对比强度跟组件名一样，这是明显错配。
第三刀，让左右不对称。既然讲点是右边的拓扑，就把左边的组件列压成”图例”——字号降到 12、浅灰、靠边站，右边占掉三分之二宽度。大小对比决定”哪一栏是主角”。 现在两边各占一半，等于告诉观众”这两栏一样重要”，而它们并不一样重要。
这个案例藏着一个更普遍的教训：架构图、流程图、时序图这些看起来是”技术内容”的东西，其实也是彻头彻尾的视觉产品。 它们的清晰度一半来自逻辑，一半来自对比。一张所有线一样粗、所有框一样大的架构图，跟一段所有变量都叫 temp1、temp2 的代码，是同一种懒惰。
场景四：一身穿搭
这个跟设计无关，但能最快验证你有没有真的理解。
一个人，白衬衫、深灰西裤、黑皮鞋、黑腰带、黑表盘黑表带、黑包。很安全，也很平——除了白衬衫这一处明度对比，全身再没有任何对比。 这种穿法的评价通常是”干净，但记不住”。
加一处就活了：一条酒红领带（色相对比）、一双白球鞋（明度对比，且位置最下，把视线从领口带到脚）、或一条编织纹理的皮带（质感对比）。
加一处就够。 加三处，你就变成”每件单品都在说话”的人——领带有图案、口袋巾有颜色、袜子有花纹、手表很闪。单看每件都有品，合起来是”用力过猛”。穿搭界那句”全身只有一个重点”，跟设计里的”一个主角”是同一条规则的两个马甲。
场景五：一个客厅
一个客厅，沙发、茶几、电视柜、地毯、落地灯、绿植，全沿墙摆一圈，高度差不多，颜色都是米白和浅灰。
这个客厅给人的感觉是”样板间”——没错，但没人味，待久了莫名地无聊。因为它把”统一”做到了极致，一个对比都没有。
修法不是买新家具，是制造三个差异：
- 大小差异：换一件明显更大或更小的家具——一张巨大的地毯，或一把特别小的单人椅。有了一大一小做参照，其余家具的尺寸才被”读”出来。
- 明度差异：满屋米白里需要一个深色的东西——深色柜子、深色画、或仅一组深色抱枕。没有深色，浅色就不成其为浅色。
- 质感差异：全是布艺和烤漆板时，需要一样粗粝的或反光的——水泥面边几、叶子很硬的植物、金属罩的灯。
这三件事跟你在海报上做的是同一件事。设计不是只在画布上发生的行为，它是”在一个空间里安排差异”这件事的一般形式。
心法
这一章讲了八张牌、一条原则、三个诊断动作。但我想让你带走的不是这些，是下面这件事。
设计的本质，是制造差异。而制造差异的代价，是牺牲一部分东西。
为什么说”制造差异的代价是牺牲”？因为差异是一个相对量。
你把标题从 24 号改到 48 号，标题变强了吗？没有——你真正做的是让正文相对变弱了。标题的力量不来自它自己有多大，来自它比别人大多少。这意味着：
你不抬高任何东西，你也抬不高任何东西。你抬高 A，代价必然是压低 B。
这个结论有个很不舒服的推论：画面上的”重要性”是一个零和游戏。 你想让三样东西都重要，你做不到，你只能让三样东西都不重要。
我知道这跟你的直觉冲突。你的直觉是”我把每样都做得更好一点，整体就更好了”。这是加法思维，它在工程里经常成立（缓存加上去，性能确实变好了），但在设计里几乎处处碰壁。因为设计处理的不是绝对性能，是相对关系。
你是程序员，我给你一个你们领域的类比，点到为止：这跟你做性能优化时面对的取舍是一模一样的。你想优化延迟，就得牺牲吞吐或者内存；你想优化一致性，就得牺牲可用性；你想让某个热点路径快，就得给别的路径加分支判断。没有一项优化是免费的，你只是在选把成本记在哪个账上。
设计里的每一次”强调”，都是一次成本转移。你把主标题拉到 48 号，成本记在正文头上——它变小了、变弱了、变得没那么值得读了。你把 CTA 按钮做成高饱和的橙色，成本记在其余所有元素头上——它们集体退后了一步。
新手和高手的差别，往往就在这儿：
新手做设计的时候，脑子里装的是”我要让什么变强”。高手做设计的时候，脑子里装的是”我愿意让什么变弱”。
再往深一层。
“制造差异的代价是牺牲”还有第二重含义，它更狠：你牺牲掉的那部分，不是垃圾，是你主动放弃的表达。
你把副标题压成浅灰，你放弃的是”副标题也值得一读”这个诉求。你把装饰删掉，你放弃的是”这个画面很丰富”这个印象。你把配色压成单色，你放弃的是”活泼”和”热情”。
这些都是真实的损失，不是可以忽略的零头。 一张好海报之所以好，不是因为它什么都做到了，是因为它明确地放弃了某些东西，然后把省下的所有预算压在一个点上。
去看看那些你真心觉得好的作品——海报、界面、或一间店——试着找找它放弃了什么。你总能找到。而那些什么都不肯放弃的作品，你会觉得”挺用心的”，但记不住。
第三重含义，也是我最想让你带走的：
既然代价是必然的，那么”敢不敢付”就是品味的全部。
很多人做设计做不好，不是因为不知道该加大对比，是因为不敢。不敢把副标题压那么小，怕老板说看不清；不敢把颜色减到两种，怕客户觉得单调；不敢删掉那个装饰，怕显得自己没干活。
于是他们把每样东西都做到”还不错”，把差异控制在”不会有人说不好”的范围内。结果是一张谁也挑不出毛病、谁也不会记住的图。
“挑不出毛病”和”好”之间的距离，就是设计里最大的那道坎。 而跨过它的唯一方式，是承担”被说太夸张了”的风险。
所以这一章给的那条原则——要么一样，要么差很多——它表面上是条技术规范，骨子里是条勇气规范。它逼你表态。 你不能躲在”差不多”后面，你必须决定这两个元素是同类还是不同类，是平级还是有主次。
最后给一个能立刻用的自检问题。每次你做完一张图，问自己：
如果这张图只能靠删东西来变得更好，我会删哪个？
如果你答不出来，说明你的画面上每一样东西的强度都差不多——你没有制造出真正的主次，你只是把东西摆上去了。如果你能立刻说出”我会删掉这个装饰、压淡那行字”，说明你已经有了层级，剩下的只是幅度问题。
删不动的时候，就该加对比了。加不动的时候，就该删东西了。这两句话是同一句话。
小结
这一章的起点是那句”哪儿都挺好，就是不出彩”。现在你该知道它的病根了：“都挺好”意味着画面里没有差值，没有差值就没有信息，没有信息就没有记忆点。
你手上有八张牌：大小、明度、色彩、疏密、粗细、动静、质感、方向。其中明度是老大——它是唯一决定”能不能看见”的维度，其余七张都是在”看得见”的基础上做文章。
你还有一个判断原则：要么一样，要么差很多，不要差一点点。 差一点点之所以最难看，是因为大脑检测到了差异却找不到含义，唯一的解释就是”失手了”。
我要特别提醒你记住本章的立场：新手的病是对比不足，不是对比过度。 你看到的那些”太跳了”的图，绝大多数是元素太多、方向太乱，不是差值太大。所以在”过度”和”不足”之间找平衡，比在”不足”和”更不足”之间找平衡，要快得多。
带走的一句话：你无法在不压低任何东西的前提下抬高任何东西。每一次强调，都是一次成本的转移——先想清楚你愿意让谁变弱，再动手。
下一章我们讲重复和节奏。如果说对比是”制造差异”，那重复就是”制造相同”——这两件事看起来相反，实际上是一对搭档。没有重复的对比是噪音，没有对比的重复是催眠。
【思考题】
-
找一张你自己的照片（或朋友的照片），把它去色，然后问自己：这张照片里最亮的区域和最暗的区域分别在哪？如果最亮的不是主体，你觉得这张照片还有救吗？用什么手段救？（提示：想想本章讲的”减法”路线。）
-
有人说”我这个页面信息量太大，所以只能每个都弱化一点”。你觉得这个推理成立吗？如果不成立，正确的做法是什么？举一个你工作中真实遇到过的、信息量确实很大的界面，说说它会怎么取舍。
-
本章说”要么一样，要么差很多”。请你观察身边的一件工业产品（手机、路由器、电饭煲、矿泉水瓶都行），找出它身上至少一处”故意做成一样”和一处”故意拉开差距”的设计，并推测厂家为什么这么决定。
-
“全都强调 = 全都没强调”，这句话你能用本章的”注意力预算”机制解释一遍吗？然后想一想：这个说法在什么情况下不成立？（提示：想想超市货架、音乐节海报这类”就是要吵”的场景。）
-
你手机里肯定有几个 App 的界面是”所有卡片长得一模一样”的（比如外卖、电商、相册）。挑一个，说说这个”一模一样”是设计师的失职，还是有意的选择？判断的依据是什么？
-
找一个你认为是”高级”的品牌或作品的视觉物料（画册、官网、包装都行），去色并眯眼看。它的明度层次是几级？它的对比是”处处差一点点”还是”整体压低 + 局部一刀切开”？这个观察有没有改变你对”高级感”的理解？
【参考答案】
-
有救，而且通常不需要重拍。这里的关键是把”明度”和”位置”分开想。
照片最亮的地方如果不是主体，观众的注意力会被那块亮区抢走——这是第 02 章讲过的硬机制，不是审美偏好。改的办法有两条路：
加法路线：把主体做亮。局部提亮主体、压暗周围（摄影里的”暗角”就是干这个的）。问题是容易显得假，压得太狠像加了个廉价滤镜。
减法路线——我更推荐这条：把那块抢戏的亮区压下去。天空太亮就压天空，白墙太亮就压墙，甚至可以直接把那块区域裁掉。你会发现，压暗背景往往比提亮主体更有效，也更自然——观众不会察觉”背景被压暗了”，只会觉得”主体更清楚了”。
这正是本章说的”对比可以做减法”。要特别注意一个陷阱：很多人第一反应是给主体加发光、加描边、加阴影。这是加法里的加法，画面只会更脏。先试压暗，别急着提亮。
-
这个推理不成立，而且它是个非常典型的、把”信息量大”和”层级多”混为一谈的错误。
信息量大指的是内容多，层级多指的是重要程度分档多。两件事没有必然关系。一份电话黄页信息量极大，但它只需要两个层级：条目和分隔。一个只有三行字的弹窗，也可能需要三个层级。
正确的做法是：信息量大的界面，恰恰更需要拉开对比，而不是弱化每个。 注意力预算是固定的，信息越多，你越必须帮读者决定”先看哪个”，否则他就放弃阅读了。
你工作中真实遇到的信息密集界面——监控大盘、日志列表、交易流水——最好的那些怎么做的？它们不是把每个字段都做小做淡，而是：默认只展示两级（一条记录的主字段 + 其余全部浅灰小字），把”第三级”藏起来，等用户真的需要时再展开。 这就是”分层”，它是处理信息量的正解。
而”每个都弱化一点”的真实后果是：重要的没突出，不重要的也没省事，读者两个都没得到。 它看起来”公平”，实际是把决策成本全推给了读者。
-
这道题要你练的是”看出别人的决策”，这是临摹的前提（第 33 章会专门讲）。
举几个常见的例子，你对照着看：
故意做成一样的：手机背面的摄像头模组，几个镜头做成同样的尺寸和同样的装饰圈——哪怕它们的实际规格完全不同。为什么？因为”一样”会被读成”这是一套系统”，看起来精密、有秩序。如果三个镜头做成三个尺寸，看起来会像三个零件被随便凑在一起。
故意拉开差距的：路由器上的那颗状态指示灯，通常做得又小又亮，而机身是哑光深色的。这是明度对比 + 大小对比的组合：它要在一堆造型里被一眼找到。还有矿泉水瓶——瓶身是透明或浅色的，标签是整片高饱和的色块，这是为了让它在货架的十几个竞品里被认出来。
你会发现一个规律：“做成一样”服务于秩序感和品质感，“拉开差距”服务于功能性的寻找。 一件产品上这两种决策往往同时存在，分工明确。你能看出这个分工，就算入门了。
-
用预算机制解释很简单：观众的注意力是有限资源，每一处强对比都在申请一份预算。当你有十处强对比时，十份申请加起来超过了预算总量，系统的处理方式是全部按比例削减——于是每处只拿到十分之一。十分之一的注意力，跟没有强调几乎没区别。
那这个说法什么时候不成立？
在”吵本身就是目的”的场景里。超市货架上所有品牌都在喊，你不喊就会被完全淹没——这时候”吵”不是失策，是入场券。音乐节海报同理，它传递的信息就是”这里会有很多事同时发生”，混乱本身就是内容。在这类场景里，“全都强调”传递的不是层级，而是”密度”和”热闹”这个整体印象。
所以更准确的说法是：“全都强调 = 全都没强调”，只在你需要观众做出选择的时候成立。 如果你不需要观众选——只需要他感受到”这里很丰富/很热闹/很划算”——那全都强调也是一种合理策略，只是它是另一种策略，不是”建立层级”那种。
判断方法：问自己”我希望观众看完之后做一个动作，还是获得一种印象”。做动作，就要有唯一的主角；要印象，就可以铺满。
-
这道题的陷阱在于：“所有卡片长得一模一样”既可能是失职，也可能是极高明的选择，两者的外观几乎相同，区别在意图。
判断依据只有一条：这个列表的使用方式，是”扫”还是”选”。
如果用户的典型行为是快速扫过、凭直觉挑一个（外卖选店、相册找照片、短视频封面流），那么卡片必须一模一样。因为这时候起决定作用的不是版式，是卡片内部的图片、评分、标题这些内容。版式统一保证了”扫描”能流畅进行——读者的眼睛不需要重新适应每一张卡片的结构，可以直接对位比较。在这里，版式的”无对比”是为了让内容的对比凸显出来。
如果用户的典型行为是在其中做一个决策（选套餐、选支付方式、选时间），那么一模一样就是失职。因为这时候你需要帮他区分——推荐的那一项必须长得更突出。
还有一个反例值得警惕：很多后台管理系统的列表也是”一模一样”的，但那是复制粘贴的结果，不是决策的结果。区分方法是看这个界面有”状态”的概念吗——如果有异常行、选中行、禁用行，而它们在视觉上和正常行没区别，那就是失职。有状态却不做状态区分，是后台界面最常见也最严重的对比缺失。
-
如果你认真做了这个观察，你大概率会看到一个反直觉的结果：那些看起来”很高级”的东西，去色之后明度层次往往非常清晰，只有两三级，但级与级之间的差距是断崖式的。
它们不是”处处差一点点”。恰恰相反，它们在”该一样的地方”严格到近乎偏执——同一层级的字号、字距、灰度完全一致，拿尺子量不出差别；而在”该拉开的地方”一刀切开，绝不含糊。
这个观察推翻了一个流行误解：高级感不等于”所有东西都淡淡的”。 淡只是表象，本质是”决策清晰”。
另外你会发现，高级的物料通常靠三样东西补偿它压低的那部分对比：留白的比例（空得比普通物料多得多）、材质的细微差别（纸张光泽、油墨厚度）、字距行距的精确。 这三样都更贵、更慢、更依赖经验。
所以给你一个务实的结论：在你还不能熟练使用留白和材质的时候，不要模仿高级感的低对比。 你会得到一个既淡又平、什么都不剩的东西。先把对比做足，把手感练出来，再学怎么收——这个顺序不能反。
【动手练习】
-
去色体检：给五张图做明度分级
找五张图（至少一张是你自己做的），对每一张做：
- 变成灰度
- 眯眼看，把画面上的灰阶分成”最亮 / 中间 / 最暗”三档，写出每一档大致占画面的百分之多少
- 圈出最亮的那块，回答”它是不是这张图最想让你看的东西”
自评标准：五张里至少有三张，你能明确说出”最亮的不是主角”。能说出来，说明你的眼睛开始读明度了。如果五张你都说”挺合理的”，有两种可能：你选的图都太好了（不太可能），或者你没真的在比较明度，只是在给现状找理由——换几张你自己做的图再试。
-
极端化训练：把一张图做成”过度”，再收回来
选一张你自己做过的、觉得”哪儿都挺好就是不出彩”的图。做两版：
- A 版（过度）：把主标题的字号翻一倍，把所有次要文字压到最浅的灰，把颜色减到只剩一种主色加黑白。做得夸张到你觉得”这没法交差”为止。
- B 版（回收）：从 A 版往回收一半——字号收一半，灰度收一半。
然后把 A、B 和原版并排放，隔一天再看。
自评标准：绝大多数人做完会发现，A 版虽然夸张，但”有主张”；B 版往往比原版好；而原版显得犹豫。如果你的 A 版看起来还不如原版，通常说明你夸张的方向错了——你放大的不是主角，或者你压淡的东西里混进了重要信息。回去重新判断”谁是主角”再改一次。
这个练习的目的不是交付 A 版，是让你亲身体验”过度”长什么样。只有见过过度，你才能判断自己平时离它有多远。
-
枚举化改造：把一张图的数值系统重新定一遍
挑一张你做过的图（PPT、海报、界面截图都行），列出它上面用到的所有：字号、字重、颜色、间距数值。然后做一件事：把它们砍到三档以内。
- 字号砍成三种（大 / 中 / 小），并把原数值强行归到最近的一档
- 字重砍成两种
- 颜色砍成两个（一个主色 + 一个中性色），灰度砍成三种
- 间距砍成两种（组内 / 组间），取倍数关系
自评标准：改完之后，把原版和改版并排，问自己三件事：有没有丢失任何信息？（不应该有）画面是不是干净了？（应该明显干净）三个层级之间的差距是不是一眼就能看出来？（应该能）
如果你的改版看起来”太单调”，先别急着加回去——放一天再看。绝大部分”太单调”的感觉，来自于你习惯了原来那套杂乱的数值，而不是改版真的缺东西。 真要加，只允许加一种，而且必须回答”它承担什么功能”。