960网格系统（ 960 Grid System）,也称960栅格布局,数年来作为网页设计人员的最爱,被用来搭建网站和设计网页布局.。该无疑是非常好的网格系统,因为相当灵活.它帮助网页设计者快速地构造以下栏栅数目的布局原型:9x3,3x3x3,4x4x4x4,10x2等.960网格系统可能是现在最受欢迎的网格系统,并已经在很多网站和设计模板上使用。如新浪、网易、搜狐等。问题在于960网格系统槽空间和内容宽度.除去外边距,实际的内容区域只有940px.以往能很好被使用是因为大部分设计者使用12px的字号.而现在大多设计者喜欢将字体大小设为13px,甚至更大.既然文字变大。目前绝大多数显示器都支持 1024 x 768 及其以上分辨率。为了有效的利用屏幕宽度同时保证栅格的灵活度，看出960是非常合适的。这样，在目前主流显示器下，960就成为网页栅格系统中的最佳宽度。960基准栅格是元素留白、行高等取值的重要参考。首先，新建文件，宽搞均为24px，删除背景，新建一条1px高度的单线，置于画布最底部。
960网格系统是由NathanSmith创造的，具体来讲，就是基于960像素宽度，通过划分具有规律的分割，来提高网页开发效率。960网格系统系统（或者说适应型css构架）早期主要用来进行快速原型制作，减少重复单调的工作，但是目前，它在网页设计开发项目中开始扮演非常重要的角色了。它将为你的设计提供一个坚实的坐标基础最初有两种变形：12栅格和16栅格。它们互补保证了系统的融通性。后来产生了更多的衍生。下图展示了16栅格到3栅格的案例。BBC和yahoo的门户网站就采用了网格体系，从而非常好的规范了网站的信息布局和疏密程度。一些个人站点或者产品展示站点使用栅格化后更加大气，视觉感受更加宽广。在组合方式上：不仅有常规的分割，同时还有上下两层组合的可能。比如下图右下角的界面，上下两层分别三分栏和两分栏。阅读这样的应用程序，你会感觉跟阅读报纸一样，同时你也会发现，比阅读报纸更加轻松，每一页的排版几乎不重样，翻阅这样的杂志探索感更加强烈。在windowsphone7的主屏，应用程序的入口组成了两列色块。这种信息分割的方式与榻榻米原理基本一致。这使得扁平化的信息界面有了一种自由、个性化的组合方式。
如涉及内容、版权等问题，请在30日内联系，我们将在第一时间删除内容！点此纠错或删除此信息