The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate to his personal style. But one must learn how to use the grid; it is an art that requires practice.
Now that 1366 is quickly becoming the most popular screen width, a 1322px grid with 22px gutters is ideal because you can divide the space into 24, 20, 12, 10, 8, 6, 4 and 3 columns. This easily allows for the rule of thirds, and also leaves you with 22px margins on each side of the grid.
Seems like we’ve finally hit the point where we can work in a nice big canvas. Would be great to have a responsive CSS framework built around this configuration. Anyone up for the challenge?
Here’s a quick PSD I created with the columns.
The giveaway has now ended and the winners have been contacted by email. Thanks to everyone for the great response and for participating. I definitely plan to do more of these so stay tuned for more free goodies!
I want to thank again Chad of Doane Paper for supplying the notebooks and making this possible. Thanks!
So as many of you already know, I’m freakin’ obsessed with grids. A lot of designers either don’t want to be bothered with grids or just don’t understand them, so I wanted to spread the love a little.
So I created The Grid System.
It’s basically an ever-growing resource site on the topic of grid systems and anything associated to it, like the golden ratio and baseline grids. My goal for the site is to be a one stop shop for all designers to learn about grid systems, how to design them and how to use them.
The site features links to articles, tools, books as well as templates and other goodies. I’ve also added the ability to show the grid that the site was built on, this way visitors can learn about the structure and how it was applied to the design. Let me tell you, it was a pain to get everything to sit on the grid and baselines and to stay consistent across multiple browsers. As of now, the site lines up perfectly with the grid in Safari and Firefox on a Mac. I assume it would be the same on the PC but I haven’t had the time or a computer to test it. I do plan on making it work in all major browsers on both platforms, even the dreadful IE.
I’ve also partnered up with YouWorkForThem to bring a great collection of books to the site. Over time the site will grow in content (I have a backlog of articles and tools to post) as well as features. I plan to add a forum where people can chat about grid systems and design in general, and other small things like wallpapers. Additionally, I’ve created a Flickr group as an extension of the site.
Check it out and let me know what you hate and what you love. I’d love to know what you think.