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.
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
Grid-based design: Part 2, Designing blog theme templates by Michael Angeles
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://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/
Great blog design, but your screenshots somehow look distorted. In the “minimalist design” post they do not. There they fit perfectly. Check the scaling.
hello, Tadeusz,
you are right!
it is because i thumbnailed the screen shots first before upload to wordpress at “minimalist design†post.
Tahnk you, now the’re perfect.
Ahh… They look a lot better. Thanks for the link. This is a great list of some excellent sites. It’s an honor to be among them.
Thanks for the links! Great.
Hi Wallace,
Just dropping in to thank you for piecing together this collection. Some great examples to get the ideas flowing.
Ciao for now.
what about astheria.com?
You also forgot http://leenutter.com/
I notice that many of these designs are minimalistic, which lends support to the theory that grid-based design is essentially minimalistic design.
very interesting, but I don’t agree with you
Idetrorce
Nice post! GA is also my biggest earning. However, it’s not a much.
Pingback: Grid-Based Design : Techniques Examples & Tools | Free themes download, wordpress themes, blogger themes