Grid exercise

Layout 1

Simple two column grid with all texts in the same font size and style.  Simple picture on the left side occupying two columns with the text taking up the rest of the four columns.

Layout 2

Two columns with a symmetric spread with each picture occupying three columns and corresponding text occupying two columns each.  First word is bolded of each column to give emphasis.

Layout 3

Title uses san-serif “Helvetica” with two columns that splits the text into two separate columns surrounded by diagonal pictures.  The title also uses larger size font to draw more emphasis.

Layout 4

Layout four uses three columns, with pictures occupying left and right columns and text body occupying middle and right columns.  The caption/headline is bolded and indented to a different column offset to draw attention.

Tracing grids

Magazine Tracing 1

This was the beginning of an article on a travel destination.  It seems regardless of the magazine content, there’s always a ginormous picture to start off the article.  The first page rarely contains a majority of text.  There are three columns and about four rows counting the title and the sub-heading.

Magazine Tracing 2

The second page contains more text, but still opens with a picture (another pattern I noticed with gird designs).  There are still three columns and the pictures are still on the left side of the page like the first page, with the two right columns containing text.

CNET.com Tracing

CNET.com uses the grid system well with four distinct columns and six rows (some overlapping).  The pictures aren’t oversized and are very consistent with the heading/text underneath.  Very easy on the eyes while presenting the same info.