第 12 章 点线面：视觉的最小语法
色彩那一模块我们磨了六章，现在换一件事。
我想先问你一个我听过无数遍的问题。
“导师，我这海报做完了，但总觉得太素、太空。我就加了点东西：右下角加了个渐变色块，标题旁边加了四个小图标，外圈加了一圈细边框，底部加了一条虚线，还有两个发光的小圆点。加完之后……更难看了。为什么越加越难看？”
我猜你现在就能脑补出那张海报的样子，也能猜到你加完之后的反应：删掉一个装饰，看看好点没；不好，再删一个；最后删得只剩标题，你承认”好像还是原来那版好”。
你把装饰当成了”好看的零件”，往上一挂就行。但装饰不是零件，是活的。每一个被你放上去的东西，都会在观众的眼睛里干一件事——要么当点，要么当线，要么当面。它要是哪样都当不了，它就是垃圾。
“等等，点线面这个我听过，小学美术课就讲过。圆点是点，直线是线，方块是面嘛。”
这个想法是错的。或者说，它是这套语言里最没用的那句话。
如果点线面真的只是”圆的是点、细的是线、方的是面”，那它根本不配叫语法，它顶多是个形状分类表。而实际上，它是你手里最细的一把刀——它决定的是”观众的眼睛把你的作品当成什么来处理”。
这一章我要把它从头拆一遍。拆完之后你再回去看那张海报，应该能说出每个装饰该不该留、为什么。
一、为什么加了一堆装饰还是不好看
先别急着下定义。我们回到那张海报。
你把那六个装饰一个个加上去的时候，脑子里在想什么？
“我想想……就是觉得空。空的地方我想填满它，觉得填满了就丰富了、就’有设计感’了。”
这就是问题所在。你填的是”空”，但你没有分配”活”。
我换个场景你就懂了。你带五人小团队做项目，活干不完，又招了三个人进来，结果更慢了。为什么？因为你没给他们派活，他们得熟悉环境、得开会、得问你问题，反而占掉你和你原来五个人的时间。
画面里的元素和人一模一样：不承担职责的元素，消耗注意力，不产生价值。
“那我加的图标不就是在’丰富信息’吗？”
那你告诉我，那四个小图标，观众会去看吗？
我替你答：不会。因为它们既不孤立（四个挤在一起，谁也不突出），也没有把任何东西分隔开（它们旁边没有需要被分隔的内容），也没有形成一块能承载重量的面（四个小图标之间全是空隙，撑不成块）。
于是它们在画面里承担的职能是：零。
四个零之和还是零，但观众的视觉系统必须为它们付出四次采样成本。这就是为什么你加完之后画面更”脏”了——不是因为图标丑，是因为它们四个是一团没有语法的成分，观众的眼睛扫过去，处理不了，只能跳过，跳过的动作本身就会留下一点不舒服。
“所以……空不是问题？”
空从来都不是问题。“空得没有理由”才是问题。
留白之所以高级（这一条我们第 16 章专门讲），是因为那块空是”被安排过的空”——它要么在把某个元素顶起来，要么在给眼睛一个休息的地方，要么在定义一个虚面的边界。它是有活干的。
而你随手填的装饰，是”没活干的东西”。
判断一个东西该不该留，我给你一条从现在就能用的标准，这一条的价值超过后面很多条细节：
它在画面里承担什么职能？它是点、是线、还是面？如果三个都答不上来，删掉。
先把这条记住。现在我们把这三样一个一个说清楚。
二、点：不是小圆点
“点是小圆点”这个印象，是美术启蒙课留下的后遗症。
正确的定义是这样的：点，是在它所在的环境里显得足够小的任何东西。
注意这句话里的每一个字。
“显得”——是相对于观众的感觉，不是相对于绝对尺寸。 “足够小”——小到什么程度？小到你不会去注意它的形状内部，只注意它在哪。 “在它所在的环境里”——同一颗纽扣，扔在桌面上是个点，攥在手心里就是个面。
一个字是点吗？在一段正文里，它是构成灰面的纹理，不是点；在一整张海报上只有一个”启”字，它是个巨大的面；在角落里有个极小的”最终解释权归主办方所有”，它是一行点阵，构成一条虚线。
点最硬的一条性质：点有位置，没有方向。
一个点，你的第一反应是”它在那儿”，而不是”它朝哪儿”。它没有指向性，不引导眼睛往任何地方走，只停住眼睛。
所以：点是画面里唯一能”钉住”注意力的东西，也是唯一能把注意力”浪费掉”的东西。
为什么？回到第 01 章讲的中央凹——眼睛每秒跳三次，跳到哪里是注意力决定的。一个孤立的高对比点是画面里唯一的”事件”，眼睛会被强制吸过去。
好，现在讲点的三个杀手级属性。
第一，孤立性。一个点会吸走所有注意力。
一片白纸上有一个黑点。你的眼睛无处可去，只能看它。
这个现象的机制不神秘：视觉系统在做的是”统计背景、检测异常”。当整张图都是白的（背景统计量极强），一个黑点就是这个统计量里唯一的偏差。偏差会被优先上报给意识。
这跟第 04 章讲的图底关系是同一件事的两面——图底说的是”谁跳出来”，孤立性说的是”跳出来需要多少代价”。而孤立性告诉你：代价最低的方式，不是把东西做大做艳，而是把周围清干净。
所以你会看到一个反直觉的事实：一个小小的元素，只要周围足够空，它的视觉重量可以超过一个比它大十倍、却挤在人群里的元素。这条在第 13 章会变成”孤立程度”这个因子。
第二，聚集性。散点会被看成一组。
两个点，你看到的是”两个点”。八个点散在一块区域里，你看到的是”一片点”。
这个”看成一组”不是你主动判断的，是大脑自动做的（格式塔的接近性，详见第 03 章）。一旦被归成一组，这一组点就获得了单个点没有的两个东西：
一是范围。这一组点占据了一个区域，这个区域是有大小和形状的。 二是密度。密度本身就是可读的信息——密的地方显得重、显得挤、显得紧张；疏的地方显得轻、显得松、显得高级。
聚集性还有个实用推论：一组散点的边界是模糊的，你说不出”这八个点占的区域到哪里为止”。这种边界模糊的组，最容易变成”虚面”——第四节的虚面就靠它。
第三，相对性。同一个元素在不同尺度下会从点变成面。
一个方形色块，边长 100 厘米，是面。缩小到 10 厘米，还是面。缩小到 1 厘米，是点。缩小到 1 毫米，它连点都不是了，它变成了”纹理”，变成了某个面的一部分属性（比如”这块布是带黑点的”）。
注意这个链条：面 → 点 → 纹理 → 属性。 每往右走一步，这个东西就少一分”独立性”，多一分”材质感”。
设计上你要做的决策是：你希望观众把这个东西看成什么？
- 你希望它是一条独立的信息？让它当点。
- 你希望它是一块能压住画面的重量？让它当面。
- 你希望它只是背景的一部分、不该被单独注意？让它退化成纹理。
这一刀切在哪里，是设计师的手艺。它决定了观众能不能读懂你的层级。
顺带说一句，点的位置也很重要，但我把它放到第 13 章去讲——因为”点在画面正中 vs 在三分线上”这件事，本质上是重量和张力的问题，不是点本身的问题。这里先给你留个钩子。
三、线：边界、分隔、方向、连接
线的标准定义是”点的运动轨迹”。
这句话对，但没用。它描述的是线怎么来的，不是线干什么用的。
我更愿意这样定义：线，是画面里唯一能”同时占据两个位置”的元素。 点停在一处，面覆盖一片，而线从这儿到那儿。正因为它是”从这儿到那儿”的，它天然携带关系——它一定在连接什么、或切开什么、或指向什么、或围住什么。
线有四种职能。这四种职能的区分，是这一节最值钱的部分，因为新手几乎只会用其中一种。
职能一：边界。
线围出一个范围。闭合的线是边界，它说的是”这里面是一伙的”。
一个方框、一个圆圈、一条把某块区域圈出来的曲线——都是边界。边界线的粗细、虚实、连续还是断开，决定了这个范围是”被关起来”还是”被轻轻提示了一下”。
细线是”礼貌地圈一下”，粗线是”明确地关起来”，虚线是”这里有个范围，但你随时可以跨过去”——所以虚线天然带有”待处理""未完成""可编辑”的暗示。
职能二：分隔。
开放的一条线，把画面切成两块。它说的是”这两边不是一伙的”。水平细线放在标题下面，分隔的是”标题”和”正文”；竖线放在两栏中间，分隔的是”并列的两件事”。
分隔线和边界线在形状上可能完全一样，区别只在于有没有闭合。而这点点区别，传递的意思完全相反：边界是”属于”，分隔是”不属于”。
职能三：方向。
线会指。这是线最被低估的职能。
一条斜线，你的眼睛会顺着它走——往上还是往下，取决于线的两端哪头”重”（粗的一头、暗的一头、靠近某一头有别的东西，都会让它更重）。
箭头是显式方向；斜线是隐式方向；一排由大到小的元素排列出的”边缘线”也是隐式方向。
方向性在画面里强到会影响重量——一个指向画外的元素，会把重量往画外甩。这条在第 13 章会变成”方向性”这个重量因子。
职能四：连接。
线把两个东西绑在一起，暗示它们有关系。流程图里的连线、目录页的引导点线（“标题……12”中间那串点）、把三个图标串起来的横贯线——都是连接。
连接线最容易出的毛病是画得太重。它是”关系的提示”，不是”信息本身”。一条 2 像素黑实线去连两个元素，这条线自己会变成画面里最抢眼的东西。好的连接线通常细、浅，或者干脆用”对齐”和”靠近”代替（亲密性原则，详见第 18 章）。
新手只会用第一种（加框加边），所以新手的版面总是”一堆盒子”。把这四种都装进工具箱后你会发现，很多时候根本不需要画框——把元素对齐，让它们的边缘自己形成一条线，效果比实线好得多。
好，接下来是线的心理。这一段很多人背过，但没人问过”凭什么”。
水平线：稳定、静止、安静。
垂直线：庄重、生长、严肃、向上。
斜线：运动、不安、危险。
曲线：柔和、流动、自然、优雅。
“导师，这个我知道，设计书上都这么写。但凭什么水平线就是稳定的？这是谁规定的？”
好问题。这就是我说的”多问一层”。
没有任何人规定。这四条是从你的身体经验里长出来的，长了几百万年，也长了你这一辈子。
你活在一个有重力的世界里，而且你从出生第一天起就在观察这个世界的力学行为。你的视觉系统把这些统计结果内化成了本能：
水平线为什么稳定？ 水平是”受力平衡”的样子。放在地上不动的东西，上边缘是水平的；水面永远是水平的；躺下的人、停着的车、远处的地平线——全是水平。水平 = 已经不打算动了。 你看到它，身体里管平衡的前庭系统读到的是”这个状态可以维持”。
垂直线为什么庄重？ 垂直是”对抗重力”的姿态。一棵树、一个人、一根柱子立在地面上，需要持续消耗能量（结构强度、肌肉张力）才能不倒。所以垂直线自带”力量”和”意志”。庄重感来自这里：它站得住，它在对抗什么。而”生长”的暗示来自另一个经验——活着的东西才往上长，死掉的会倒下来变成水平。
斜线为什么不安？ 斜线是”重力还没处理完”的样子。一个倾斜的物体，除非有支撑，否则会继续倒。斜线的本质是”一个正在发生但还没结束的事件”，大脑会自动预测它的下一步，这个预测动作本身就制造紧张。所以斜线天然带运动感——不是因为它在动，是因为它”应该会动”。
（顺带一句，这也是为什么”稍微歪一点点”比”明显歪”更难受：完全水平是安心的，歪 30 度是刻意的动感，而歪 2 度——你分不清是失误还是设计，大脑会在两个解释之间反复横跳。第 13 章讲张力时还会碰到它。）
曲线为什么柔和？ 曲线是”路径在连续变化”的轨迹。什么东西走曲线？河流、烟、飘带、身体的轮廓、被风吹的麦浪。共同点是：它们不抵抗，它们顺着走。 省力的暗示来自你自己的身体——关节走弧线比走折线省力，手画弧比画折线顺。
讲到这儿你应该看出来了：这四条不是美学规定，是物理学加生活经验。
这意味着两件事：
第一，它们极其稳固。 因为重力经验是跨文化的，你没法靠”设计风格”推翻它。任何时代、任何地区的人，看到斜线都会觉得要倒。
第二，它们可以被叠加，但不能被覆盖。 文化会在上面再加一层——比如中国传统文化里，竖排的书法、牌匾、对联，给垂直线又加了一层”正统”和”秩序”；哥特式教堂的尖拱，把垂直线推到了”通向天国”的极端。这一层是学来的，不是长出来的。长出来的那层你推不翻，学来的那层可以被时代换掉。
所以你做设计的时候，问自己的是：我需要观众的身体读到什么？ 是要它放松（水平）、肃穆（垂直）、紧张（斜），还是顺滑（曲线）？
最后补一个重要的东西：真正的线，常常是没画出来的。
一排左对齐的文字，左边沿形成一条硬线，右边沿参差不齐——你的眼睛会看到那条左边缘线，尽管谁也没画它。
三个图标横向等距排列，它们的中心连成一条看不见的横线。
一个人的目光看向画外的某处，那道目光是一条看不见的线，而且它是最强的连接线之一（因为它触发的是”他在看什么”这个本能追问）。
这些”看不见的线”比画出来的线更有力，因为大脑对”自己算出来的关系”比”被明说的”更当回事。判断一个版面好不好，一个很快的办法就是：找一找这里有几条看不见的线，它们齐不齐、稳不稳。这个动作我们在第 18 章讲对齐时会再来一遍。
四、面：画出来的面，和没画出来的面
面怎么来的？两条路。
第一条路：线围合出来。 一条闭合的线，里面填上东西，就是一个面。这是最显然的一种，我叫它”实面”。
第二条路：点或线密集到一定程度形成。 一片散点、一片细密的平行线、一整段文字——单看每一个都是点或线，但密到一定程度，你的眼睛不再分辨个体，而是把它读成”一整片”。这是第二种面，我叫它”密度面”。
密度面有个很重要的性质：它的性质由密度决定，不由个体决定。 一片小点，密的地方看着深、松的地方看着浅——这就是最原始的明暗表现（所有印刷网点、所有铅笔画的调子，都是这个原理）。所以密度面天生自带”渐变”的能力，这是实面做不到的。
现在说重点：虚面。
虚面，就是没有被画出来、但观众确实感知到的面。
这个概念是这一章里我觉得最重要的一条，因为它是新手和高手之间的一道隐形分水岭。新手眼里的版面是”东西 + 空白”（东西是我放的，空白是剩下的）。高手眼里的版面是”实面 + 虚面 + 负空间”（三样都是被设计过的，没有一样是剩下的）。
虚面从哪儿来？四种来源。
来源一：排列围出来的区域。
八个图标排成一圈，中间那块空的地方，就是一个虚面——它没被填充，但你能”看见”它，因为周围的八个点把它界定出来了。
这就是”聚集性”的副产品：一组散点不仅自己成组，还顺手定义了它们中间那块地方。
来源二：对齐切出来的块。
这是版式里最常用、也最容易被忽略的一种。
三段文字靠在一起，左对齐，行距远小于段间距——你的眼睛会把它们读成”一整块灰色的东西”，而不是三段独立的文字。这块灰就是虚面。
它有形状（取决于三段文字的外轮廓）、有明度（取决于字重、字号、行距）、有重量，它在画面里的地位和一个实实在在的灰色色块完全一样。一旦你把它看成一块面，你就能用它去平衡右边那张图（第 13 章的杠杆原理）、挪动它改变重心、加大行距把它”打散”变轻。
这就是为什么排版里”行距”和”段间距”是两个参数。 行距控制这块虚面的密度（进而控制深浅），段间距控制块与块之间的分离程度。两者的比值，决定了观众看到的是”一个块”还是”三个块”。
来源三：图底反转后剩下的形状。 第 04 章讲过，一句话带过：当你把注意力从”那个东西”转到”剩下的空”，空的部分会变成图形。那些空的形状就是虚面。负形 logo（箭头藏在两个字母之间那种）玩的完全是这一套。
来源四：视线扫过的区域。 一个人看向另一个元素，两人之间那块”什么都没有”的地方会被感知成一块有形状的区域。运动轨迹、手指方向、一串引导性的小元素，都会扫出这样的区域。这一类最狡猾，它没有边界，只有”势”。
好，现在我要讲的是：虚面为什么重要。
因为”什么都不加”不等于”画面是空的”——你的文字块、图标组、对齐关系已经在画面里生成了好几块面，它们有重量、有形状、会互相挤压、会互相平衡。你不管它们，它们照样存在，只是不受你控制。
反过来，这也解释了另一个常见失败：元素排得很整齐，画面还是显得散。 因为你生成的那几块虚面形状不规整——某块字块右边沿锯齿太深，某组图标散得太开撑不成块，某块空地被切成三个碎条。碎掉的虚面就是”乱”的物理来源。 所以治理乱象不是加边框把它们框起来（那是加实面，往画面里加重量），而是收紧间距、对齐边缘，让虚面的边界变干净。
记住这个判断：边框是最后手段，不是第一手段。能用对齐和间距解决的，别用线去框。
五、点密成线、线粗成面、面缩成点
点线面不是三个抽屉，是一条光谱上的三个站。任何东西都可以在这条光谱上左右滑动，而滑动的手段就是”改变尺度或密度”。
点密集成线。
一排小圆点，间距很大——是七个点。 间距缩小到点的直径的两倍——你开始觉得它们”有方向”了。 间距缩小到几乎连上——它变成了一条虚线。 再连上——它就是一条实线。
这条转化在界面里到处都是：轮播图底下的进度点、步骤条的 1-2-3-4、目录页的引导点。它们本质上都是”一条被故意打碎的线”——打碎是为了显得轻、显得不阻断、显得有节奏（节奏这事儿第 15 章细讲）。
线加粗成面。
一条 1 像素的线，是线。 加粗到 8 像素，还是线，但是一条很重的线。 加粗到 60 像素，你还会叫它线吗？你会叫它”一个长条形的色块”。它已经是面了。
这个转化点在哪儿？在于它的长宽比，以及你能不能在它”内部”做文章。线的内部是没有空间的，你没法在一条 1 像素的线里放东西。而当它宽到一定程度，它的内部就变成了一块可用的区域——你可以在里面放字、放纹理、做渐变。从这里开始，它就是面。
书法是理解这件事最好的例子：笔画是线，但一个”永”字的每一笔，起笔、行笔、收笔，粗细都在变——粗的地方是面，细的地方是线，收笔的尖是点。一个字的内部就完成了点线面的全部转化。
面缩小成点。
一块大的橙色方块，是面。 缩小到指甲盖大小，是点——它失去了”内部”，失去了形状的可读性，只剩下位置和颜色。 再缩小，或者复制一百份铺开，它是纹理。
设计上这个转化特别实用：当你想要一个东西”存在但不被细看”的时候，把它推到点的位置。 比如页面右下角那个小小的”备案号”、包装背面那排配料表、海报角落的二维码。它们被故意缩小，就是为了让它们从”要读的内容”降级成”一个位置标记”。
现在讲实际应用。这一节最有用的三个用法：
用法一：用一行字做成一条”线”。
一行小号字，字距拉得很开、颜色比正文浅，从左拉到右——观众会把它读成一条线，而不是一句要读的话。于是它能承担线的职能：分隔两个区块、压住画面底部、给某块内容做”底座”。海报和杂志里主标题下面那行拼音、英文、日期，看着是文字，干的是线的活。
反过来：如果你真希望观众读这行字，就千万别把它做成线。 很多时候”这行字没人看”不是位置不对，是因为它已经被你做成了一条装饰线，观众按装饰处理了。
用法二：用一组小图标做成一块”面”。
十二个合作品牌的 logo，每个都很小、都去色、排成三行四列。单个看每个是点，整体看它们构成一块灰色的、有纹理的面。
这块面有重量：可以去平衡左边那张大图（第 13 章），可以压住页面底部，可以作为”信息密度区”和旁边的留白形成疏密对比（第 20 章讲版面的势）。
关键操作是让这十二个点足够密、足够齐、灰度足够统一。密度不够撑不成面，灰度不统一这块面就花掉，变成”一块脏面”。
顺带一句，品牌墙几乎总是把 logo 统一去色成灰，就是为了让一堆形状各异的东西在明度上统一，好塌缩成一个干净的面。
用法三：把一块面打散成点阵，让它变轻。
一块大色块太重，压得画面翻了（第 13 章会讲”翻”是什么）。不一定非要缩小它，你可以打散它：切成细条、挖成网点、分成九个小方块散布开。
面积几乎没变，重量降了一大截。 因为重量不只来自面积，还来自”连续性”——一个连续的大块是一个完整的事件，一个被打散的点阵是很多个微弱的事件，视觉系统处理后者省力得多。
界面里这个手法的应用是：一大片填充色太闷，就加网格线、加 1 像素分割线、或者拆成卡片流。这也是为什么”卡片式布局”看起来比”整块背景色”轻快。
总结这一节：转化是连续的。设计师的活儿，不是给元素分类，是决定每个元素停在这条光谱的哪个位置。
而决定它停在哪儿的，是下一节要讲的东西——尺度。
六、最容易踩的三个坑
讲了这么多正确的，讲点错的。这三个坑我见过太多次了，而且每个都很诱人。
坑一：把点线面当成”装饰元素的清单”。
最常见的表现：做海报觉得空，于是”按照点线面的原理”——加几个点（散落的圆点）、加几条线（斜线、波浪线）、加几个面（半透明色块）。
这是把语法当成了配料表。
点线面的价值在于描述关系，不在于提供素材。一个有效的画面可能只有面，也可能只靠点。判断标准还是那句话：它钉住了什么（点）、切开了或连起了什么（线）、承载了什么重量（面）？一个既不钉、不切、不连、也不承载的元素，无论圆的方的，都是噪音。
坑二：以为”线”必须画出来，“面”必须填出来。
新手处理”这两块内容要分开”，第一反应是加一条分隔线。
但加线的代价是：你往画面里加了一个新元素，它自己有重量，会参与平衡，会和别的东西抢注意力。一条 1 像素的灰线也许还好，一条 2 像素的黑线会立刻变成画面里最硬的东西。
更好的办法通常是：拉开间距，或者对齐。 留白本身就是分隔（虚面在干活）；让两块内容各自对齐到不同边界，边界的差异也制造分界感。
同理，“这块内容要成组”的第一反应是加框、加底色，但把四个元素的间距收紧到它们与其他元素间距的三分之一，它们就成组了——不需要框。
加东西是最贵的手段，它同时增加重量和噪音。减法优先，减法不够时才加法。
坑三：只在一个尺度上做设计。
这个坑最隐蔽，也最致命。
你在电脑前，脸离屏幕 40 厘米，在这个距离上把所有细节调得漂漂亮亮。然后这张图被印成海报贴进电梯，观众站在 2 米外看——你在 40 厘米处做的调整一半白做了，而 2 米外暴露的问题你一个都没看见。反过来也一样：缩略图状态下大关系很好，放大到 100% 全是毛刺。
这就是下一节的主题，也是本章最关键的一节。
七、点线面不是”元素分类法”，是”尺度感知法”
这句话，是这一章我真正想让你带走的东西。前面的都可以忘，这句别忘。
我们重新看一遍那三个定义：
点——在它所在的环境里显得足够小的东西。 线——从这儿到那儿的东西。 面——覆盖一片、内部可以再做文章的东西。
注意”显得""从这儿到那儿""覆盖一片”——这三个判断全都依赖于”观众怎么看”。同一个物理元素，在不同的观看条件下会得出完全不同的判断。
所以点线面描述的不是”这个东西是什么”，而是”这个东西在当前的观看条件下，被当成什么来处理”。
一张活动海报右下角的二维码。
- 站在 3 米外：一小块深灰方块，有位置、没有方向，内部细节分辨不出。它是点，干的是”位置标记”的活。
- 走近到 50 厘米：你能看清那些黑白模块了。它现在是一块纹理面。它在这个尺度上干的活是”一块有密度的灰色区域”，参与了画面的重量分配。
- 凑到 15 厘米：你看到的是那些模块的边缘，是一堆黑白相间的线。
- 扫描的时候：它是数据，什么都不是。
同一个二维码，四个尺度，四个身份。
那它是点还是面？都是。取决于你问的是哪个尺度。
那设计时该按哪个算？按”关键观看距离”算。
关键观看距离，就是这个作品被真正使用的那个距离。我给你几个常见值，你记住就行：
- 手机屏幕：30-40 厘米，但停留时间常常只有 2-3 秒。
- 笔记本电脑上的网页：50-60 厘米。
- 电梯海报 / 地铁灯箱：1.5-3 米。
- 户外大牌：10 米以上，而且常常是边走边看。
- 货架上的包装：1-1.5 米，而且是被二十个同类产品包围着。
- 名片 / 传单：递到手里是 30 厘米，扔在桌上是 1 米。
但这个距离定了之后，绝大多数人还是会犯同一个错。你一定见过这种户外大牌：主标题是巨大字，底下密密麻麻排了五行小字——电话、地址、公交路线、三条 slogan、一行免责声明。
设计师在 40 厘米处把那五行排得整整齐齐、字号层次分明。但关键距离是 15 米。在 15 米外，那五行字塌缩成一块脏兮兮的灰面，唯一的作用是把主标题下面的空间堵死。
正确做法是：在 15 米的尺度上，这张大牌只有两个元素——主标题（面/线）和一个电话号码（点）。其余全删。
好，现在回到第 01 章。
还记得我教你的”眯起眼睛看”吗？
眯眼这个动作，本质是人为地降低分辨率。而降低分辨率，等价于把观看距离推远。
所以眯眼看到的那个”骨架”，就是你的作品在远看时点线面的实际分配。
- 眯眼后你能看到三个清晰的块——说明你在远看尺度上有三个面，骨架立得住。
- 眯眼后画面糊成一团灰，什么都没跳出来——说明你在远看尺度上没有任何东西获得了”面”的地位，全是碎的点和线，观众的眼睛没有落点，这就是为什么它”看起来很平”。
- 眯眼后有七八个差不多大的碎块——说明你的元素在远看尺度上全是点，没有主次，这就是为什么它”看起来很乱”。
眯眼法检验的，本质上就是”我的远看尺度的点线面分配，有没有主次”。
顺便说一句，“倒过来看”（第 01 章）检验的是另一件事——它切断识别，让你看到纯形式。在点线面的语境里，倒过来看特别擅长暴露”线”的问题：那些没对齐的边缘线、那些参差的间距、那些被识别能力掩盖掉的斜线，倒过来之后全冒出来了。
好，我给你一套可以直接执行的三尺度工作法：
尺度一：退后到关键观看距离（或者眯眼）。 在这个尺度上，你只允许自己看三件事：有几块面？它们的位置和大小关系对不对？画面重心在哪？ 这个尺度上做的决策：大块的位置、主次关系、明暗分配、整体重心。
尺度二：正常观看距离。 这个尺度上你看：元素怎么分组？哪些是点、哪些成组、哪些成面？有没有看不见的线（对齐关系）？ 这个尺度上做的决策：分组、间距、对齐、层级。
尺度三：凑近看细节。 这个尺度上你看：字距、行距、单个图标的形状、边缘的精细度、颜色微调。 这个尺度上做的决策：所有像素级的活儿。
规则是：每个尺度只做那个尺度该做的决策，做完就换尺度，不要在一个尺度上解决另一个尺度的问题。
你一定会觉得眼熟。对，这就是分层。
你在 3 米处纠结一个二维码的内部留白，就像在架构图上调变量名——不是不能调，是调了也没人看得见，而且它让你忽略了真正该在架构层解决的问题。
反过来，你在 20 厘米处觉得”挺好啊”，是因为你在细节层永远发现不了”重心偏了”这种只有退后三步才能看见的问题。
新手最典型的两个错误：在细节尺度上做整体决策（看不到森林），以及在整体尺度上做细节决策（远看不错近看全毛）。 三尺度工作法就是治这个的。
我最后补一条，跟第 12 章开篇那个问题呼应：
你加的那些装饰为什么没用？因为在关键观看距离上，它们既不够大也不够孤立，成不了面；又不够连续，成不了线；也不够独立，成不了点。它们是”尺度上的孤儿”——在任何一个距离上都不承担职能。
删掉它们，你的画面不是变空了，是变干净了。
八、跨场景：把这副眼镜戴到别处去
我把点线面这套东西放到五个完全不同的场景里，你感受一下它的通用性。每个场景我都会写清楚画面里具体有什么。
场景一：一张音乐节海报。
画面内容：深黑底色（几乎全黑，只有很淡的一层噪点纹理）。顶部横向排了十一个乐队的名字，字号很小，全部是浅灰色，分成三行，行距很紧。画面正中偏上是一个巨大的白色实心三角形，尖角朝右下，占了画面差不多三分之一的面积。三角形右下方向、靠近画面右下角的位置，有一个小小的橙色二维码，边长大概两厘米。底部有一条贯穿左右的细横线，线下方是时间和场地信息，字号中等。
我们按尺度拆：
远看（3 米）：只有三样东西——一块巨大的白色三角（面，最重）、顶部一片浅灰的带（十一个名字密集成的虚面）、底部一条线和它下面一小块灰。 中距离（1 米）：橙色二维码跳出来了——全画面唯一的暖色、唯一的孤立小元素。它是点，而且是全画面最强的点。它和三角之间有一条看不见的线：三角的尖角正指着它，这条方向线把中部的重量往右下角导。 近看（30 厘米）：乐队名字可读，二维码可扫，底部信息可读。
设计得好的地方在哪？那个橙色二维码。它太小了，小到 3 米外几乎消失；但它的位置和颜色，让它在 1 米这个”掏手机”的距离上精确地出现。设计师要它在不同尺度上承担不同职能：远看时退出（不干扰主视觉），近看时接管（引导扫码）。 而三角尖角指着二维码那一下是最狠的一笔——没画箭头，但你的眼睛一定会顺着斜边滑下去。
场景二：一个天气 App 的首页。
画面内容：浅蓝到白的渐变背景。顶部居中是城市名”北京”，字号中等，深色。它下面是一条几乎看不见的极浅分隔线。画面中部是一个巨大的”26°“，字号极大，字重很轻（细体），深灰色。26° 下面是一行小字”多云转晴 12~28°“。再往下是七个并排的小图标（云、太阳、雨滴等），每个下面配一个温度数字（“现在 26""10点 27""11点 28”……），七个单元等距排列，横贯屏幕宽度。最底部是三个 tab 图标，等距，靠得很近。
拆一下：
- 七个天气单元：每个是点，七个等距 → 一条虚线（中心连线横贯画面）→ 加上数字密到一定程度 → 一整条虚面。所以它同时是线（横贯，切分上下）和面（承载重量，压住 26° 下方这块区域）。
- “26°“：字号极大，但字重很轻。这是个很妙的处理——面积是面级别的，但因为笔画极细、明度对比不强，重量被压低了。设计师要的是”大而不压人”。如果改成粗黑体，这个巨大数字会吸走全部重量，下面的七个小图标全废。
- 顶部城市名：单独一行居中深色字。它干的是分隔线的活——把状态栏和下面的内容分开。看着是文字，职能是线。
- 底部三个 tab：三个点，间距明显小于它们与上方内容的间距 → 聚集性让它们成组。
这个界面之所以”干净”，不是因为东西少（其实有二十多个元素），是因为每个元素在它该在的尺度上承担且只承担一个职能，没有谁是尺度上的孤儿。
场景三：一张海边的摄影作品。
画面内容：天空占上三分之一，是均匀的淡灰蓝，几乎没有任何细节（没有云）。海平线是一条干净的、完全水平的直线，横贯画面，位置在画面上三分之一处。海面占中间三分之一，颜色比天空略深，有细密的横向波纹。前景是下三分之一，一片深色的礁石，形状不规则，边缘锋利，明暗对比强烈。在右侧三分线附近、海平线上方一点点的位置，站着一个穿黄色雨衣的人，尺寸非常小，大概只有画面高度的十二分之一。
拆一下：
- 海平线：绝对的水平线，横贯画面，把画面切成上下两块面。它提供的心理是”稳定、静止、辽阔”。这是这张照片的情绪基调。如果这条线歪了 2 度，整张照片会立刻变得难受（还记得”稍微歪一点最难受”吗）。
- 天空和海：两块大的面，明度接近，对比不强。它们构成画面的”底”。
- 礁石：一堆散点，聚集在前景左下。它们有密度（有些地方密、有些地方疏）、有强烈的明暗对比。它是全画面最重的元素，而且它在左下角——重量在左下，力臂也长。
- 穿黄色雨衣的人：一个点。孤立（周围全是均匀的海）、高饱和（黄，在蓝灰的画面里是唯一的暖色）、熟悉度极高（是人）。
这就是秤砣。 一个占画面十二分之一高度的小点，靠”孤立 + 高饱和 + 是人”这三重加权，顶住了左下角那一大片又重又近的礁石。如果没有这个人，这张照片会因为左下过重而”翻”过去；如果这个人再大一点、或者穿的是灰色，他就不够重，画面还是会翻；如果这个人放在正中间，他就不孤立了，重量立刻下降，而且画面的张力也没了。
（这张照片的重量账，我们第 13 章会拿它当例题再算一遍。）
场景四：货架上的一包挂耳咖啡。
画面内容：单独看这包咖啡——窄长的立式袋，主色是深墨绿，几乎铺满整个正面。正面上部居中是一个米白色的圆形 logo，直径约为袋宽的五分之一。logo 下方是一行米白色的字”云南 · 日晒”，字号中等。袋子下部有一条米白色的细横线，横贯整个宽度，线下是一排极小的深绿字（净含量、配料、厂商信息）。
现在关键的一步：把它放到货架上。 并排站着十八个同类产品，你站在 1.2 米外看过去。
在这个距离上，每一个包装都缩成了一个点——约 12 厘米宽的小色块。在这个尺度上：logo 消失了（变成一点浅色噪点）、“云南 · 日晒”消失了、细横线消失了、配料表消失了。
只剩下一样东西：一整块深墨绿的色块，在一片以浅棕、米白、亮橙为主的竞品中间。
这就是包装设计的核心秘密：包装在货架上的关键尺度是”点”这个级别，在这个尺度上信息全部失效，只有大块的形状、主色、明暗在起作用。
所以包装的第一决策不是 logo 好不好看，是”在 1.2 米外、被十八个竞品包围时，我这一块是什么颜色、什么明暗”。这就是为什么同类产品的包装颜色会趋同（都是这个品类的安全色），而敢用反色系的品牌会瞬间跳出来——跳出来的原因不是设计更好，是它在”点”这个尺度上获得了异常值。
这个逻辑对 App 图标完全一样：图标在手机桌面上被看的时候，是 1 厘米见方的一个点。在这个尺度上细节全废，只有轮廓、主色、大块明暗在起作用。所有”图标要简洁”的建议，根源都在这一条。
看出通用性了吗？四个完全不相干的场景——海报、界面、照片、包装——用的是同一个动作：先确定观看尺度，再判断每个东西在这个尺度上是点、是线还是面，最后检查它们的分配有没有主次。
心法
这一章的心法，我要讲的是”分类”这两个字。
你学点线面，第一反应一定是把它当成一套分类法：这个元素属于点，那个元素属于线，那个是面。分完了，觉得自己懂了。
这个想法是错的，而且它错得很隐蔽，因为它能让你做出看起来”分析得很专业”的判断。
真正的分野在这里：
- 把它当分类法的人，会去问”这个东西是点还是面”。
- 把它当尺度感知法的人，会去问”在观众看到它的那个距离上，它是什么；以及，我要它是什么”。
前者是在描述已有事实，后者是在设计未来体验。设计师不是观众体验的观察者，是观众体验的编排者。
我给你一个更狠的说法：点线面这套语言，真正的权力不在于”看穿”，而在于”决定”。
什么意思？
你决定那个二维码在 3 米外是一个点、在 30 厘米处是一个面。 你决定那一行小字充当一条分隔线，而不是一句需要读的话。 你决定那十二个 logo 塌缩成一块灰面，而不是十二个独立的品牌。 你决定那个巨大的”26°“虽然面积很大但重量要轻（用细体 + 低对比）。
这些全是决定。观众会自然按你的决定去处理，而且完全意识不到自己被安排了。
这就是设计的权力：你不是在摆放元素，你是在指定每个元素在观众认知系统里的身份。
好，那这个权力该怎么用？我给你三层，你可以对照自己现在在哪一层。
第一层：看得见。 能看着一个画面说出哪是点、哪是线、哪是面。这是必要起点，但它本身不产生价值——就像能读懂 bug 报告，不代表你能修。
第二层：会转化。 你想要一个东西变轻，你知道可以打散它（面 → 点阵）；你想要一行字变成分隔，你知道可以缩小字号、拉开字距；你想要一堆散点变成一块面，你知道可以收紧间距、统一明度。你开始主动地在这条光谱上推东西。
这一层已经能解决绝大多数实际问题了。大多数”画面太重/太散/太乱”的毛病，在这一层都有解，而且解法通常不是”加东西”，是”推位置”。
第三层：会设计观看距离。 这是最高、也最少人到的一层。这一层的人动手之前先问的不是”我要放什么”，而是”这个东西会在什么距离、什么环境、被什么状态下的人看多久”：电梯海报 2 米 / 8 秒 / 旁边还贴着三张物业通知；手机 App 35 厘米 / 2 秒 / 用户可能正在走路；货架包装 1.2 米 / 0.3 秒 / 旁边十八个竞品；政府网站 50 厘米 / 三分钟 / 用户焦虑、怕填错。
这四个场景的正确答案完全不同，甚至相反：给电梯海报做的版式放到政府网站上会显得粗暴，给政府网站做的版式印成电梯海报会被完全无视。不是水平问题，是尺度错了。而绝大多数”我照着优秀作品做，做出来却不对”的困惑，根源都在这一层——你抄的是那个作品在它的关键尺度上的解，而你的作品在另一个尺度上。
讲到最后，说一件更根本的事：为什么点线面是最小的语法？
因为它对应的是视觉系统最底层的三种运算：点→“在哪”，定位，由管位置和运动的背侧通路（where 通路）处理；面→“这一片平均是什么”，区域统计，视觉系统对大面积做的快速整体估计（平均多亮、什么颜色、什么质感），这是腹侧通路（what 通路）最粗糙的一层；线→“往哪去”和”边界在哪”，追踪与分割，是把”这一片”切成”这两块”的唯一手段。
你画面里的每个元素，最终都会被这三台机器中的一台处理。没有第四台。 所以点线面不是某个人的理论体系，它是对”视觉系统到底能干哪几件事”的一个还算准确的描述。
这意味着什么？意味着信噪比。
一个不承担点、线、面任何职能的元素，是一段没有接收方的数据——占带宽，不产生信息。这个账你比我熟：你不会在 API 响应里塞十个没人读的字段，因为每个字段都要序列化、要传输、要占内存。视觉系统也一样，每个元素都要被采样、被处理、被丢弃。而眼睛的采样预算比你想象的紧张：每秒三次扫视，每次只采集一小块，观众还随时准备走开。
所以最后我给你一句可以当尺子用的话：
判断一个元素该不该留，不要问”它好不好看”，要问”在关键观看距离上，它在点、线、面里扮演哪个角色；答不上来，它就是噪音。”
这句话对装饰有效，对你自己加的每一个元素有效，对你舍不得删的那张图、那个图标、那句 slogan，全都有效。
小结
这一章我们把视觉拆到了最细的粒度。
点不是小圆点，是”在它所在的环境里显得足够小的任何东西”——有位置、没有方向。它的三个杀手级属性：孤立性（一个点吸走所有注意力）、聚集性（散点自动归组，并顺手定义出中间那块地方）、相对性（同一元素在尺度变化下会从面变成点，再变成纹理）。
线是边界、分隔、方向、连接四种职能的载体，不是”点的运动轨迹”这么一句废话。水平、垂直、斜、曲的四种心理不是谁规定的，是从你一辈子在重力场里的身体经验长出来的——所以极稳，但可以被文化叠加。
面有线围出的实面，也有点线密集形成的密度面，更有一类极重要的虚面：没画出来但被感知到的面。文字块、图标组、对齐关系，全在无声地生成虚面。你不管它们，它们照样存在，只是不受你控制。
贯穿这一切的，是这一章真正的骨头：点线面不是元素分类法，是尺度感知法。 同一个二维码，3 米外是点，50 厘米处是面，15 厘米处是线。按哪个算？按关键观看距离算。眯眼法（第 01 章）之所以管用，就是因为它人为降低分辨率，等价于把观看距离推远——它检验的正是你的远看尺度上分配有没有主次。
你带走的一句话：加装饰不管用，是因为那些装饰在关键观看距离上哪样都不是。判断一个元素该不该留，问它在点线面里扮演哪个角色；答不上来，删。
下一章往上一格：这些点和面各自有多重？画面凭什么站得住？那是秤砣的问题。
【思考题】
-
找一个你现在能看到的包装（零食袋、饮料瓶、洗面奶都行）。走到一米外看它，写下在这个距离上你还看得见哪几样东西。再走到三米外，再写一次。两次的差是什么？如果让你重新设计它，你会保留什么、删掉什么？
-
“一行小字可以充当一条线”——找一个你身边的实例（海报、网页、说明书、名片都行），说明那行字在画面里承担的是”线”的哪种职能（边界、分隔、方向、连接）。然后回答：如果作者其实是想让人读它，这个处理是成功还是失败？
-
你在设计一个页面，需要展示十二个合作方的 logo。现在有两个方案：A 是排成三行四列、全部统一去色为灰、尺寸一致；B 是保留各自的颜色、按品牌知名度排大小。从点线面的角度分析，两个方案分别把这一组元素推到了光谱的哪个位置？在什么情况下 A 对，什么情况下 B 对？
-
有人说：“留白就是画面里没放东西的地方。“请从”虚面”的概念出发，说明这句话为什么是错的，并举一个你观察到的例子（空的地方其实在承担职能的例子）。
-
你做了一张图，在自己的电脑上看觉得挺好，发给别人后对方说”看不清重点”。列出至少三种可能的原因，其中至少一种必须是”尺度”层面的（关键观看距离不匹配）。你会用什么方法验证到底是哪一种？
-
找一张你觉得”元素很多但看着不乱”的图，和一张”元素不算多但看着很乱”的图。用点线面的语言分别描述它们，并试着说出：乱的那张，乱的到底是”点太多""没有面”，还是”虚面的边界碎了”？
【参考答案】
-
答案取决于你手上的具体东西，但几乎所有包装都呈现同一个规律。
30 厘米处你能读到全部信息；1 米处配料表和条形码开始糊掉，还剩主色块、主图形、大标题；3 米外只剩一到两样：一块主色 + 一个形状轮廓。
这个差值就是关键：你在 30 厘米处看见的东西里，七八成在真实购买场景（货架前 1-1.5 米，视线扫过）里根本不起作用。所以取舍很清楚——保留并强化”1 米处还看得见的那三样”，其余全部让位。 让位不等于删掉，法规要求的配料表必须留，但应被推到”点”甚至”纹理”的级别：缩小、降对比、统一灰度、靠边站。
判断成不成的办法只有一个：把它放到一堆同类产品中间，退后一米半，看它跳不跳得出来。
-
最典型的实例是杂志和海报里主标题下面那行全大写的小号英文——它往往既是”分隔线”（切开标题和正文），又承担一点”底座”的重量。
判断作者想让人读还是想让人看，看三个信号：字号、字距、颜色对比。 字号小于正文七成、字距拉到字号一半以上、颜色比正文浅很多——中两个，观众就会按”线”处理，不会去读它。
所以如果作者真希望那行字被读到，这个处理是彻底的失败——观众不是”看不清”，是根本没启动阅读程序，眼睛直接把它当形式元素跳过去了。这是最浪费的失败：东西在，成本付了，功能没实现。
修法很直接：想让人读，就把字号提到和正文一个量级，字距收回正常，对比提上来；想让它当线，就别放重要信息，放日期、拼音、英文这种”读不读都行”的内容。
顺带说一句，很多”用户没看到我们的提示”这类产品问题，根源就在这一条——提示文字被设计成了装饰线。
-
A 方案：统一的灰度、统一的尺寸、规则的网格 → 密度高、边界齐、明度一致 → 十二个点塌缩成一块干净的虚面，有形状、有明度、有重量，可以去平衡旁边的元素。代价是单个品牌被牺牲，没有谁是主角。
B 方案：颜色各异、大小不同 → 明度不统一、尺寸不一致 → 撑不成一块干净的面，而是一群无法归组、互相抢注意力的散点。观众的眼睛在十二个点之间跳来跳去，画面变脏、变吵。
A 对的情况：这一组的职能是”背书”（我们有这些合作方）——它需要的是”一块可信的、沉稳的灰面”，而且不能抢主内容的戏。绝大多数官网的合作伙伴墙、赞助商墙属于这一类。
B 对的情况：这一组 logo 本身就是内容（比如品牌排行榜、评选活动结果页）——观众来就是为了比较它们。这时候你要提供的恰恰是差异，要让每个点保持独立性，甚至主动给它们排层级。
依据还是那句老话：这一组元素要承担什么职能？ 承担背书，就往面推；承担主角，就保持点的独立性并给它们排层级。
-
这句话把一个主动的行为描述成了被动的残留。从虚面的角度看，一块留白至少可能承担四种职能：
它是虚面本身。 八个图标围出来的中间那块空是”被设计出来的空”，有自己的形状和大小，在那儿塞个东西，虚面就没了。 它是对比的另一端。 疏密是双向的——没有那块留白，旁边那块密集的信息区就不会显得”密”。 它是隔离带。 两段内容之间的空是”分隔线”的替代品，干的活一样，代价更低（不加重量、不加噪音）。 它是重量的放大器。 一个元素周围空得越多它越孤立、越重（第 13 章的”孤立程度”因子）。所以你留的不是白，是给这个元素装了一个重量放大器。
例子：高端品牌的平面广告，产品往往只占画面一小块，四周大片留白。那片留白不是”没东西可放”，它是这个广告里最贵的部分——它承担了”让那个产品变得重要”的全部工作。你把它填满试试，产品立刻从”主角”变成”货架上的一件商品”。
-
三种可能，从浅到深：
第一种，层级没拉开。 所有元素的重量差不多，观众的眼睛同时被五六个东西拉扯，没有第一落点。验证方法：眯眼看，如果眯眼后画面糊成均匀的灰、没有任何一块跳出来，就是这个问题。
第二种，主次错位。 层级其实拉开了，但最重的那块不是你想让人看的东西。常见原因是：一张人脸、一个高饱和的色块、一句加粗的废话，抢走了本该属于主标题的重量。验证方法：看三秒然后闭眼，回忆你记住了什么——你记住的东西就是实际的视觉重心，和你想让人记住的对比一下。
第三种，尺度不匹配（最容易忽视）。 你在电脑前的距离是 40-50 厘米，对方可能在手机上看（30 厘米、2 秒），或者图发到群里被缩成缩略图（相当于推远到 3 米以上）。你精心做的三层字号，在缩略图里全糊成一团，唯一还起作用的是那块最大的色块——而它恰好是背景。
验证尺度问题的方法很土但有效：把图缩小到手机屏幕那么大，或者真发到群里自己看一眼。 缩略图状态下传达不了任何信息，那它在真实传播场景里就是失败的。
三类解法完全不同：第一类加大对比（第 14 章），第二类重新分配重量（第 13 章），第三类重新选择”在关键尺度上起作用的那几个元素”，其余全部降级。
-
这道题没有标准答案，我要你看的是描述有没有落到具体的形式要素上。
“多而不乱”的图通常是这样：元素虽多，但在关键尺度上被归成了少数几块面（一整片文字是一块、一组图标是一块、一张图是一块），块之间边界清晰，块内部密度均匀，且有一块明显比其他的重。多的是”点”的数量，不乱的是”面”的数量——面只有三四个，观众处理起来很轻松。
“少而乱”通常是三种毛病之一：没有面（七八个元素各自独立，像撒了一地豆子，解法是收紧间距、对齐边缘、统一明度让它塌缩成块）；虚面边界碎了（明明三个块，每块边缘都不齐，于是看起来像七个，观众数不清就说乱）；尺度上的孤儿太多（有些元素太大成不了点、太小成不了面，卡在中间微弱地抢注意力，这一类最该删，通常就是那些”觉得空就加上去”的装饰）。
判断时可以问一句：眯眼之后这块画面上有几块？ 三块以内基本不会乱；六七块怎么都会乱。
【动手练习】
-
尺度三连拍：同一张图的三个身份
找一张你以前做过的图，或者任意一张海报/界面的截图。依次做三件事，每件事都写下来：
- 把它缩小到手机屏幕大小（或者退后到三米外 / 眯起眼睛），写下你在这个尺度上能看见的”块”有几个、分别在什么位置、哪块最重。
- 回到正常距离，写下画面上有几组元素（成组的有几组、独立的有几个）、有没有看不见的线（对齐关系）。
- 凑近看，写下至少三个细节层的问题。
自评标准：三个尺度写出来的东西必须明显不同。如果三段写的都是”字有点小""颜色有点淡”，说明你一直待在同一个尺度上。合格的作业里，远看那一段只应该出现”块、位置、重心”，近看那一段只应该出现”间距、对齐、字距”。
-
把一行字变成一条线（或者反过来）
找一段有两块内容的简单版面（活动通知、一页 PPT、手机页面截图都行）。先找到它现在用来分隔两块内容的手法（多半是一条线或一个空行）。然后：
- 删掉那条分隔线，在两块内容之间插入一行小字（日期、拼音、一句英文都行），用”小字号 + 大字距 + 浅色”把它做成一条线。
- 再反过来：把这行字改成正常的字号、字距、颜色，让它回到”需要被读的文字”。
自评标准：第一版里它必须”看起来像一条线”——眯眼后应呈现为一条连续的浅色带，而不是一行能读的字。第二版里它必须”看起来是要读的”——找个人看三秒问他记住了什么，记住了内容就说明你成功把它从线变回了文字。两版都做不到，说明字号/字距/颜色三个参数没拉开足够差距。
-
装饰审判：给每个元素找一份工作
找一张你觉得”加了不少装饰但看着更差”的图。列出画面里所有元素，对每个元素回答一个问题：它在关键观看距离上是点、是线还是面？答不上来的打叉，然后把打叉的全部删掉（或覆盖掉），看画面变成什么样。
自评标准：至少应该有三四个元素被打叉，否则说明你对”不承担职能”的识别还不够严——那些”半透明小色块""散落的小圆点""角落里的英文装饰字""不知道为什么在那儿的渐变”，是最常见的尺度孤儿。删完之后应该出现两种结果之一：画面明显变干净（说明原来那些确实是噪音），或者出现一块明显的空（说明那个装饰其实在承担”填补虚面”的职能，不能删，但应该换成更明确的做法，比如干脆做成一个真的色块）。后一种同样合格，因为它说明你把一个暧昧的元素变成了明确的元素。