简介

基于栅格系统的设计在网络上越来越流行了。一个设计优良的基本栅格系统不但让你的设计更漂亮和易读，还更具可用性。

基于栅格系统的设计在 网络上越来越流行了。一个设计优良的基本栅格系统不但让你的设计更漂亮和易读，还更具可用性。栅格由一系列的垂直线和水平线组成，几乎所有的视觉媒体都以 之为基础。清晰的结构将内容分割成愉悦视觉的比例。下面是30个最顶尖的基于网格系统的Weblog设计。此外，我还搜集了一些有关栅格设计的教程以供延 伸阅读。

http://www2.jeffcroft.com/

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

转自：http://www.yeeyan.com/articles/view/snlchina/3570