设计的内功·视觉心法修炼手册
开篇寄语
你点开这个文件，大概是因为你在 PS 里卡住了。
我猜得具体一点：你能打开软件，能找到图层，能在网上搜到”怎么做金属字""怎么做故障风”，照着教程一步一步做出来，成品还挺像。但你心里清楚，那不是你会做，那是你抄会了。教程一关，给你一个空白画布和一句话需求——“做个活动海报，要年轻一点”——你就站在原地了。
更难受的是另一件事。你做完一张图，觉得哪里不对，说不上来。给别人看，别人也说”好像有点怪”。你开始乱调：换个字体，加个阴影，把这块颜色再压暗一点。折腾一小时，最后在某个勉强能看的版本上停手。下次遇到同样的情况，重来一遍。
你把这归结为”审美不行”。
这个判断既对也错。对的地方在于，你确实缺东西；错的地方在于，你缺的不是审美，是把感受翻译成要素的能力。这两件事看起来像一回事，实际上是两回事，而且后一件是可以练出来的，前一件听起来像是天生注定。
“那我多看点好作品，审美是不是就上来了？”
看是必要的，但不够。你每天路过公司楼下的便利店，看了几百次，现在让你画出它的招牌长什么样，你画得出来吗？重复观看不会自动产生理解。大脑是效率机器，熟悉的东西它直接走捷径——“认识，跳过”。越熟悉，越看不见。
所以这门课不是作品集，不是”每天欣赏十个好设计”。它是一本关于为什么的书。
具体来说，它不教这些：
不教软件操作。 一个菜单路径都不会写，一个快捷键都不给。你能搜到的东西，不值得占这本书的篇幅。这本书里所有涉及”怎么做”的描述，都会写成与软件无关的话——“把这张图去色”，而不是某个菜单项。因为工具会过时，原理不会。
不教风格。 不教你怎么做出”高级感""赛博朋克""日系小清新”。风格是结果，不是入口。你学会了背后的原理，风格是你自己长出来的；你直接抄风格，抄完还是不会下一个。
不教捷径。 没有”三招让你的图变高级”。凡是能三招解决的，都不是你真正卡住的地方。
它教的是这些：
每一条设计规则背后的”凭什么”。 为什么明度比色相重要？这不是某个老师拍脑袋定的，是因为你的视网膜上对明暗敏感的细胞远多于对颜色敏感的细胞，而且它们的响应速度更快。知道了这个，你就不需要背这条规则了——它会变成你的常识。
一套能自己做判断的标准。 两个元素该靠近还是分开？亲密性原则说靠近，视觉层级说分开，你选哪个？规则给不了你答案。能给你答案的是”你这次想让观众先看到什么”。这就是判断，判断需要标准，标准来自理解。
能迁移的东西。 你学完这本书，换软件、换媒介、从做海报变成做界面、变成给自家客厅配色、变成判断一件衣服穿上身好不好看，原理都还在。这才是”内功”两个字的意思。招式换个门派就废了，内功不会。
最后说一句可能让你不舒服的话。
这本书读起来不会轻松。它要求你每看一章就停下来想一想、动手做一做、承认自己之前的某个想法是错的。如果你只想躺在床上一页页翻过去，那这本书对你没用，现在关掉还来得及。
如果你愿意做那些练习，三十四章之后，你会获得一样东西：看到一个设计，你能说出它好在哪、坏在哪、该往哪改，而且你说得出来的东西，别人改完真的会变好。
那时候你要不要继续用 PS，用不用得上 PS，都不重要了。
开始吧。
使用说明
这本书有三十四章，加这篇导读。每一章八千到一万字，全都读下来是个不小的时间投入。所以先说清楚怎么用，别浪费你的时间。
每章长什么样
先说结构，你翻到任意一章，看到的都是同一套东西：
开篇是一个具体的场景。 不是一个定义。可能是你在会议室投屏时遇到的尴尬，可能是你在菜市场看到的一个摊位，可能是一张被你改了三小时还是不对的图。场景先来，问题从场景里长出来。
然后是追问。 我会不断问”为什么""如果换一下会怎样""你这个想法凭什么成立”。有些问题我会替你答，有些我不答，留到思考题里。你最好在看答案之前自己先想三十秒——想不出来也比直接看答案强，因为你想错的那个方向，恰好暴露了你现在的思维模型。
然后是原理。 原理通常有来历：生理的、物理的、或者历史的。我不满足于告诉你”要这样”，我要告诉你”凭什么必须这样”。凭什么的部分，是你以后能自己推导出新规则的地方。
然后是反例。 我会专门写”这个做法看起来很合理，其实是错的，以及它为什么诱人”。这部分别跳过。知道错在哪，比知道对的答案更能防止你下次犯同样的错。
然后是跨场景案例。 每章至少三到五个，从海报、界面、摄影、包装、穿搭、家居、PPT 里随便挑。每个案例我都会写清楚画面里具体有什么、放在哪、什么颜色、你的眼睛会怎么走。空泛的例子学不到东西。
然后是「心法」。 这是每章最重要的小节，也是最容易被人跳过的。技巧讲”怎么做”，心法讲”什么时候不该这么做”。如果说这本书有什么别处买不到的东西，就在这些小节里。
然后是小结、思考题、参考答案、动手练习。 思考题不是填空题，参考答案本身就是学习材料，动辄三五百字。动手练习每道题都带自评标准——我告诉你做成什么样算过关，因为”做完了”和”做对了”不是一回事。
三种读法
第一种：通读。 从第一页按顺序读到最后一页。适合你有一两个月相对完整的时间，愿意系统来一遍。好处是前后勾连会自然发生——第 8 章讲明度是老大，到第 19 章讲层级时我会问你”还记得明度是老大吗”，这些呼应只有通读才吃得到。坏处是见效慢，你可能读到第 10 章还没觉得自己的图变好看了。别急，第 12 章之后会开始拐弯。
第二种：按模块跳读。 全书分八个模块：看见、色彩、构成、版式、字、图像、心法、训练。你可以挑一个模块整块读。模块之间有依赖，但不强——你完全可以先读模块三”构成”，再回头读模块二”色彩”。唯一建议别跳的是模块一，它是后面所有章节的地基，尤其第 1 章和第 2 章。第 4 章的图底关系、第 5 章的视觉动线，后面会被反复提到，早点读省事。
第三种：当工具书查。 你手上正做着一张图，卡住了。这时候去看目录，找对应的章节，只看那一章。这本书的每一章都尽量做到了自足——你需要的前置概念，我会在文中用一句话带过并标注”详见第 X 章”，不会让你被迫往回翻。
我的建议是：用第二种和第三种为主，找一段完整时间再通读一遍。 纯通读的人，读到后面会忘前面；纯查的人，脑子里形不成体系。先解决手头问题建立信心，再系统打底建立体系，最后通读一遍把网织起来。
一个硬要求
不管你用哪种读法，思考题请你真的想一想，动手练习请你真的做一做。
这两部分不是装饰。我见过太多人读设计书，读完觉得”哦，懂了”，然后做出来的东西一点没变。差别就在于有没有动过手。设计是手艺，手艺只能长在手上，不能长在脑子里。
你要是实在懒，至少做动手练习的第一题。每章的动手练习第一题都是最便宜、最容易做的那道。
全书章节地图
八个模块，三十四章。每一章后面我用一句话说明它解决什么。你可以把这份地图当目录用，也可以当自检清单用——哪一句话你读不懂，那一章就是你要补的。
模块一 · 看见（第 1-5 章）——道之”怎么看”
在你学任何一条规则之前，先搞清楚你的眼睛和大脑是怎么工作的。后面所有规则，本质上都是在跟这套工作机制打交道。这个模块不教你做东西，教你看东西，它是整本书的地基。
- 第 01 章 你真的看见了吗：观看和看见是两回事，你缺的是把感受翻译成要素的词典。
- 第 02 章 眼睛不是相机：视知觉有一整套可以被设计利用的漏洞，这是所有设计原理的物理基础。
- 第 03 章 格式塔：大脑为什么非要补全、非要归类、非要把散的东西看成一个整体。
- 第 04 章 图与底：注意力是怎么被分配的，什么是主角什么是背景，以及这个分配如何被翻转。
- 第 05 章 视觉动线：让眼睛按你安排的顺序走，落点怎么设、顺序怎么排、多余落点怎么砍。（模块末章，含阶段项目）
模块二 · 色彩（第 6-11 章）
色彩是所有新手最容易上手、也最容易翻车的部分。这个模块不讲”什么颜色配什么颜色”的速查表，讲的是颜色到底是什么、为什么有些搭配天生舒服。读完你会知道，配色的大部分问题其实是明度问题。
- 第 06 章 颜色属于谁：光、物体、眼睛的三方博弈，颜色从来不是物体的属性。
- 第 07 章 色环的来历：三种色环为什么互相打架，它们各自是从哪条路上长出来的。
- 第 08 章 色相明度饱和度：三个维度里明度为什么是老大，以及这条结论的生理账单。
- 第 09 章 配色公式的生理账：从互补到分裂互补，那些公式不是玄学，是视网膜上的账。
- 第 10 章 冷暖与空间：前进色与后退色、空气透视，怎么用颜色造出深度。
- 第 11 章 跨屏一致性：色彩的心理账本，以及为什么你在屏幕上调的色到别人那里就变了。（模块末章，含阶段项目）
模块三 · 构成（第 12-16 章）
构成是画面的骨架。这一模块讲的东西，在你眯起眼睛、丢掉所有细节之后依然成立。如果说色彩是皮肉，构成就是骨头。骨架立不住，颜色再讲究也救不回来。
- 第 12 章 点线面：视觉的最小语法，画面上的一切最终都可以还原成这三种元素。
- 第 13 章 张力与平衡：画面上的秤砣原理，为什么不对称反而更稳。
- 第 14 章 对比：几乎所有设计问题的解药，以及什么时候这味药有毒。
- 第 15 章 节奏重复与变异：为什么三比二好，重复里的那一点变异值多少钱。
- 第 16 章 留白：空出来的地方在说话，空白的形状比元素本身更能决定版面好不好看。（模块末章，含阶段项目）
模块四 · 版式（第 17-20 章）
把构成落到具体的信息编排上，就是版式。这个模块解决的是”东西多了怎么办”——一旦你的画面上有标题、正文、图片、按钮、logo 五六样东西，怎么摆就成了一门硬功夫。
- 第 17 章 网格：限制为什么带来自由，网格不是束缚是在帮你少做一百个决定。
- 第 18 章 四条原则的来历：亲密、对齐、重复、对比，这四条不是规定，是对人眼习惯的总结。
- 第 19 章 视觉层级：读者按什么顺序读，以及怎么让你定的顺序和他实际的顺序对上。
- 第 20 章 版面的势：动静、疏密、收放，版面的那口气该怎么喘。（模块末章，含阶段项目）
模块五 · 字（第 21-23 章）
中文排印是个被严重低估的坑。大部分中文界面的问题不在布局，在字。这个模块讲字的骨架、中文特有的难题，以及字是怎么”呼吸”的。
- 第 21 章 字形的解剖：衬线、字重、x-height，字的骨架决定它适合干什么活。
- 第 22 章 中文排印：中西文混排、标点、行距、字距，中文那一堆绕不开的特殊难题。
- 第 23 章 排印的呼吸：字距行距里的呼吸感，以及字体的性格从哪来、怎么选。（模块末章，含阶段项目）
模块六 · 图像（第 24-26 章）
不管你是自己拍、自己画，还是从图库里挑，只要画面上有图像，就得处理光影、质感和取舍。这个模块讲的是”一张图凭什么可信”。
- 第 24 章 光影：立体感的唯一来源，光的方向、软硬、数量决定了所有体积感。
- 第 25 章 质感与空间：可信度是怎么造出来的，材质、反射、景深、颗粒。
- 第 26 章 裁切：取景即取舍，框的四条边是设计师手里最狠的刀。（模块末章，含阶段项目）
模块七 · 心法（第 27-31 章）
到这里，技法层面的东西基本讲完了。这个模块往上一层，讲那些没法写成规则的判断：品味能不能学、需求怎么翻译、限制怎么变成风格、批评怎么给怎么接、今天的好看是被谁定的。
- 第 27 章 品味可以学吗：从说不出到说得清，品味是一套可以被训练的判断系统。
- 第 28 章 需求翻译：从”要年轻一点”这种一句话，到一张具体的图，中间那道工序是什么。
- 第 29 章 约束即风格：限制怎么变成识别度，为什么预算最紧的项目往往风格最鲜明。
- 第 30 章 批评的方法：怎么评别人的东西，怎么接别人的评价，以及怎么被评完还能保住判断。
- 第 31 章 风格史速写：今天的好看是被谁定的，一百年审美变迁背后的技术与经济账。（模块末章，含阶段项目）
模块八 · 训练（第 32-34 章）
最后三章讲怎么练。知道原理和能做出来之间，隔着一段必须自己走的路。这个模块给你的是训练方法，不是更多知识。
- 第 32 章 刻意练习：刻意练习在设计里长什么样，为什么”多做”不等于”练到”。
- 第 33 章 解构式临摹：抄的不是形，是决策，怎么把一张好作品拆成一组可复用的判断。
- 第 34 章 建立你的视觉库：从临摹到原创的那座桥，以及怎么给自己搭一套长期进化的素材与判断系统。（含结业项目）
三条阅读路线
上面的地图是给”通读”和”查书”用的。如果你现在就想开始，下面是三条更具体的路线，挑一条跟你当下状态最接近的。
路线一：我想先解决手头问题
适合：你手上正有一张图、一份 PPT、一个页面要做，明天就要交。
顺序：第 1 章 → 第 14 章（对比）→ 第 18 章（四条原则）→ 第 19 章（视觉层级）→ 第 8 章（明度是老大）→ 第 16 章（留白）→ 第 22 章（中文排印）。
为什么这么排：第 1 章必须读，它给你”看出问题”的能力，没这个能力后面所有章你都吸收不了。第 14 章的对比是见效最快的一味药——你手上那张图八成是发闷，加大对比立刻能救。第 18 章的四条原则是版式的万能检查表，照着一条条过，能挑出大部分低级错误。第 19 章解决”东西多了不知道先放哪”。第 8 章和第 16 章处理剩下的”发灰”和”发挤”。最后第 22 章，中文的东西不看这章，字大概率是丑的。
怎么验收：读完这一圈，回头看你三天前做的那张图。如果你能说出至少五个具体的、可改的问题，而且改完之后确实变好了，这条路就走通了。
注意：这条路见效快，但地基不牢。你会在某些时候发现自己在套公式，遇到规则打架就不知道怎么办。那是正常的，等你交完这次活，走一遍路线二。
路线二：我想系统打底
适合：你不着急，愿意花一两个月把基础打扎实，以后不想再被同一个问题卡住。
顺序：从第一章读到第二十六章，按顺序来，一个模块一个模块吃。重点放在模块一、二、三——看见、色彩、构成，这三块是全部基础。模块四到六（版式、字、图像）是这三块的应用层，读起来会快一些。
节奏建议：一周两到三章，每章的思考题和动手练习都要做。模块末章的阶段项目别跳过，那是把整个模块串起来的东西，比再读三章有用。
为什么这么排：这套顺序是按依赖关系的。先有”怎么看”，才能讲”颜色怎么工作”；有了色彩和构成，版式才有依据；版式定了，字和图像才有位置。跳着读你会发现每章都在提”详见第 X 章”，最后还是得回来补。
怎么验收：读完第 16 章（留白）之后，随便找一张你觉得很好的作品，试着不看任何资料，说出它为什么好，至少说出五条原理层面的理由。说得出五条，说明体系开始成形了。
路线三：我想提升品味
适合：你手上没有紧急的活，工具也够用，你就是觉得自己的东西”不够好”，但说不出差在哪。
顺序：第 1 章 → 第 2 章 → 第 27 章（品味可以学吗）→ 第 31 章（风格史速写）→ 第 30 章（批评的方法）→ 第 33 章（解构式临摹）→ 第 34 章（视觉库）→ 然后回到第 3 章往后补齐。
为什么这么排：品味这件事，本质上是你脑子里”好东西的样本库”够不够大、够不够结构化。所以这条路线的核心不是学规则，是先建立判断的坐标系，再大规模输入样本。第 27 章会告诉你品味到底是怎么形成的；第 31 章给你一个历史坐标，让你知道”今天的好看”是从哪来的、它在什么条件下成立；第 30 章训练你把模糊的喜欢变成清晰的理由；第 33 和 34 章给你一套持续积累的方法。
这条路最难的地方：它需要时间，而且见效最慢。你可能在开始的一两个月里，唯一的收获是”我现在知道自己以前做的东西有多差了”。这是好事，这说明你的标准上去了，手还没跟上。手会跟上来的，前提是别停。
怎么验收：三个月后，翻出你三个月前的作品。如果你觉得”惨不忍睹”，说明这条路走对了。
最后一句。
这本书里我会说很多”这个想法是错的”。有时候是说别人的，更多时候是说你的，甚至说我自己曾经信过的。别把它当成冒犯。你在代码评审里被指出一个设计缺陷的时候，不会觉得被冒犯吧——你只会觉得，还好被指出来了。
设计也一样。能被指出来的问题，都是便宜的问题。真正贵的问题，是那些没人指出得来、你自己也看不见、但每个看你作品的人都感觉得到的问题。
这本书要做的，就是把那些贵的问题，变得便宜一点。
翻到第 01 章 你真的看见了吗，我们开始。