網格系統將頁面劃分成列和行，引導內容的放置，使版面更有序。瑞士設計師約瑟夫·穆勒-布羅克曼 (Josef Müller-Brockmann) 在 20 世紀 60 年代系統化地闡述了網格原則，他的著作《平面設計中的網格系統》(Grid Systems in Graphic Design) 至今仍是經典參考書。報紙、雜誌和網站都依賴網格，儘管它們使用網格的方式各不相同。

典型的網格系統包含列、間距和邊距。列用於容納內容，間距分隔列，邊距勾勒出頁面的輪廓。 12 列網格在網頁上很常見，因為它能將頁面均勻地分成兩半、三分之一、四分之一和六分之一。設計師可以使用多列來顯示更寬的內容，也可以使用單列來顯示較窄的文字。網格系統並非決定設計的唯一標準，它提供了一種結構，設計師可以遵循、靈活調整，甚至打破常規。

網格組件

• 列：用於顯示內容的垂直條帶。
• 屋簷：柱子之間的縫隙。
• 頁邊距：版面的外緣。
• 基線網格：用於對齊文字的水平線。

打破網格佈局可以產生強大的效果。一張全出血、忽略列的圖像之所以能吸引眼球，正是因為它打破了既有的結構。但這種打破只有在網格足夠強大、令人難以忽視的情況下才能奏效。