网格系统将页面划分成列和行，引导内容的放置，使版面布局更加有序。瑞士设计师约瑟夫·穆勒-布罗克曼 (Josef Müller-Brockmann) 在 20 世纪 60 年代系统化地阐述了网格原则，他的著作《平面设计中的网格系统》(Grid Systems in Graphic Design) 至今仍是经典参考书。报纸、杂志和网站都依赖网格，尽管它们使用网格的方式各不相同。

典型的网格系统包含列、间距和边距。列用于容纳内容，间距分隔列，边距勾勒出页面的轮廓。12 列网格在网页上很常见，因为它能将页面均匀地分成两半、三分之一、四分之一和六分之一。设计师可以使用多列来显示更宽的内容，也可以使用单列来显示较窄的文本。网格系统并非决定设计的唯一标准，它提供了一种结构，设计师可以遵循、灵活调整，甚至打破常规。

网格组件

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

打破网格布局可以产生强大的效果。一张全出血、忽略列的图像之所以能吸引眼球，正是因为它打破了既有的结构。但这种打破只有在网格足够强大、令人难以忽视的情况下才能奏效。