栏格系统的形成
1692年，新登基的法国国王路易十四感到法国的印刷水准强差人意，因此命令成立一个管理印刷的皇家特别委员会。他们的首要任务是设计出科学的、合理的， 重视功能性的新字体。委员会由数学家尼古拉斯加宗（Nicolas Jaugeon）担任领导，他们以罗马字体基础，采用方格设计依据，每个字体方格分64个基本方各单位，每个方各单位再分成36个小格，这样，一个印 刷版面就有 2304个小格组成，在这个严谨的几何网格网络中设计字体的形状，版面的编排，试验传达功能的效能，这是是世界上最早对字体和版面进行科学实验的活动，也 是栏格系统最早的雏形。
栏格系统英文“grid systems”，也有人翻译“网格系统”，其实是一回事。不过从定义上说，栏格更准确些，从维基百科查到栏格的定义：栏格设计系统（又称网格设计系统、标准尺寸系统、代码版面设计、瑞士平面设计风格、国际主义平面设计风格），是一种平面设计的方法与风格。运用固定的格子设计版面布局，其风格工整简洁，在二战后大受欢迎，已成今日出版物设计的主流风格之一。
网页设计中的栏格系统
我给网页栏格系统下的定义：以规则的网格阵列来指导和规范网页中的版面布局以及资讯分布。
网页栏格系统是从平面栏格系统中发展而来。对于网页设计来说，栏格系统的使用，不仅可以让网页的资讯呈现更加美观易读，更具可用性。而且，对于前端开发来说，网页将更加的灵活与规范。
栏格系统的设计原理及应用
那如何设计一个栏格系统？接下来我们将通过实例，详细的介绍一下网页栏格系统的原理与应用：
在网页设计中，我们把宽度“W”的页面分割成n个网格单元“a”，每个单元与单元之间的间隙设“i”,此时我们把“a+i”定义“A”。他们之间的关系如下：
W =（a×n）+（n-1）i
由于a+i=A，
可得：(A×n) - i = W
在栏格系统中，网页设计师根据需要制定不同的版式或者划分区块，他们的依据将是上面的那张对应表进行设计。这样，一个栏格系统的应用就从此开始了。我们 看到，使用栏格系统的网页设计，非常的有条理性；看上去也很舒服。最重要的是，它给整个网站的页面结构定义了一个标准。对于视觉设计师来说，他们不用再设计一个网站每个页面都要想一个宽度或高度而烦恼了。对于前端开发工程师来说，页面的布局设计将完全是规范的和可重用的，这将大大节约了开发成本。对于内容编辑或广告销售来说，所有的广告都是规则的，通用的，他们再也不用做出一套N张不同尺寸的广告图了...
当然只要你愿意，我们可以衍生出任何一种栏格系统，只要改变A和i的值，这个根据网站的实际情况来制定。那如何选择合适栏格系统，主要通过“构成 要素与代码、限制与选择、构成要素的比例、组合、虚空间与组合、四边联系与轴的联系、三的法则、圆与构成、水准构成这些设计元素规划，来实现比例和谐的平面设计”。比较深奥，我们在这里就不详细阐述了。
呵呵，说了一堆栏格系统的优点。大家可能会问：难道栏格系统真的是完美的？答案是否定的：对于内容资讯不确定导致高度不确定的页面，在高度层面上就无法做到栏格了。当然，具体的情况还需具体的分析与解决，这就需要网页设计师们在实际的应用中不断的总结经验，不断实践了。
