how to build a yearbook spread
TRANSCRIPT
![Page 1: How to Build a Yearbook Spread](https://reader033.vdocuments.net/reader033/viewer/2022050613/544fb4bfaf7959e1108b7308/html5/thumbnails/1.jpg)
MODULE 18: DESIGN 2
![Page 2: How to Build a Yearbook Spread](https://reader033.vdocuments.net/reader033/viewer/2022050613/544fb4bfaf7959e1108b7308/html5/thumbnails/2.jpg)
The dominant element should be placed on the spread first.
The dominant element drives the placement of the eyeline.
Secondary elements are grouped around the dominant.
![Page 3: How to Build a Yearbook Spread](https://reader033.vdocuments.net/reader033/viewer/2022050613/544fb4bfaf7959e1108b7308/html5/thumbnails/3.jpg)
STEP ONE | Begin by establishing the margins and column guides. An 18-column grid is used.
![Page 4: How to Build a Yearbook Spread](https://reader033.vdocuments.net/reader033/viewer/2022050613/544fb4bfaf7959e1108b7308/html5/thumbnails/4.jpg)
STEP ONE | Begin by establishing the margins and column guides. An 18-column grid is used.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
![Page 5: How to Build a Yearbook Spread](https://reader033.vdocuments.net/reader033/viewer/2022050613/544fb4bfaf7959e1108b7308/html5/thumbnails/5.jpg)
STEP TWO | Following the column grid, the dominant photo is the first element placed on the spread.
![Page 6: How to Build a Yearbook Spread](https://reader033.vdocuments.net/reader033/viewer/2022050613/544fb4bfaf7959e1108b7308/html5/thumbnails/6.jpg)
STEP THREE | The dominant photo guides the placement of an eyeline running horizontally across the spread.
![Page 7: How to Build a Yearbook Spread](https://reader033.vdocuments.net/reader033/viewer/2022050613/544fb4bfaf7959e1108b7308/html5/thumbnails/7.jpg)
STEP FOUR | The dominant photo strategically guides the eye into the headline and story module.
![Page 8: How to Build a Yearbook Spread](https://reader033.vdocuments.net/reader033/viewer/2022050613/544fb4bfaf7959e1108b7308/html5/thumbnails/8.jpg)
STEP FIVE | Secondary photos are placed around the dominant, maintaining the eyeline and following the column grid.
![Page 9: How to Build a Yearbook Spread](https://reader033.vdocuments.net/reader033/viewer/2022050613/544fb4bfaf7959e1108b7308/html5/thumbnails/9.jpg)
STEP SIX | Captions are placed within the column grid and to the outside rather than between the photos.
![Page 10: How to Build a Yearbook Spread](https://reader033.vdocuments.net/reader033/viewer/2022050613/544fb4bfaf7959e1108b7308/html5/thumbnails/10.jpg)
FINAL RESULTS | Guides, margins, eyeline and column grid disappear leaving effectively-organized content.
![Page 11: How to Build a Yearbook Spread](https://reader033.vdocuments.net/reader033/viewer/2022050613/544fb4bfaf7959e1108b7308/html5/thumbnails/11.jpg)
Space is very powerful.
Planned space organizes the content.
Unplanned white space weakens the design.
![Page 12: How to Build a Yearbook Spread](https://reader033.vdocuments.net/reader033/viewer/2022050613/544fb4bfaf7959e1108b7308/html5/thumbnails/12.jpg)
STANDARD SPACING | Default, one-pica spacing is used consistently between many of the content elements.
STANDARD SPACING
![Page 13: How to Build a Yearbook Spread](https://reader033.vdocuments.net/reader033/viewer/2022050613/544fb4bfaf7959e1108b7308/html5/thumbnails/13.jpg)
EXPANDED SPACING | By leaving a column grid empty, a rail is created. The secondary headline bridges the rail.
EXPANDED SPACING
![Page 14: How to Build a Yearbook Spread](https://reader033.vdocuments.net/reader033/viewer/2022050613/544fb4bfaf7959e1108b7308/html5/thumbnails/14.jpg)
TIGHT SPACING | Generally 1 to 6 points used to package photos and other elements that belong together.
TIGHT SPACING
![Page 15: How to Build a Yearbook Spread](https://reader033.vdocuments.net/reader033/viewer/2022050613/544fb4bfaf7959e1108b7308/html5/thumbnails/15.jpg)
LEVELS OF SPACING | Vertical and horizontal rails of expanded spacing, tight spacing and standard spacing.
![Page 16: How to Build a Yearbook Spread](https://reader033.vdocuments.net/reader033/viewer/2022050613/544fb4bfaf7959e1108b7308/html5/thumbnails/16.jpg)
A template is an electronic prototype of the design.
Templates promote consistent story and caption sizes.
Templates establish consistent use of graphics.
![Page 17: How to Build a Yearbook Spread](https://reader033.vdocuments.net/reader033/viewer/2022050613/544fb4bfaf7959e1108b7308/html5/thumbnails/17.jpg)
SIMILAR YET DIFFERENT | Templates promote unity and variety while building each design around the content.
![Page 18: How to Build a Yearbook Spread](https://reader033.vdocuments.net/reader033/viewer/2022050613/544fb4bfaf7959e1108b7308/html5/thumbnails/18.jpg)
SIMILAR YET DIFFERENT | Templates promote unity and variety while building each design around the content.
![Page 19: How to Build a Yearbook Spread](https://reader033.vdocuments.net/reader033/viewer/2022050613/544fb4bfaf7959e1108b7308/html5/thumbnails/19.jpg)
SIMILAR YET DIFFERENT | Templates promote unity and variety while building each design around the content.
![Page 20: How to Build a Yearbook Spread](https://reader033.vdocuments.net/reader033/viewer/2022050613/544fb4bfaf7959e1108b7308/html5/thumbnails/20.jpg)
MODULE 18: DESIGN 2