LEARNING ACTIVITY – BASIC PRINCIPLE OF LAYOUT

THE ASSIGNMENT

  1. Take a magazine, newspaper or book that includes images and text. Lay tracing paper over the top of three spreads (both left-hand and right-hand pages). Using a pencil and ruler, carefully trace the grid underlying the page layouts. Remember to remove specific text elements or images, and to only draw the grid lines. Note column widths and margin sizes at the top, bottom, and to the left and right of the main body of text. Is your document based on a two-column, three-column, or another type of grid? Which elements stay the same on each page, and which change?
  2. Publish your findings to your WordPress blog and provide photos or scans of your exercise.

 

WHAT I FOUND OUT

BOOK: JAVASCRIPT & JQUERY

js_book_grid.jpg

The first spread is from a book for learning JavaScript. On the first page there’s a two column grid and on the second page there’s a three column grid. The first transparent sheet have moved away from it’s position before taking this picture. The margins on the top have a smaller hight then the bottom ones. The width of the side margins are half of the width of the combined mid-margin.

 

MAGAZINE: PÅ STRANDA

pa_stranda_mag_grid

The second spread is from a magazine about my town, Stranda. Here they use a two column grid on both sides of the spread. The top margin is a bit smaller then the bottom margin. There is no visible margin in the midle to compare to the margin on the spread ends.

 

MAGAZINE: .NET

net_mag_grid

The third spread is from a webdesign magazine. They use a four column grid on both sides of the spread. Here the top margin is bigger then the bottom ones. The mid margins combined is not twice as big as the margins on the spread end, but they are bigger.

Advertisements

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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