Grid systems in Web Design
March 6, 2007 by Oli · 23 Comments ![]()
![]()
![]()
![]()
![]()
Every design you make should have a clear grid system whether its print or for the web because they help to organize information into a clear easy to follow layout. Here we roundup the best articles and resources on the subject..
Why use a grid ? – Introduction to grid systems
Grid systems for web design – Grid king Mark Boulton takes you through the steps to creating a grid system for the web
Web Page Layout Grid – A downloadable image you can use as a background when designing your layouts
Columns and Grids – Article from Mezzoblue on various page layout grids
Design grids for Web pages – Web Style Guide to website grids
Thinking outside the Grid – Good article from Alistapart on breaking out from a clear grid
Grid Computing and Design – Article about the redesign of the excellent Subtraction blog

The Funniest Grid You Ever Saw – Another subtraction article about the redesign of Theonion.com
Grid-based design- Designing blog theme templates
Further Reading :
Grid Systems in Graphic Design – by Josef Muller-Brockmann
Making and Breaking the Grid – by Timothy Samara
















Good article, I think there needs to be more emphasis on grids in web design (especially on the lower end, amateur side) on the useful and necessary -ness of grids.
This reminds me of the 1/3 rule in photography. Good stuff.
Definately Zach, If a web designer gets the grid and typography right thats 90% of the battle.
It’d really be great if you offered full-text RSS instead of the partial-content feed. I just subscribed, but I’m a little disappointed and will probably unsubscribe if it stays as partial-content.
Not to bash on your site, you have some great content, but I think you would be more successful if you provided full-content feeds.
I did use to have full feeds, problem is the old scrapersites stealing my content. I have heard full-feeds encourage more RSS readers though, so I will give it another go….
I agree Jonathan, I signed up for the http://www.fullfeeds.com/ petition!
Thanks for useful informations.
Best regards
Nice roundup actually… I’ve been using so-called grids in my head since I started web design in the 90s… It’s always tricky explaining to clients about it etc, but maybe a few prints from here will help.
Thanks!
thanks, like this site…
This is a new concept thanks great post