基于栅格系统的设计在网络上越来越流行了。一个设计优良的基本栅格系统不但让你的设计更漂亮和易读，还更具可用性。栅格由一系列的垂直线和水平线组成，几乎所有的视觉媒体都以之为基础。清晰的结构将内容分割成愉悦视觉的比例。下面是30个最顶尖的基于网格系统的Weblog设计。此外，我还搜集了一些有关栅格设计的教程以供延伸阅读。
http://ryanbrill.com/
http://www.subtraction.com/
http://www.bs-markup.de/
http://www.alvarocastano.com/
http://www.achtentachtig.com/
http://eswat.ca/
http://5thirtyone.com/
http://www.peterpixel.nl/
http://blog.criticalwebdesign.co.uk/
http://www.youtilize.com/
http://warpspire.com/
http://www.emanuelblagonic.com/
http://www.andyrutledge.com/
http://jonasboner.com/
http://journal.barleyhut.com/
http://www.quicksprout.com/
http://thefightspot.com/
http://www.gapersblock.com/
http://dfckr.com/
http://meiert.com/en/
http://usabletype.com/
http://ideasonideas.com/
http://intensify.org/
http://www.jambor-ee.com/
http://www.buzzingo.de/
http://svenigson.com/
http://riverfrontpark.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
【本文翻译仅为外语学习及阅读目的，原文作者个人观点与译者及译言网无关】
