Step-by-Step Column Design Designing a 10-column spread.
-
Upload
corinne-cudmore -
Category
Documents
-
view
240 -
download
1
Transcript of Step-by-Step Column Design Designing a 10-column spread.
![Page 1: Step-by-Step Column Design Designing a 10-column spread.](https://reader038.fdocuments.us/reader038/viewer/2022102621/5516504f550346b2068b5898/html5/thumbnails/1.jpg)
Step-by-Step Column Design
Designing a 10-column spread
![Page 2: Step-by-Step Column Design Designing a 10-column spread.](https://reader038.fdocuments.us/reader038/viewer/2022102621/5516504f550346b2068b5898/html5/thumbnails/2.jpg)
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.](https://reader038.fdocuments.us/reader038/viewer/2022102621/5516504f550346b2068b5898/html5/thumbnails/3.jpg)
Terminology Review
![Page 4: Step-by-Step Column Design Designing a 10-column spread.](https://reader038.fdocuments.us/reader038/viewer/2022102621/5516504f550346b2068b5898/html5/thumbnails/4.jpg)
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.](https://reader038.fdocuments.us/reader038/viewer/2022102621/5516504f550346b2068b5898/html5/thumbnails/5.jpg)
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.](https://reader038.fdocuments.us/reader038/viewer/2022102621/5516504f550346b2068b5898/html5/thumbnails/6.jpg)
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.](https://reader038.fdocuments.us/reader038/viewer/2022102621/5516504f550346b2068b5898/html5/thumbnails/7.jpg)
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.](https://reader038.fdocuments.us/reader038/viewer/2022102621/5516504f550346b2068b5898/html5/thumbnails/8.jpg)
Step Two
![Page 9: Step-by-Step Column Design Designing a 10-column spread.](https://reader038.fdocuments.us/reader038/viewer/2022102621/5516504f550346b2068b5898/html5/thumbnails/9.jpg)
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.](https://reader038.fdocuments.us/reader038/viewer/2022102621/5516504f550346b2068b5898/html5/thumbnails/10.jpg)
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.](https://reader038.fdocuments.us/reader038/viewer/2022102621/5516504f550346b2068b5898/html5/thumbnails/11.jpg)
Step Three
![Page 12: Step-by-Step Column Design Designing a 10-column spread.](https://reader038.fdocuments.us/reader038/viewer/2022102621/5516504f550346b2068b5898/html5/thumbnails/12.jpg)
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.](https://reader038.fdocuments.us/reader038/viewer/2022102621/5516504f550346b2068b5898/html5/thumbnails/13.jpg)
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.](https://reader038.fdocuments.us/reader038/viewer/2022102621/5516504f550346b2068b5898/html5/thumbnails/14.jpg)
Step Four
![Page 15: Step-by-Step Column Design Designing a 10-column spread.](https://reader038.fdocuments.us/reader038/viewer/2022102621/5516504f550346b2068b5898/html5/thumbnails/15.jpg)
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.](https://reader038.fdocuments.us/reader038/viewer/2022102621/5516504f550346b2068b5898/html5/thumbnails/16.jpg)
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.](https://reader038.fdocuments.us/reader038/viewer/2022102621/5516504f550346b2068b5898/html5/thumbnails/17.jpg)
Step Five
![Page 18: Step-by-Step Column Design Designing a 10-column spread.](https://reader038.fdocuments.us/reader038/viewer/2022102621/5516504f550346b2068b5898/html5/thumbnails/18.jpg)
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.](https://reader038.fdocuments.us/reader038/viewer/2022102621/5516504f550346b2068b5898/html5/thumbnails/19.jpg)
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.](https://reader038.fdocuments.us/reader038/viewer/2022102621/5516504f550346b2068b5898/html5/thumbnails/20.jpg)
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.](https://reader038.fdocuments.us/reader038/viewer/2022102621/5516504f550346b2068b5898/html5/thumbnails/21.jpg)
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.](https://reader038.fdocuments.us/reader038/viewer/2022102621/5516504f550346b2068b5898/html5/thumbnails/22.jpg)
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.](https://reader038.fdocuments.us/reader038/viewer/2022102621/5516504f550346b2068b5898/html5/thumbnails/23.jpg)
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.](https://reader038.fdocuments.us/reader038/viewer/2022102621/5516504f550346b2068b5898/html5/thumbnails/24.jpg)
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.](https://reader038.fdocuments.us/reader038/viewer/2022102621/5516504f550346b2068b5898/html5/thumbnails/25.jpg)
Pitfall Three
![Page 26: Step-by-Step Column Design Designing a 10-column spread.](https://reader038.fdocuments.us/reader038/viewer/2022102621/5516504f550346b2068b5898/html5/thumbnails/26.jpg)
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.](https://reader038.fdocuments.us/reader038/viewer/2022102621/5516504f550346b2068b5898/html5/thumbnails/27.jpg)
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