Example of modular grid used for project

Click to view larger

This project involved laying out a dense amount of information using a modular grid to create a poster. The project concept revolved around the content given, i.e., an excerpt from Edward Tufte’s book, Envisioning Information. This excerpt discusses how data can be perceived on a macro and a micro level.

The poster must be accessible on two levels in order to be successful. First, the content arrangement had to be intriguing enough to draw in the viewer. Second, once the poster acquires the viewer’s attention, the content had to be readable. If the line length is too long or the body copy is too bulky, the poster won’t be able to retain the viewer’s attention.

In addition, the poster had to be laid out using a modular grid: each square in the grid 15 picas on a side with a 1 pica gutter.

My poster went through several roughs, from arranging all the images on the outside forming a container for the body copy to using the diagonals in a couple of the images to direct the viewer. None of these really worked well until I decided to use just one image as the focus. I then arranged the rest of the images in the grid along the bottom and broke up the mass of pictures with the reference text. I added a screen of the black and white drawing of Paris to create visual interest and reduce the starkness of the white background.

Final poster for project 6

Click to view larger

The body copy worked better in three columns, instead of two. Thirty-one picas felt too long to read. After several trials, I realized the reference text looked better at the same point size as the body copy.

I chose the set the title using all caps for the word ‘micro’ and all lower case for the word ‘macro’ as another visual hook to draw in the viewer. I think it works well because the idea behind “Micro and Macro Readings” is to relay data on two levels of equal importance. Setting size-descriptive words in cap sizes opposite to their meanings negates the antithesis of the words and visually represents them as equals.

Advertisements