27
Step-by-Step Column Design Designing a 10-column spread

Step-by-Step Column Design Designing a 10-column spread

Embed Size (px)

Citation preview

Page 1: Step-by-Step Column Design Designing a 10-column spread

Step-by-Step Column Design

Designing a 10-column spread

Page 2: Step-by-Step Column Design Designing a 10-column spread

Lesson Goals

You will learn how to design a 10-column spread

You will be able to identify the common pitfalls of column design

Page 3: Step-by-Step Column Design Designing a 10-column spread

Terminology Review

Page 4: Step-by-Step Column Design Designing a 10-column spread

Step One

Determine how many columns you will have on your spread. Use 3, 4 or 5 columns per page when you begin.

All copy and captions will be one column wide, and

All photographs will align with the width of the columns.

The columns are one pica apart.

Page 5: Step-by-Step Column Design Designing a 10-column spread

How to set up columns in Adobe

Click on Layout Margins and

Columns

Page 6: Step-by-Step Column Design Designing a 10-column spread

How to set up columns in Adobe Adjust the number of columns to 5. Notice the column guides appear as you

type the number in.

Page 7: Step-by-Step Column Design Designing a 10-column spread

Step Two

Place the dominant photoThe dominant photo is two to 2 ½

times larger than any other on the spread.

It usually crosses the gutter.It helps to unify the two pages of the

spread.

Page 8: Step-by-Step Column Design Designing a 10-column spread

Step Two

Page 9: Step-by-Step Column Design Designing a 10-column spread

In Adobe…

Use your box tool to create a spot for your photo

Page 10: Step-by-Step Column Design Designing a 10-column spread

Step Three

Place the remaining candid photosA typical spread has 5 to 7 additional

photos of varying shapes and sizes.Place these around the dominant

photo.Use a consistent internal margin of 1

pica to separate the photos.Leave room for copy and the headline.

Page 11: Step-by-Step Column Design Designing a 10-column spread

Step Three

Page 12: Step-by-Step Column Design Designing a 10-column spread

In Adobe…

Use your box tool to create the remaining photo spaces

Check that your spacing is consistent between photos.

Page 13: Step-by-Step Column Design Designing a 10-column spread

Step Four

Place the captionsEach photo needs a caption.Place each caption so that it “touches”

the photograph it describes.Captions can be placed above, below

or next to the photos.Never place more than two captions

together.

Page 14: Step-by-Step Column Design Designing a 10-column spread

Step Four

Page 15: Step-by-Step Column Design Designing a 10-column spread

In Adobe…

Use the Type tool to drag a box in the locations desired.

Page 16: Step-by-Step Column Design Designing a 10-column spread

Step Five

Place the copy and headlineThe copy and headline are a single,

rectangular unit.They should be placed in one of the

four corners of the spread.

Page 17: Step-by-Step Column Design Designing a 10-column spread

Step Five

Page 18: Step-by-Step Column Design Designing a 10-column spread

In Adobe…

For your Copy draw a box with your Type tool.

Right Click Choose Text

Frame Options

Page 19: Step-by-Step Column Design Designing a 10-column spread

In Adobe…

For your Headline, draw a box with your Type tool.

It should span the same number of columns as your copy.

Copy box

Headline box

Page 20: Step-by-Step Column Design Designing a 10-column spread

Sounds too Easy?

Mistakes can still be made.

Be careful of the 3 common pitfalls of Design

Page 21: Step-by-Step Column Design Designing a 10-column spread

Pitfall One

Trapped CaptionsCaptions should be placed to the

outside of the spread.They should never be sandwiched

between two or more photos or between the copy block and a photo.

Page 22: Step-by-Step Column Design Designing a 10-column spread

Pitfall One

To avoid this pitfall, place all captions after photos have been arranged.

Page 23: Step-by-Step Column Design Designing a 10-column spread

Pitfall Two

Elements do not fill the columns, creating more than one pica of white space between elements.

Page 24: Step-by-Step Column Design Designing a 10-column spread

Pitfall Three

Elements violate the external margin. Be sure that when you bleed a photo, it

extends to the outside of the bleed line. The bleed line is the dark grey one-pica line to the outside of spreads

Page 25: Step-by-Step Column Design Designing a 10-column spread

Pitfall Three

Page 26: Step-by-Step Column Design Designing a 10-column spread

Be sure to flow your copy text in columns

Right-click on your copy text frame

Choose Text Frame Options

Change the Number of Columns to the number of columns that your box spans.

Click OK

Page 27: Step-by-Step Column Design Designing a 10-column spread

Create a Layout Open the 2 page spread template

from the I: drive Set up your column guides Create 7 – 10 photo boxes Add caption boxes for each photo, a

headline and copy (properly placed) Place photos (image-in), add text Ensure you have avoided the pitfalls!

Choose a topic, take photos…your Layout is due on Tues. September 21