网页设计中的栅格系统

我给网页栅格系统下的定义为：以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。

网页栅格系统是从平面栅格系统中发展而来。对于网页设计来说，栅格系统的使用，不仅可以让网页的信息呈现更加美观易读，更具可用性。而且，对于前端开发来说，网页将更加的灵活与规范。

栅格系统的设计原理及应用

那么如何设计一个栅格系统？接下来我们将通过实例，详细的介绍一下网页栅格系统的原理与应用：

在网页设计中，我们把宽度为“W”的页面分割成n个网格单元“a”，每个单元与单元之间的间隙设为“i”,此时我们把“a i”定义“A”。他们之间的关系如下：

W =（a×n） （n-1）i

由于a i=A，

可得：(A×n) – i = W

2100433B

1692年，新登基的法国国王路易十四感到法国的印刷水平不尽人意，因此命令成立一个管理印刷的皇家特别委员会。他们的首要任务是设计出科学的、合理的， 重视功能性的新字体。委员会由数学家尼古拉斯加宗（Nicolas Jaugeon）担任领导，他们以罗马体为基础，采用方格为设计依据，每个字体方格分为64个基本方格单位，每个方格单位再分成36个小格，这样，一个印刷版面就有2304个小格组成，在这个严谨的几何网格网络中设计字体的形状，版面的编排，试验传达功能的效能，这是世界上最早对字体和版面进行科学实验的活动，也是栅格系统最早的雏形。

不过从定义上说，栅格更为准确些，从维基百科查到栅格的定义为：栅格设计系统（又称网格设计系统、标准尺寸系统、程序版面设计、瑞士平面设计风格、国际主义平面设计风格），是一种平面设计的方法与风格。

内容简介

本书通过大量的20世纪设计案例，从简·奇尔切奥得的《新版式》的版式设计到鲍豪斯的平面设计，再到耐克的产品目录，对栅格系统作了全面的、通俗易懂的介绍，并给出了详细的版式设计步骤。本书中展示的设计超越了简单的功能主义和简约主义的教条，使得版式设计成为一种真正的动态传达方式。 　　在她的畅销书《设计几何学》中，金伯利·伊拉姆揭示那些成功的设计作品，如何运用比例，对称和其他几何体系来构成各种视觉关系。她的这本《栅格系统与版式设计》，是普林斯顿建筑出版社畅销西方的简明设计系列丛书中的第三本。在本书中，伊拉姆仍然展示着锐利的目光和清晰的解说，阐释一个最为流行，也可能最为微妙，然而中国读者理解最少的视觉组织系统——栅格系统。 金伯利·伊拉姆是罗林艺术与设计学院平面设计与互动传达系的主任，这所学校位于佛罗里达州萨拉索塔市。她的《设计几何学》一书，已经成为设计系学生和设计师们的标准参考书。2100433B

栅格管以聚氯乙烯为主要原料，配以增韧剂，

抗老化剂及其它辅助添加剂等，集护套与子管为

一体，一次挤压成型。

总体上来说，栅格化这个术语可以用于任何将矢量图形转换成位图的过程。

在通常的应用中，这个术语用来表示在计算机上显示三维形状的流行渲染算法。栅格化是生成实时三维计算机图形最流行的算法。实时应用需要立即响应用户输入，并且通常需要至少每秒 24 帧的速率。

与辐射着色、光线跟踪等其它渲染技术不同，栅格化的速度非常快，但是由于它不是根据光传输的物理规律进行处理的，所以无法正确模拟许多复杂真实光照环境，只能达到足够欺骗人类眼睛的程度。