栅格系统简介

更新时间：2025-01-11 06:30:50

1692年，法国国王路易十四命令成立一个管理印刷的皇家特别委员会，设计出科学、合理的、重视功能性新字体。尼古拉斯加宗领导的委员会以罗马体为基础，采用方格设计，每个字体方格分为64个基本方格单位，每个单位再分为36个小格，版面设计严谨。这是世界上最早的字体和版面科学实验，也是栅格系统最早的雏形。

栅格系统，即网格系统，是一种平面设计方法与风格，运用固定格子设计版面布局，风格工整简洁。在二战后广受欢迎，成为现代出版物设计主流风格之一。

在网页设计中，栅格系统以规则网格阵列指导和规范网页版面布局及信息分布。它不仅使网页信息美观易读、提升可用性，还使前端开发更加灵活规范。

设计栅格系统时，将宽度为“W”的页面分割成n个网格单元“a”，每个单元与单元之间间隙设为“i”。此时，“a+i”定义为“A”。它们之间的关系为：W =（a×n）+（n-1）i。由于a+i=A，可得出：(A×n) – i = W[1]。