font.is

6 links to help you get into grid based design

I got a request from a designer who wants to get started with grid based design, or at least wants to know what it is all about. The ques­tion was like this: Can you rec­om­mend a good primer on grids? Seems to me all mate­r­ial I find on it is way beyond what I’d call basic.

The ques­tion was asked on Twit­ter, so my answers were lim­ited to the 140 char­ac­ter bound­aries. There­fore I split the answers into six sec­tions like this:

Grid design 01. Let’s start with this nice expla­na­tion on base­lines, the key ele­ment (a PDF): http://bit.ly/c2jlBc

Grid design 02. When you have selected your main lead­ing you should adjust it to the page using : Easy­Grid­Cal­cu­la­tor

Grid design 03. This Easy­Grid­Cal­cu­la­tor helps you make a grid and columns based on your leading/baseline.

Grid design 04. When fin­ished cal­cu­lat­ing you can think of every­thing in doc­u­ment grid units and the fun starts.

Grid design 05. Links to what I have writ­ten about mak­ing grids in Illus­tra­tor: Grid Sys­tems InDe­sign comes soon.

Grid design 06. Good source with links about design­ing inside grids: Design­ing With Grid-Based Approach