Showcase
Archives
Australian News Websites provide an excellent example of grid based design.
This month, Inspiration Charge covers some great stuff about Grid systems on design.
Grid-based design is obviously a popular approach in modern web design. Ford designers that use grids, this post includes links to useful tools that can improve your efficiency and effectiveness, as well as some articles for advanced techniques. For those of you who are not as familiar with the details of grid-based design, there are plenty of articles and learning resources here.
A grid that has creatively overlapping, escaping, or energizing columns leads to a more enjoyable user experience. Discovering or planning areas of the design that will have some freedom will lead to more interesting and appealing design solutions.
Jonathan Christopher reviews Making and Breaking the Grid
For many designers, grid-based design is still somewhat of a mystery. In this article we'll take a look at some of the basics of grid-based design so that you can understand it and apply it to your projects.
"Quiet structure is achieved when you de–emphasize the structural elements; the containing boxes, structural lines, bullets, structural color elements, etc… and bring a rhythmical consistency to the layout. The result is that the content becomes more conspicuous and the overall clarity of presentation is greatly enhanced."
If I've done my job, in ten minutes you'll know why you should care about design grids and when and how to use them.
I’m going to walk you through the process of creating a grid for a Flash based site that will work for screen resolutions of 1024×768 and up.
Investigates how the theory of grid design can be applied to a flexible web page.
DIRTY GIRL is a 990px wide/centered/two-column theme based on the famous Sandbox Theme and the Blueprint CSS Grid Framework.
If you can open it in Firefox, you can put a grid on top of it. It's easy to customize, allowing you to create the exact grid you designed your layout around.
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.
If you are looking for inspiration for grid and column design, here is a nice collection of 32 column-based websites.
The latest free theme from Wordpress Rockstar Adii is here, and despite the name it is Grid based.