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.
Posts Tagged with “grids”
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.
I’m proud to announce the very first AisleOne giveaway! This site has generated a great following and it’s time for me to give back to you guys so in partnership with Doane Papers we’re giving away 3 packs of 3 Utility Notebooks!
What is Doane Papers and what are Utility Notebooks?
Doane Papers is a company by Chad Doane that makes pads and notebooks featuring his patent pending Grid+Lines stationery design that combines the benefits of grid and ruled lines onto a single sheet of paper. The Utility Notebook makes use of Grid+Lines pattern in a small and portable notebook.
How do I win?
There are 3 easy ways to win:
- 1. Leave a comment on this post. (Make sure to supply a valid email address when submitting a comment.)
- 2. Subscribe to the RSS feed (Click the link or you can subscribe below.)
- 3. Subscribe to daily email updates below.
Do all three and increase your chances of winning.
***On Sunday December 7th I will randomly select 3 winners and will announce them on Monday December 8th.***
I want to thank Chad for supplying the notebooks and good luck to everyone. Please make sure to use a valid email address when adding a comment or subscribing that way I can contact you if you win.
Utility Notebook Features
Constructed by Portland’s Pinball Publishing
Notebook Size – 3.5” x 5.5”
Grid Size — .125” (.3175 cm) x .125” (.3175 cm)
Wide (Legal) Ruled Line Spacing
48 Pages per notebook
100 LB Cover Stock covers
80 LB Text Stock content pages
Rugged 3 staple saddle-stitch binding
Made in the U.S.A.
Darren Firth, the original founder of WIWP (Wearitwithpride) has managed the brand since its launch in 2003 and now works as an Art Director for the UK based studio Six. Over the years he has worked closely with brands such as Ben Sherman, Puma, Nike, Boxfresh, Land Securities, Portsmouth FC, Loake, Lee Cooper and Clarks Originals. Darren was kind enough to take some time out of his busy day to answer a few questions for AisleOne. Read More »
Born in Croatia, educated in Montréal, working in London. Peter Crnokrak is renowned graphic designer who’s worked has been featured in publications such as Grafik, IdN and Creative Review. He recently droped the ± (Plus MInus) moniker and found The Luxury of Protest. Peter took a moment to answer a few questions for AisleOne. Read More »
Here’s an excellent find. A PDF file on BBC.co.uk named Visual Language 1.0 covering the widening of the site pages. Included are a lot of grid examples which makes it a great read.