Skip to content

Boxes to think inside

June 23, 2011

Today’s post was designed by Mark Guarino of Guarino Design Group Inc. and written by Jennifer Shelby, CPSM, an account manager for Rhino Public Relations. Have a question? Just e-mail them at or respectively. (  |

Picture an office strewn with books, papers, notebooks, and various detritus covering every inch of floor, table-top, sitting area and bookshelf with only a narrow walkway to get from the door to your desk. Sound familiar? (you know who you are…)

Now, picture that same office with neatly stacked piles organized and strategically placed for easy reference. Don’t you feel better?

Although the amount of ‘stuff’ hasn’t changed – nothing has been thrown out – the way it is organized greatly benefits the owner and provides a more efficient way to find and act upon the information contained there-in.

(click image to enlarge)

Designing a page follows the same concept. In order to get the most out of the layout, the document needs to have an organized approach applied to the way the content is presented. By using a grid you can establish a foundation to the page upon which you build your information. The grid defines margins, columns and the potential placement for images and text while establishing a framework for that relationship.

For example, a three-column grid may provide one column for images, one column for text, and one column for white space. Or, it may provide for two columns of text with images placed throughout, and a column of white space.

We discussed white space last time as a way to help your page breathe. A grid further supports this need to give the eye a break and to help it along while processing the information. So, now, instead of rifling through that pile of stuff on your floor, or desperately searching for the golden concept on the page, you can easily find what you’re looking for without wasting time or energy.

One Comment leave one →
  1. July 5, 2011 11:55 am

    Yes, “grid” is so important.
    We can also talk about the content hierarchy (order of importance) and use of typography.
    Keep the use of typefaces to your established type and color families and use them consistently in titles, headlines, body copy, captions and call outs.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: