1949 年，约斯特·霍舒利在为《女性》杂志设计版面时，画下了可能是现代设计史上最重要的一张草图：一张被均分为若干栏的表格纸。后来，这张图被印成海报，成为瑞士国际主义风格最早的面孔之一。
01为什么是网格
网格把「决定放在哪里」这件每天都在重复的事情，变成一次性的系统设计。页面不再是一个孤立的版面，而是一个坐标系里的一个坐标点。今天这一页的标题在哪一栏，决定了明天那一页的标题也在同一栏——读者会因此感到一种说不清道不明的安定。
更重要的是，网格生产层级。一栏宽是信息，两栏宽是重点，通栏是宣言。内容本身没有高低之分，是网格给了它们位置；位置给了它们声音。
02十二栏的诞生
网页世界几乎把「十二栏」写成了默认配置，这并非偶然：12 可以被 2、3、4、6 整除，意味着从单栏到六栏的每一种组合都有整数解。配合 8 的倍数间距，12 栏网格覆盖了从手机到宽屏的绝大多数情况。
上图就是本站正文所用的骨架。你读到这些文字的每一栏，都恰好落在 12 条等分线上——这正是穆勒-布罗克曼在《网格系统》里反复强调的：视觉的统一来自数学的统一。
03网格不是牢笼
常有人把网格误解为束缚。恰恰相反，网格是比例尺：只有先知道「正常」在哪，偏移才有意义。一次越界、一处红色、一行斜体，之所以有力，是因为它们打破了某种被全站遵守的秩序。
网格系统是一种帮助，而不是一种保证。
本站的每一页——首页、列表、正文、搜索——都建立在这套网格上。下一篇，我们聊一聊网格之上的另一层骨架：字体。