网站设计客户需求日益增加，用户的期望发生变化，在设计和功能性之间找到平衡很难，实施网格的页面布局很漂亮，通过动态效果立即引起用户注意，为用户提供独特而美观的体验方面发挥了重要作用。

网格包括彼此连接或交叉以形成结构化内容的线系统，网格是线的网络，彼此交叉以形成一系列正方形，在网站设计中，网格用于将页面垂直和水平分成列和列间空间。12列网格提供了一个框架，用于指导如何在页面上组织元素，确保所有UI元素相对于彼此排列间隔。网格将内容组织良好的内容系统中，借助网格，设计人员可以以无缝直观的方式组织元素。网格的优点很多，在网格的帮助下，可以让用户注意到网站上的特定元素，强大的网格可让利用设计的美感，可以控制网站的功能。

但是在网站设计方面，网格有一定的限制，网格及其局限性也很多，由于网格具有已定义的结构，必须遵循一套特定的指导原则，如果设计师在网格方面没有清楚地了解，当使用网格时，会涉及许多计算。网格结构主要是提供了一个框架，目前网站都使用网格来排列文本，空白区域，图像，导航按钮和其他元素，确保在这些元素之间建立适当的大小和间距。

对于设计师而言，网格是他们为页面创建的线框的语言，是一种可视语言，可帮助他们查找内容，最受欢迎的网格形式是960网格系统，主要目的是通过实现一个960像素宽度的公共尺寸来简开发过程。使用960像素是这是一个可分割的数字，创建的布局开辟了许多可能性，确定页面上的元素应该排列在哪个维度，当使用网格系统时，限制了设计的创造力，由于网格没有新功能，也没有可用的自定义，布局几乎相似一致。

将页面的组件组织成图层，在这种情况下可以克服网格的常用样式，使用重叠的元素集，添加一些颜色打破网格布局时，进行视差滚动可以自由地使用视差滚动来分解UI设计的水平网格，使用视差滚动效果，背景比前景移动得慢。在用户向下滚动页面时创建了3D效果，使内容成为焦点的中心。使用此系统布局可确保不会遗漏重要信息，用户可以找到他们查找的所有内容，添加新信息更容易，无需更改整个布局以添加某些材料。