平面设计中的网格系统

这本书讲了什么

《平面设计中的网格系统》的作者是瑞士设计师约瑟夫·米勒-布罗克曼，他是国际主义设计风格的代表人物之一，也是网格系统最重要的推广者。这本书最早出版于20世纪80年代，中文版由上海人民美术出版社引进，徐宸熹、张鹏宇翻译，2022年推出了经典版，精装176页，定价148元。该书豆瓣评分8.6，被英国Laurence King出版社评为“100本经典平面设计书籍”之一，清华美院教授吕敬人亲自撰文推荐。

全书结构非常清晰，从理论到实操层层递进。开篇讲的是“网格与设计哲学”，回答一个根本问题：为什么需要网格。布罗克曼认为，网格的本质是建立一个有秩序的系统来编排信息，让设计从“凭感觉”变成“有逻辑”。接下来是搭建网格的具体步骤：纸张尺寸怎么定、字体怎么选、栏宽多少合适、行距留多少、页边距和页码怎么处理，甚至连“排版中的度量系统”都单独讲了一节。

书的核心实操部分，是三种分栏方式的详细演示：8格（2×4）、20格（4×5）、32格（4×8）。布罗克曼用大量示例展示同一个版心在不同网格结构下能产生多少种变化，包括文字与图片的排布、图片的位置、插图的比例、色块的运用。最后一部分收录了多位设计师的作品，包括奥托·艾舍的慕尼黑奥运会视觉系统、保罗·兰德的品牌标志、马西莫·维涅里的页面设计，每一件都标注了对应的网格结构，让读者看到网格在真实项目中怎么用。书还延伸到企业形象设计和三维空间设计中的网格应用，说明网格不只是一张纸上的事。

观后感

这本书给我最大的冲击，是一个很简单的反直觉事实：网格不是让你把东西排整齐的工具，它是让你知道“什么该放在哪里”的决策依据。

我从前对网格的理解停留在“辅助线”的层面。打开设计软件，拉几条参考线，把元素对齐了，就觉得自己在用网格了。但布罗克曼讲的不是这个。他在书里花了大量篇幅讨论版心的结构、栏与栏之间的比例关系、文字和图片在一个既定网格中如何找到各自的“位置感”。换句话说，网格在你动手之前就已经帮你把可能性框定了。你不需要每一张图都重新思考“这张图放左边还是右边、占多大面积”，因为网格已经给了你一套排列组合的规则。

这就引出了这本书里我最认同的一个观点：建立在规则上的自由，才是真正的自由。这句话听起来像口号，但布罗克曼用整本书证明了它不是。当你面对一个20格系统的时候，你面前不是“随便放”的无限可能，而是一组有限的、经过验证的布局方案。你不用在每一次设计中重新发明轮子，可以把精力留给真正需要创意的地方——图片的选择、色彩的关系、信息层级的编排。网格把“怎么放”这件事从每次都要重新判断的难题，变成了一个有章可循的流程。

豆瓣上有一条短评说“处女座大爱”，另一条说“运用网格系统实际上是一种对问题的break down”。这两句话其实说的是同一件事：网格提供了一种拆解问题的思维方式。你把一个复杂的版式需求拆成“版心多大、分几栏、每栏多宽、行距多少、图片占几格”这些具体的决策，然后一个一个解决。这和写代码做模块化、做咨询做逻辑拆解，本质上没有区别。一个设计师如果养成了这种拆解的习惯，他面对的不再是“怎么把这个页面做好看”这种模糊的问题，而是一组可以逐一攻克的子问题。

当然，这本书也有它的边界。有读者提到“案例都是基于印刷品设计，在以手机为载体的传播条件下参考价值不大”。这个批评是中肯的。书里大量案例来自海报、书籍、展览标识，这些载体的尺寸、阅读距离、信息密度跟手机屏幕完全不是一回事。移动端的网格逻辑需要考虑触控热区、滚动节奏、响应式断点，这些在布罗克曼的年代不存在。但这不意味着网格思维过时了。恰恰相反，正是因为移动端的变量更多，设计师才更需要一套底层框架来保证信息在不同尺寸下都能站得住。

另一个需要诚实面对的问题是：这本书不好读。不是文字晦涩，而是它对读者的动手能力有要求。如果你不打开软件跟着书里的网格结构去试排，只是翻一遍图片，那它对你的价值大概就是一本精美的案例画册。布罗克曼在书里反复讲的那些比例关系、度量系统、版心结构，只有在你亲手搭建一个网格、然后在上面摆东西的时候，才会变得具体。

读完这本书，我对“设计感”这个词有了新的理解。以前觉得设计感是一种天赋，一种审美直觉，学不来。但布罗克曼让我看到，那些让人觉得“有设计感”的作品，背后往往是一套极其理性的秩序在支撑。秩序本身不产生美感，但它让美感的出现变得可预期、可复制。一个设计师如果只靠感觉工作，他可能偶尔做出好东西，但不知道好在哪，也没法把它做好第二次。网格系统解决的就是这个问题：它让你知道每一次选择为什么有效，然后你可以在这个基础上，一次又一次地把它做得更好。