Finely Sliced An Ongoing Web Concern Perth Western Australia

Surfing Bits: Sticking to a Grid

Posted on:22/05/08

The benefits of grid based design need no introduction.

For a recent project I created a grid in Photoshop, 900px wide (the traditional 960 wasn’t offering enough breathing space), with guides at 60px intervals. When laying out the page elements I stuck to the grid like glue, and then in the CSS, as closely as humanly possible. I used the 60px intervals to keep consistent horizontal space between similar elements, and vertically align main and footer content.

The results, I think, speak for themselves:

Surfing Bits screenshot

Comments

Leave a Reply