Module 7

Introduce | Learn | Apply

Learn:

Topic 1 | Topic 2 | Topic 3 | Topic 4

This lesson consists of images to use for examples of layout methods for magazine designs. Using the best of the examples below, begin to create your own magazine layout from an existing magazine but change the design to reflect a new style or layout that is different from the original layout or design. Remember, the intent is to DRAW thumbnails with notes, some details and an indications of image positions and display type. You can use ANY magazine you choose for this assignment as long as you don't copy it exactly.

Topic 1: Good verses weak layouts:

View the following layouts to determine how to create your own thumbnail layouts using pen and ink sketching techniques.

These two examples are very fast and not good enough to show to a client.

These two examples are very fast and not good enough to show to a client.

You can do better work with your new drawing skills.

Notebook sketches for personal use only . Don't show this to a client.

Notebook sketches for personal use only . Don't show this to a client.

This is the sort of work you do over a cup of coffee just to doodle for yourself.

This is an example of simple layout using X box techniques to layout the pages of a magazine.

This is an example of simple layout using X box techniques to layout the pages of a magazine.

Use this technique for very fast layout or if you do not know he images that will be used.

This is still very fast and loose and for IN HOUSE use only.

These might be OK for IN HOUSE USE but should not be shown to a client until they are cleaned up a bit more.

This is a good example of a simple layout broken into single pages with outline trace drawings and text boxes with X markers for the small images.

This is a good example of a simple layout broken into single pages with outline trace drawings and text boxes with X markers for the small images.

This page can be shown to a client.

This example uses lots of notes and very quick marker techniques to layout the ELLE fashion magazine

This example uses lots of notes and very quick marker techniques to layout the ELLE fashion magazine

Note how the DISPLAY type face is drawn for a greater effect and images are indicated using scribble marker methods

This is a neat and clean layout. Text is ruled in using line and notes are marked for information.

This is a neat and clean layout. Text is ruled in using line and notes are marked for information.

Markers are used to help find composition using images and page backgrounds.

Loose indications of layout with sketchy images and some darker outline support.

Loose indications of layout with sketchy images and some darker outline support.

The above image is a basic level of pen layout with outline images for major photograph.

The above image is a basic level of pen layout with outline images for major photograph.

Note the X box style and the scribble text method of this layout.

Note the X box style and the scribble text method of this layout.

The pages are labeled in this example and a light color gray marker is used to show the image placeholders.

This student used lost of notes combined with both images, arrows, and some font indication to design TIME magazine.

This student used lost of notes combined with both images, arrows, and some font indication to design TIME magazine.

Back to top


Topic 2: Beginning to use sketches and markers in the layouts adds professional style to preliminary concept drawings

Heavy use of markers for darker layouts. This example seems difficult to read. Be careful when using markers! Don't get too dark to read the text or information!

Heavy use of markers for darker layouts. This example seems difficult to read. Be careful when using markers! Don't get too dark to read the text or information!

Hold one

Here is a larger version of ELLE magazine but the lack of space between the sketches makes it impossible to add notes.

Here is a larger version of ELLE magazine but the lack of space between the sketches makes it impossible to add notes.

See how the notes in the example below add style and useful information to the thumbnails.

Compare this mini sketch with the larger layout below to see how much more detail can be added!

Compare this mini sketch with the larger layout below to see how much more detail can be added!

Still a simple layout, but using outline and markers helped to give more style to the look of the design.

Still a simple layout, but using outline and markers helped to give more style to the look of the design.

This example uses too many dark boxes for images. Use a light gray marker for image placeholders instead of dark markers.

This example uses too many dark boxes for images. Use a light gray marker for image placeholders instead of dark markers.

Back to top


Topic 3: Using simple color to indicate large areas of background and highlighted areas

Mini layouts done in color for greater effect. These were done right over xerox copies of the original mini layouts that were done as outline drawings

Mini layouts done in color for greater effect. These were done right over xerox copies of the original mini layouts that were done as outline drawings

Here is the example of the larger ROUGH layouts done in color for MASS effect. Notes are still used!

Here is the example of the larger ROUGH layouts done in color for MASS effect. Notes are still used!

These are small color layouts. The color markers are combined with colored pencils to add greater depth but takes a bit more time.

These are small color layouts. The color markers are combined with colored pencils to add greater depth but takes a bit more time.

Note that the designer has NOW removed the notes for a cleaner overall look. The final style really depends on the final use of the sketches

Here is an large scale Rough done with makers in several shades of gray for a detailed effect.

Here is an large scale Rough done with makers in several shades of gray for a detailed effect.

Back to top


Topic 4: Good and bad use of color in layout

 

Be simple and choose your colors to reflect the style of the magazine and the design concept your working towards.

Small layouts can be done with very little color and still give a great effect to the client.

Small layouts can be done with very little color and still give a great effect to the client.

Good use of notes but the color and drawings looks weak. When in doubt, use colors that work well together.

Good use of notes but the color and drawings looks weak. When in doubt, use colors that work well together.

The color is just a concept and will be replaced most of the time with real images or illustrations.

 

Larger images require a greater amount of detail. These have some simple blocks of good color but the overall drawing lacks details and the text lines are weak and messy.

Larger images require a greater amount of detail. These have some simple blocks of good color but the overall drawing lacks details and the text lines are weak and messy.

Very weak line drawing with OK images and color but no sense of style.

The client doesn't see the BIG picture of the style of the magazine

Very weak line drawing with OK images and color but no sense of style.

The client doesn't see the BIG picture of the style of the magazine.

A little bit of detail goes a long long way! Use your skills to create professional looking concept layouts.

Use color only if your sure it's the right color tone. Otherwise stay with gray markers or outline and hatched drawings.

Back to top.

 

What Next?

Go to the Apply section of this lesson by clicking on the Next button below or by clicking on Apply at the top of this page. In that section, you will apply what you've learned so far in this lesson.

 

Back | Next