栅格系统英文名为Grid Systems, 是运用规则的网格阵列, 遵循一定的规律进行页面的布局设计, 使布局规范简洁。通常需要设置定义总宽度、列数和水槽 (留白) 三个数值。
网页设计师可以利用栅格让画面整体协调、干净, 保持网页内容的组织度。方便了组件、各模块之间的校准、对齐等操作, 让画面整洁有序, 强化版面层次感。营造出空间的节奏感和视觉的流畅感, 让整套网页的不同页面都保持一致性。
使用栅格化工具的同时需要注意设计不要被工具束缚, 没有必要完全受限于栅格。在熟练进行网页排版后可以有技巧地抛开栅格的约束进行一些视觉上的跳跃设计, 或许会有更好的效果。