我最喜欢的用来对网站设计进行布局的一个工具就是来自纳坦?史密斯的960网格系统的模版5和速写表单。

960网格系统接受了来自网络设计人员霍伊·文和马克·布尔顿的灵感，它基本上就是一个CSS框架。此模版的宽度可以参见卡梅隆·摩尔的文章。当考虑到此宽度可以适于1024像素宽的显示器时，摩尔选择了960像素，并指出这个数可以被3、4、5、6、8、10、12、15和16整除——这对于网格的宽度而言是理想的。纳坦把 这些想法合并进一个框架内，并创建了3个布局的基础：一个有12栏、一个有15栏，还有一个有24栏。我个人比较喜欢12栏的模版，因为它可以允许我很容易地把内容分成四份 (每份3栏）、三份（每份2栏)或六份（每份6栏)。

如果您要在您的布局中使用不同的安排，可以使用您选择的任何一种网格对齐实体、导航栏、内容和页脚块。把您所有的元素放在相同的一个或两个块中的做法很有诱惑力——但是要避免这么做，这看起来并不有趣。实际上，您应当考虑把一些元素放到另一栏中，或者完全放在网格外面。新的设计人员在处理网格时最大的一个抱怨是，很多东西看起来好像装在盒子里，让人看着头晕。对于那些出于这个原因反对使用网格的人而言。

我们对于结构、网格以及理想比例的渴望被深深地印刻在人类的属性中。一个“看起来不十分正确”的布局经常可以通过移动某些元素，并在网格上调整它们的尺寸的方式固定下来。所以如果某个布局看起来不怎么好，您应当不断地实验。在某些点上，所有部分都应当聚集在一起，而您的头脑中应当有俄罗斯方块游戏过关的声音。您应当能实现平衡。