摘要： [出自]http://lifesinger.org/blog/2008/11/grid-system-4/前三篇文章中，明确了栅格系统的设计细节和适用范围。这一篇将集中讨论960栅格系统的技术实现。Blueprint的实现Blueprint是一个完整的CSS框架，栅格系统是它的一部分功能。我们来看demo页面：以上三栏布局的代码为：<style type="text/css"> .co... 阅读全文

摘要： [出自]http://lifesinger.org/blog/2008/10/grid-system-3/研究（2）中讨论了栅格系统的基础知识。这一篇将集中探讨栅格系统的粒度问题。（注：如非特别指明，栅格系统均指24列960栅格系统）淘宝的首页（截图）目前尚未严格遵守栅格系统，如果重构的话，宽度方向可以考虑采用下面的栅格布局（只考虑页面主体部分，忽略高度的比例）：（图1）纷乱的高度世界我们来看下图... 阅读全文

摘要： [出自]http://lifesinger.org/blog/2008/10/grid-system-2/首先澄清一个应用场景问题。研究（1）中指出，对于结构复杂的网站，不少设计师们喜欢采用960固定宽度布局。但要注意的是，960并不是万能钥匙，大部分网站没有也不需要栅格系统。Amazon采用的是宽度自适应布局，最大限度的呈现信息。Google更是简简单单，主题部分就一个列表。eBay的页面非常简... 阅读全文

摘要： [原文出处]http://lifesinger.org/blog/2008/10/grid-system-1/研究网页栅格系统前，来看一组数据：网站首页页面宽度 pxYahoo!950淘宝950MySpace960新浪950网易960Live Search958搜狐950优酷960AOL960上面列举的都是Alexa全球排名前100的站点，它们的首页宽度为950px/960px. 除了微软的Liv... 阅读全文

摘要： 1.[蓝色理想]网页的栅格系统设计[1] http://www.blueidea.com/design/doc/2008/6171.asp2.[蓝色理想]网页的栅格系统设计[2] http://www.blueidea.com/design/doc/2008/6171_2.asp3.网页栅格系统研究（1）：960的秘密 http://www.68design.net/Web-Guide/Web-Theory/37967-1.html4.网页栅格系统研究（2）：蛋糕的切法http://www.68design.net/Web-Guide/Web-Theory/37968-1.html5.网页栅格 阅读全文