Posted in Graphic Design (Image Manipulation), Illustration, Web standards, Web2.0

The 960 Grid system

The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.

960 Grid System - 12 column layout

Here is a good tutorial for creating a modern looking Web2.0 webpage using the 12 column grid layout as shown above.

http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-clean-web-20-style-web-design-in-photoshop/