网格是一种用于对齐设计元素的线条结构框架。它将页面划分为列、行和边距，为设计师提供了一套内容布局系统。瑞士设计师约瑟夫·穆勒-布罗克曼 (Josef Müller-Brockmann) 在 20 世纪 60 年代系统化了网格原则，他的著作《平面设计中的网格系统》(Grid Systems in Graphic Design) 至今仍是经典参考书。报纸、杂志和网站都依赖网格，尽管它们使用网格的方式各不相同。

典型的网格系统包含列、间距和边距。列用于容纳内容，间距分隔列，边距则为页面勾勒出轮廓。12 列网格在网页设计中很常见，因为它能将页面均匀地分割成二分之一、三分之一、四分之一和六分之一。设计师可以使用多列来呈现更宽的内容，也可以使用单列来呈现较窄的文本。网格系统并非设计的唯一准则，它提供了一种结构，设计师可以遵循、灵活运用，甚至刻意打破网格。打破网格有时能带来意想不到的效果。例如，一张无视列的全出血图片之所以能吸引眼球，正是因为它打破了网格的结构。

网格组件

• 列：用于显示内容的垂直条带。
• 屋檐：柱子之间的缝隙。
• 页边距：版面的外边缘。
• 基线网格：用于对齐文本的水平线。

网格不是牢笼，而是一种工具，可以帮助我们更快地做出决策，并保持跨多个页面或屏幕的布局一致性。