Posts Tagged with “grids”

The grid sys­tem is an aid, not a guar­an­tee. It per­mits a num­ber of pos­si­ble uses and each designer can look for a solu­tion appro­pri­ate to his per­sonal style. But one must learn how to use the grid; it is an art that requires practice.

– Josef Müller-Brockmann

1322px Grid


Now that 1366 is quickly becom­ing the most pop­u­lar screen width, a 1322px grid with 22px gut­ters is ideal because you can divide the space into 24, 20, 12, 10, 8, 6, 4 and 3 columns. This eas­ily allows for the rule of thirds, and also leaves you with 22px mar­gins on each side of the grid.

Seems like we’ve finally hit the point where we can work in a nice big can­vas. Would be great to have a respon­sive CSS frame­work built around this con­fig­u­ra­tion. Any­one up for the challenge?

Here’s a quick PSD I cre­ated with the columns.

The Marber Grid

The Marber Grid

The Mar­ber Grid was devel­oped in 1961 by Pol­ish graphic designer, Romek Mar­ber, for Pen­guin book cov­ers. This grid lay­out is admired by many design­ers and is exam­ple of how a well-designed grid can stand the test of time.

Read more about the Mar­ber Grid on The Book Design Blog.

Hans Gremmen


Ams­ter­dam based designer Hans Gremmen’s work is clean, beau­ti­ful and extremely well designed. He’s has an excep­tional skill for com­po­si­tion and typog­ra­phy that make his designs shine. The poster pic­tured here is set in the lovely Franklin Gothic.

Via ISO50        

Doane Paper Giveaway has Ended!

The give­away has now ended and the win­ners have been con­tacted by email. Thanks to every­one for the great response and for par­tic­i­pat­ing. I def­i­nitely plan to do more of these so stay tuned for more free goodies!

I want to thank again Chad of Doane Paper for sup­ply­ing the note­books and mak­ing this pos­si­ble. Thanks!        

Introducing The Grid System


So as many of you already know, I’m freakin’ obsessed with grids. A lot of design­ers either don’t want to be both­ered with grids or just don’t under­stand them, so I wanted to spread the love a little.

So I cre­ated The Grid Sys­tem.

It’s basi­cally an ever-growing resource site on the topic of grid sys­tems and any­thing asso­ci­ated to it, like the golden ratio and base­line grids. My goal for the site is to be a one stop shop for all design­ers to learn about grid sys­tems, how to design them and how to use them.

The site fea­tures links to arti­cles, tools, books as well as tem­plates and other good­ies. I’ve also added the abil­ity to show the grid that the site was built on, this way vis­i­tors can learn about the struc­ture and how it was applied to the design. Let me tell you, it was a pain to get every­thing to sit on the grid and base­lines and to stay con­sis­tent across mul­ti­ple browsers. As of now, the site lines up per­fectly with the grid in Safari and Fire­fox on a Mac. I assume it would be the same on the PC but I haven’t had the time or a com­puter to test it. I do plan on mak­ing it work in all major browsers on both plat­forms, even the dread­ful IE.

I’ve also part­nered up with YouWork­ForThem to bring a great col­lec­tion of books to the site. Over time the site will grow in con­tent (I have a back­log of arti­cles and tools to post) as well as fea­tures. I plan to add a forum where peo­ple can chat about grid sys­tems and design in gen­eral, and other small things like wall­pa­pers. Addi­tion­ally, I’ve cre­ated a Flickr group as an exten­sion 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.

Doane Paper Utility Notebook Giveaway


I’m proud to announce the very first AisleOne give­away! This site has gen­er­ated a great fol­low­ing and it’s time for me to give back to you guys so in part­ner­ship with Doane Papers we’re giv­ing away 3 packs of 3 Util­ity Note­books!

What is Doane Papers and what are Util­ity Note­books?
Doane Papers is a com­pany by Chad Doane that makes pads and note­books fea­tur­ing his patent pend­ing Grid+Lines sta­tionery design that com­bines the ben­e­fits of grid and ruled lines onto a sin­gle sheet of paper. The Util­ity Note­book makes use of Grid+Lines pat­tern in a small and portable notebook.

How do I win?
There are 3 easy ways to win:

  • 1. Leave a com­ment on this post. (Make sure to sup­ply a valid email address when sub­mit­ting a comment.)
  • 2. Sub­scribe to the RSS feed (Click the link or you can sub­scribe below.)
  • 3. Sub­scribe to daily email updates below.

Do all three and increase your chances of winning.

***On Sun­day Decem­ber 7th I will ran­domly select 3 win­ners and will announce them on Mon­day Decem­ber 8th.***

I want to thank Chad for sup­ply­ing the note­books and good luck to every­one. Please make sure to use a valid email address when adding a com­ment or sub­scrib­ing that way I can con­tact you if you win.

Util­ity Note­book Fea­tures
Con­structed by Portland’s Pin­ball Pub­lish­ing
Note­book Size – 3.5” x 5.5”
Grid Size — .125” (.3175 cm) x .125” (.3175 cm)
Wide (Legal) Ruled Line Spac­ing
48 Pages per note­book
100 LB Cover Stock cov­ers
80 LB Text Stock con­tent pages
Rugged 3 sta­ple saddle-stitch bind­ing
Made in the U.S.A.        

Intervista: Darren Firth


Dar­ren Firth, the orig­i­nal founder of WIWP (Wear­itwith­pride) has man­aged the brand since its launch in 2003 and now works as an Art Direc­tor for the UK based stu­dio Six. Over the years he has worked closely with brands such as Ben Sher­man, Puma, Nike, Boxfresh, Land Secu­ri­ties, Portsmouth FC, Loake, Lee Cooper and Clarks Orig­i­nals. Dar­ren was kind enough to take some time out of his busy day to answer a few ques­tions for AisleOne. Read More »

Intervista: Peter Crnokrak

Born in Croa­tia, edu­cated in Mon­tréal, work­ing in Lon­don. Peter Crnokrak is renowned graphic designer who’s worked has been fea­tured in pub­li­ca­tions such as Grafik, IdN and Cre­ative Review. He recently droped the ± (Plus MInus) moniker and found The Lux­ury of Protest. Peter took a moment to answer a few ques­tions for AisleOne. Read More »

Judge A Book


The post­ings on this blog are very spo­radic, but the con­tent is damn good.        

BBC Design Guidelines


Here’s an excel­lent find. A PDF file on BBC​.co​.uk named Visual Lan­guage 1.0 cov­er­ing the widen­ing of the site pages. Included are a lot of grid exam­ples which makes it a great read.        

Vormgevers Poster Details


Blanka has posted detailed pho­tos of the Wim Crouwel Vor­mgev­ers poster being printed.

I’m dying to buy one but with the dol­lar being so low, the poster would cost me $200. Might be worth it though.