Comments on: Five simple steps to designing grid systems – Part 4 http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-designing-grid-systems-part-4?utm_source=rss&utm_medium=rss&utm_campaign=five-simple-steps-to-designing-grid-systems-part-4 The Personal Disquiet of Mark Boulton Thu, 09 Feb 2012 18:39:01 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Learning: Grid System « Xun and Interaction Design http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-designing-grid-systems-part-4#comment-5248 Learning: Grid System « Xun and Interaction Design Sat, 14 May 2011 22:39:52 +0000 http://wordpress.markboultondesignhosting.com/2005/08/five-simple-steps-to-designing-grid-systems-part-4/#comment-5248 [...] Grid systems for web design: Part 2 [...] [...] Grid systems for web design: Part 2 [...]

]]> By: Life In 5D » Grid Systems http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-designing-grid-systems-part-4#comment-5196 Life In 5D » Grid Systems Fri, 31 Dec 2010 22:26:39 +0000 http://wordpress.markboultondesignhosting.com/2005/08/five-simple-steps-to-designing-grid-systems-part-4/#comment-5196 [...] are websites that will provide info on grid systems for the web. Also, sixrevisions and Mark Boulton also wrote a nice article on how to use grid systems. And for bonus, here is subtraction’s [...] [...] are websites that will provide info on grid systems for the web. Also, sixrevisions and Mark Boulton also wrote a nice article on how to use grid systems. And for bonus, here is subtraction’s [...]

]]> By: WEEK 9 SUMMARY | In Over My Head : a blog by ian henderson http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-designing-grid-systems-part-4#comment-5118 WEEK 9 SUMMARY | In Over My Head : a blog by ian henderson Tue, 26 Oct 2010 06:04:07 +0000 http://wordpress.markboultondesignhosting.com/2005/08/five-simple-steps-to-designing-grid-systems-part-4/#comment-5118 [...] http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-designing-grid-systems-part-4 [...] [...] http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-designing-grid-systems-part-4 [...]

]]> By: Ultimate Guide To Grid-Based Web Design: Techniques and Tools - Noupe http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-designing-grid-systems-part-4#comment-4076 Ultimate Guide To Grid-Based Web Design: Techniques and Tools - Noupe Tue, 19 Jan 2010 09:33:32 +0000 http://wordpress.markboultondesignhosting.com/2005/08/five-simple-steps-to-designing-grid-systems-part-4/#comment-4076 [...] of grid-based design and walks your through designing a grid from scratch. Here are parts 2, 3, 4, and 5, and the preface to the series.Seven Smooth Steps to Superb GridsThis article offers a [...] [...] of grid-based design and walks your through designing a grid from scratch. Here are parts 2, 3, 4, and 5, and the preface to the series.Seven Smooth Steps to Superb GridsThis article offers a [...]

]]> By: Ultimate Guide To Grid-Based Web Design: Techniques and Tools | SeanBurdick http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-designing-grid-systems-part-4#comment-4001 Ultimate Guide To Grid-Based Web Design: Techniques and Tools | SeanBurdick Wed, 11 Nov 2009 03:06:39 +0000 http://wordpress.markboultondesignhosting.com/2005/08/five-simple-steps-to-designing-grid-systems-part-4/#comment-4001 [...] of grid-based design and walks your through designing a grid from scratch. Here are parts 2, 3, 4, and 5, and the preface to the [...] [...] of grid-based design and walks your through designing a grid from scratch. Here are parts 2, 3, 4, and 5, and the preface to the [...]

]]> By: Ultimate Guide To Grid-Based Web Design: Techniques and Tools « Tech7.Net http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-designing-grid-systems-part-4#comment-3995 Ultimate Guide To Grid-Based Web Design: Techniques and Tools « Tech7.Net Tue, 10 Nov 2009 14:04:25 +0000 http://wordpress.markboultondesignhosting.com/2005/08/five-simple-steps-to-designing-grid-systems-part-4/#comment-3995 [...] of grid-based design and walks your through designing a grid from scratch. Here are parts 2, 3, 4, and 5, and the preface to the [...] [...] of grid-based design and walks your through designing a grid from scratch. Here are parts 2, 3, 4, and 5, and the preface to the [...]

]]> By: online bingo http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-designing-grid-systems-part-4#comment-921 online bingo Fri, 20 Jan 2006 06:27:03 +0000 http://wordpress.markboultondesignhosting.com/2005/08/five-simple-steps-to-designing-grid-systems-part-4/#comment-921 <p>Great site, I love it! <br /> Take at look at<a href="http://www.bingoplaying.com" rel="nofollow"> online bingo</a> <br /> <a href="http://www.bingoplaying.com" rel="nofollow">http://www.bingoplaying.com</a> </p> Great site, I love it!

Take at look at online bingo

http://www.bingoplaying.com

]]> By: Stefan Burt http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-designing-grid-systems-part-4#comment-920 Stefan Burt Thu, 19 Jan 2006 09:34:10 +0000 http://wordpress.markboultondesignhosting.com/2005/08/five-simple-steps-to-designing-grid-systems-part-4/#comment-920 <p>This is a great article thank you for taking the time to writeit! </p> <p> But this has been a really eye opener, I own a copy of Grid Systems in Graphic Design but have lacked the knowledge to approach the text and get useful information back, but armed with this I think I’ve just added another thing to the list to explore. </p> This is a great article thank you for taking the time to writeit!

But this has been a really eye opener, I own a copy of Grid Systems in Graphic Design but have lacked the knowledge to approach the text and get useful information back, but armed with this I think I’ve just added another thing to the list to explore.

]]> By: timfm http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-designing-grid-systems-part-4#comment-923 timfm Fri, 23 Dec 2005 06:33:23 +0000 http://wordpress.markboultondesignhosting.com/2005/08/five-simple-steps-to-designing-grid-systems-part-4/#comment-923 <p>Klaus, </p> <p> Could you explain this process in more depth, and show us a working example? </p> <p> -t </p> Klaus,

Could you explain this process in more depth, and show us a working example?

-t

]]> By: Klaus http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-designing-grid-systems-part-4#comment-922 Klaus Fri, 23 Dec 2005 01:04:47 +0000 http://wordpress.markboultondesignhosting.com/2005/08/five-simple-steps-to-designing-grid-systems-part-4/#comment-922 <p>Just one more hint: a “classic” grid is based on the font and font size as its smallest unit. </p> <p> Step 1: Choose font and font size (e.g. Verdana, 11 px) <br /> Step 2: Choose line spacing (e.g. 140%) <br /> Step 3: Define column width (e.g. 40 characters) <br /> Step 4: Define gutter (e.g. 14 px) <br /> Step 5: Define module size (based on line spacing and column width) </p> Just one more hint: a “classic” grid is based on the font and font size as its smallest unit.

Step 1: Choose font and font size (e.g. Verdana, 11 px)

Step 2: Choose line spacing (e.g. 140%)

Step 3: Define column width (e.g. 40 characters)

Step 4: Define gutter (e.g. 14 px)

Step 5: Define module size (based on line spacing and column width)

]]> By: NonPhixionNick http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-designing-grid-systems-part-4#comment-924 NonPhixionNick Mon, 19 Sep 2005 18:57:31 +0000 http://wordpress.markboultondesignhosting.com/2005/08/five-simple-steps-to-designing-grid-systems-part-4/#comment-924 <p>I agree with Glen, absolutely awesome step by step article. </p> <p> Just wanted to say keep it up and make sure you’re book you plan to produce is just as good (with some more info on grid design for publication!!!) </p> I agree with Glen, absolutely awesome step by step article.

Just wanted to say keep it up and make sure you’re book you plan to produce is just as good (with some more info on grid design for publication!!!)

]]>