July 07, 2005

Grid Systems in Graphic Design

Hi Karen, Jimmy, Ren, everyone else, this is Josh/Jbarks making a guest appearance courtesy of Randy’s apartment flat.

Anyway, here’s something to keep the blog alive: Five Simple Steps to Designing Grid Systems, Part 1. It’s pretty interesting, actually; those of you who are infatuated with Josef Muller-Brockmann’s work but don’t have the money to buy the big red book should take a look at this free 5-part article. Even if you’ve already got the book, you should. About half the book is in Swiss speak German so having an English alternative is always better.

Also, if someone is feeling particularly generous, they could buy me/us HTF’s Gotham. It’s in use in lots of places but hasn’t gained much exposure in Singapore as of yet. I know it’s been mentioned here before, but it’s still that Beautiful. It’s also got the most orgasmic M you could ask for in a font.

And to all those from London, my deepest sympathies.

Posted by Randy at July 7, 2005 01:12 AM in design


1) It’s a flat, not an apartment.

2) The big read book is a headache to read, need to sit down at Starbucks on a lazy Sunday afternoon and slowly read. It’s Math, Physics and Science all over again.

3) The book’s in German.

4) Karen, this thing really needs a spam filter :(

Posted by: Randy at July 8, 2005 01:31 AM

Yeah, I know. So much spam. For now, I’m the human spam filter.

Posted by: Karen at July 10, 2005 11:39 PM

Hello Josh! Thanks for the link. Keep them coming.

Have you guys all see the new Wine & Dine?

Posted by: Karen at July 11, 2005 10:57 AM

This font is similar to the font that you liked:
Burin Sans

Posted by: Veronica at July 11, 2005 10:59 AM

The book isn’t only in German. It’s bilingual - printed in German and English:
There is a mistake on Amazon.com site - try http://www.amazon.de/exec/obidos/ASIN/3721201450/
So, that half in German is literally the same as the one in English.
Besides, there is another great book on grids - “The Typographic Grid” by Hans Rudolf Bosshard. It’s also bilingual - exactly as Josef Muller-Brockmann’s book.

Posted by: Peter at September 18, 2005 03:08 PM

I’ve finally finished the big red book.

Posted by: Randy at October 12, 2005 09:07 PM

My question is in response to a post made back in July. I followed a link off of this blog to Mark Boulton’s website and read his 5 simple steps to designing grid systems. I shamefully could not make it past the first few steps. I did my best to follow along with the A4 page divisions of 1:1.414. I began by dividing the height of the page by 1.414 to find the width, and then divided the width by 1.414 to find the height of the next division, etc, etc. However my end result did not match his diagram.

I can’t understand why in step 1 the page is divided in 4 - evenly proportioned sections, and why in step 2 the center division is more narrow, and why in step 3 it becomes horizontal with yet another proportion.

If someone would be so kind to explain this process to me I would be forever greatful. I am awaiting the arrival of the “big red book” and am anxious to get started. I also see that someone was looking for HTF’s Gotham, which I have and am willing to share. Please help!!

Posted by: Lee at October 28, 2005 12:53 AM
Post a comment
As an anti-spam measure, you'll have to preview your comment before posting.

Remember personal info?

Warning: include(): open_basedir restriction in effect. File(/home/httpd/vhosts/manic.com.sg/httpdocs/refer/refer.php) is not within the allowed path(s): (/var/www/vhosts/manic.com.sg/:/tmp/) in /data/vhosts/manic.com.sg/httpdocs/blog/archives/000335.php on line 641

Warning: include(/home/httpd/vhosts/manic.com.sg/httpdocs/refer/refer.php): failed to open stream: Operation not permitted in /data/vhosts/manic.com.sg/httpdocs/blog/archives/000335.php on line 641

Warning: include(): Failed opening '/home/httpd/vhosts/manic.com.sg/httpdocs/refer/refer.php' for inclusion (include_path='.:/usr/local/php5619-cgi/pear') in /data/vhosts/manic.com.sg/httpdocs/blog/archives/000335.php on line 641