《写给大家看的设计书》

总体观点
视觉设计并不是专属于艺术家的神秘天赋,而是任何普通人都能通过理性掌握的一套严密物理法则:亲密性(Proximity)、对齐(Alignment)、重复(Repetition)、对比(Contrast)(简称 CARP 原则)。
只要你能准确叫出这些原则的名字,就能瞬间识破所有糟糕排版的病根:杂乱无章是因为缺乏亲密性与清晰对齐,平淡琐碎是因为缺乏重复与鲜明对比。一旦有意识地运用这四大原则,任何平庸的文稿都能瞬间焕发出专业光彩。
除了版面四大原则,书籍进一步揭示了字体设计的底层秘密。通过理解六大字体类别的笔画骨架与历史源流,并熟练运用大小、粗细、结构、形状、方向与色彩的六维对比,排版者能够创造出视觉层级分明且极具美感的沟通载体。
核心观点
-
1. 约书亚树法则:只要能叫出原则的名字,你就获得了掌控它的力量
在未认识约书亚树之前,它在眼前也视而不见;一旦知道了它的名字,到处都能认出它。掌握设计原则的名字是改变审美的第一步。
普通人看一份杂乱的简历只觉得难看却说不出原因;学会四大原则后,一眼就能指出“地址和电话没有放在一起(缺少亲密性)”。 -
2. 亲密性:彼此相关的元素必须靠近成组,无关的彻底拉开
位置的物理距离代表关系的逻辑亲疏。把相关内容聚拢成一个视觉单元,不仅让页面立刻井井有条,更能引导视线流动。
名片上把姓名和职位紧挨在一起,把手机号和邮箱放在另一个角落成组,绝不在四个角落随意乱撒文字。 -
3. 对齐:页面上没有任何元素是随意安放的,必须有一条看不见的线
每个元素都应与页面上的其他元素建立视觉联系。坚决杜绝居中对齐与左对齐混用,强有力的左对齐或右对齐能带来清晰的张力。
海报上的标题、副标题与正文左边沿严格对齐成一条干净利落的垂线,瞬间呈现出如同报刊排版般的工整专业感。 -
4. 重复:统一视觉要素,形成贯穿全篇的视觉节奏与品牌印记
将某种视觉要素(特定字体、粗线条、项目符号、颜色、图标样式)在整个作品中重复出现,赋予作品整体感与统一性。
商业计划书每一页的章节小标题都使用同一种深蓝色加粗无衬线字体,配上一条 2px 的橙色下划线,整份 PPT 浑然一体。 -
5. 对比:如果两个元素不完全一样,就让它们截然不同
对比是吸引视线的最强武器。想突出重点就彻底拉开差距:极大对极小、极粗对极细、深黑对浅灰,千万不要似是而非。
促销海报把“五折”两个字放得占满半个屏幕,原价用微小的灰色细字缩在角落,视线在百米之外一眼被吸引。 -
6. 字体六大分类:识别古典型、现代型、粗衬线、无衬线与手写体
掌握字体的骨架特征(衬线形状、笔画粗细渐变、倾斜轴线),学会判断哪些字体天生协调,哪些字体会产生灾难性冲突。
正文长篇阅读选择笔画温和、带精致衬线的 Garamond(古典型),而科技感界面的大标题采用现代利落的 Helvetica(无衬线体)。 -
7. 字体对比的六维法则:大小、粗细、结构、形状、方向与颜色
不要在同一页面混用两款看起来差不多却微妙不同的同类字体(这叫冲突);要通过极端字重、大写小写或冷暖色彩拉开明显对比。
杂志封面用极细的衬线体小写字母作为副标,配合极粗壮厚重的无衬线大写字母作为主标题,形成强烈冲击力。
全书思维导图 · 知识脉络树
全书结构
-
1 约书亚树
引入约书亚树的生动寓言,正式提出亲密性、对齐、重复与对比四大基本设计原则,开启理性设计认知之门。
认识了约书亚树之后发现后院全都是这种树;掌握了对齐原则后,看任何传单都能一秒发现哪里对齐跑偏了。 -
2 亲密性
深入拆解亲密性原则的根本目的与实现手段,教导如何将零碎信息聚合为有限的几个逻辑视觉模块并避免空白被分割。
餐厅菜单将菜品名称、描述和价格紧凑聚合为一个段落,菜品与菜品之间留出明显空行,顾客点餐一目了然。 -
3 对齐
剖析对齐的内在引力线,严禁随意放置元素,讲解左对齐、右对齐与两端对齐的优势,以及滥用居中对齐带来的平庸与松散。
将名片从软绵绵的居中对齐改为坚决的强右对齐,整张名片立刻充满现代艺术感与干练的商务气息。 -
4 重复
讲解重复原则如何为作品注入一致性与秩序感,通过反复运用颜色、形状、纹理、空间关系让多页文档成为有机整体。
一本 50 页的企业手册在每页顶部重复相同的细灰线与蓝色章节名,即使翻到任何一页读者都明确知道归属。 -
5 对比
阐明对比是制造页面视觉焦点的首要动力,坚决摒弃怯懦的微小差别,通过强烈的反差建立无可争议的阅读层级。
报纸头条使用 72 磅巨型粗黑体,与正文的 9 磅宋体形成强烈反差,让读者即便在报摊十步外也能看清头条新闻。 -
6 复习
综合回顾四大原则(CARP),提供多份典型糟糕设计案例,逐步演示如何同时应用亲密性、对齐、重复与对比进行蜕变重构。
一张将活动时间、地点、赞助商散落各处的校园晚会海报,经过四大原则重排后变成清晰有序、焦点突出的精美宣发图。 -
7 颜色运用
介绍色轮原理,讲解单色、互补色、三色组、分裂互补色及冷暖色调的搭配禁忌,说明如何用色彩建立对比与氛围。
在深蓝色的科技报告封面上使用一点点暖黄色小标签进行点缀(互补色对比),焦点瞬间脱颖而出。 -
8 更多提示与技巧
针对信笺、名片、宣传册、明信片、报纸广告和网页等具体媒介,提供实用避坑指南与专项排版技巧清单。
设计折页宣传册时提醒设计师务必考虑纸张折叠后的物理边距与阅读翻阅顺序,防止文字被折痕压住。 -
9 字体(与人生)
阐述字体排版的协调(Concord)、冲突(Conflict)与对比(Contrast)三大境界,指出字体冲突是排版最常见的灾难。
在同一张页面上混用 Arial 与 Helvetica 两种长得几乎一样的无衬线体,只会让读者觉得是作者粗心选错了字体。 -
10 字体类别
系统讲解印刷史上的六大字体阵营:古典型(Oldstyle)、现代型(Modern)、粗衬线(Slab serif)、无衬线(Sans serif)、手写体(Script)与花体(Decorative)。
辨识 Times New Roman 的倾斜椭圆笔画与斜衬线(古典型),以及 Bodoni 的笔画剧烈粗细对比与水平发丝衬线(现代型)。 -
11 字体对比
深入拆解字体对比的六大具体技术维度:大小对比、粗细对比、结构对比、形状对比、方向对比与色彩对比。
利用“结构对比”搭配正文的文艺罗马衬线体与大标题的工业无衬线粗体,产生既厚重又典雅的丰富层次。 -
12 你掌握了吗
提供综合实战练习与重构自测题,检验读者识别设计硬伤并独立给出整改方案的实战能力。
给出一份真实公司内部通讯简报的丑陋初稿,让读者指出其中的 5 处原则违背,并徒手画出改造后的骨架草图。