基于栅格系统的设计在网络上越来越流行了。一个设计优良的基本栅格系统不但让你的设计更漂亮和易读,还更具可用性。栅格由一系列的垂直线和水平线组成,几乎所有的视觉媒体都以之为基础。清晰的结构将内容分割成愉悦视觉的比例。下面是30个最顶尖的基于网格系统的Weblog设计。此外,我还搜集了一些有关栅格设计的教程以供延伸阅读。
http://blog.criticalwebdesign.co.uk/
http://www.emanuelblagonic.com/
http://design.weblogsinc.com/
http://www.invalidresponse.com/
延伸阅读:
1. Grids make eyes happy: how to use Grids by Jason Lynes
栅格愉悦视觉:如何使用栅格
2. Grids: Order Out of Chaos by About.com
栅格:从混乱到秩序
3. Cutting and sewing grid-based design: Part 1
剪裁+缝纫——基于栅格的设计:Part1
Grid-based design: Part 2, Designing blog theme templates by Michael Angeles
设计Blog主题模版——基于栅格的设计:Part2
4. 五步入门栅格系统设计
Five simple steps to designing grid systems - Preface
Five simple steps to designing grid systems - Part 1
Five simple steps to designing grid systems - Part 2
Five simple steps to designing grid systems - Part 3
Five simple steps to designing grid systems - Part 4
Five simple steps to designing grid systems - Part 5 by Mark Boulton
本文版权所有,未经许可,请勿转载
内容合作请 联系我们









30个最顶尖的基于栅格系统的博客网站设计

































噬魂·星野 进士 | 2007年12月22日
确实都很养眼,看了很舒服,够简洁
mgehp 童生 | 2008年01月09日
延伸阅读能翻译过来多好啊!关于栅格系统的文章挺难找的...
snlchina 状元 | Blog | 2008年01月09日
已经有几本引进翻译的关于栅格系统的专著了。我有时间也可以慢慢翻译一些。
话说回来,搜了一下“栅格系统”,就发现了这篇译文已经被太平洋等几个大网站给转载了,而且没有著名译者以及来自译言。他们还真是不客气啊。
SeFen 童生 | 2008年02月17日
我也曾在学校的图书馆看到过栅格系统的书,好像有两本,一本的作者是美国人(应该是LS的介绍的那本),还有一个是日本人(封面是蓝色的)。我本来想自学的,但是看了没多少以后就看不懂了,真遗憾
siobhan.bing 童生 | 2008年09月26日
好漂亮的设计!
siobhan.bing 童生 | 2008年09月26日
译言收藏家小组收藏了!
快来成为收藏家的一员吧!
http://www.yeeyan.com/groups/show/collectors
康康乐乐 童生 | 2008年10月01日
那个蓝色估计是 版式设计原理
laotan123 榜眼 | 2009年06月03日
这篇文章我收藏了!!