網格是一種用於對齊設計元素的線條結構框架。它將頁面劃分為列、行和邊距，為設計師提供了一套內容佈局系統。瑞士設計師約瑟夫·穆勒-布羅克曼 (Josef Müller-Brockmann) 在 20 世紀 60 年代系統化了網格原則，他的著作《平面設計中的網格系統》(Grid Systems in Graphic Design) 至今仍是經典參考書。報紙、雜誌和網站都依賴網格，儘管它們使用網格的方式各不相同。

典型的網格系統包含列、間距和邊距。列用於容納內容，間距分隔列，邊距則為頁面勾勒出輪廓。 12 列網格在網頁設計中很常見，因為它能將頁面均勻分割成二分之一、三分之一、四分之一和六分之一。設計師可以使用多列來呈現更寬的內容，也可以使用單列來呈現較窄的文字。網格系統並非設計的唯一準則，它提供了一種結構，設計師可以遵循、靈活運用，甚至刻意打破網格。打破網格有時能帶來意想不到的效果。例如，一張無視列的全出血圖片之所以能吸引眼球，正是因為它打破了網格的結構。

網格組件

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

網格不是牢籠，而是一種工具，可以幫助我們更快地做出決策，並保持跨多個頁面或螢幕的佈局一致性。