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

Grid based designs is more popular and hot in the internet. A basic well designed grid systems layout can make your designs not only more beautiful and legible, but more usable. A grid is made up of vertical and horizontal lines and is the foundation of nearly every type of visual media. The structure is there to shape the content into proportions that are pleasing to the eye. Below is the top 30 weblogs with grid based designs. Besides, i also searched some tutorials about grid designs for you to further reading.

基于栅格系统的设计在互联网上越来越被广泛使用。一个设计优良的基本栅格系统不但让你的设计更漂亮和易读，还更具可用性。栅格由一系列的垂直线和水平线组成，几乎所有的视觉媒体都以之为基础。清晰的结构将内容分割成愉悦视觉的比例。下面是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

 

原文地址：30 Weblogs with Grid Based Design

[本日志由 孙佳 于 2008-09-21 11:20 AM 编辑]
文章来自: 互联网
引用通告: 查看所有引用 | 我要引用此文章
Tags: 设计设计 webdesignwebdesign 网站网站 视觉设计视觉设计 Web设计Web设计 栅格栅格 栅格系统栅格系统 网页设计网页设计 web2.0设计web2.0设计