The Elements of YEARBOOK: DESIGN START HERE
Transcript of The Elements of YEARBOOK: DESIGN START HERE
![Page 1: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/1.jpg)
The Elements of YEARBOOK:
DESIGN: START HERE
![Page 2: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/2.jpg)
Design
[Organized arrangement]
of images & words to tell
a story
![Page 3: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/3.jpg)
Elements
of Design
■ Photos
■ Copy
■ White space
►headline & story ►captions
Don’t underestimate the importance and
impact white space has on your spreads!
![Page 4: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/4.jpg)
Placement of elements
• Verbal and visual elements create a bull’s-eye effect
![Page 5: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/5.jpg)
Design steps Determine foundational structure by dividing layout into columns of equal sizes.
![Page 6: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/6.jpg)
All elements begin and end on a column
1 col.
3 columns
2 columns
2 ½
3 ¾
1 ¼
All elements must begin and end on a column.
Design CAUTION
![Page 7: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/7.jpg)
Design steps Establish the external margins…
The amount of white space that surrounds the spread.
![Page 8: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/8.jpg)
Design steps Note the gutter and the internal spacing…
(The 1 pica of white space between columns.)
![Page 9: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/9.jpg)
Design steps Place an eyeline.
![Page 10: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/10.jpg)
(Place in upper or lower third, never in the middle)
Design CAUTION Placement of the eyeline…
But not
here…
![Page 11: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/11.jpg)
Design steps Place a vertical axis that meets your eyeline at what is called the axis point.
![Page 12: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/12.jpg)
Design steps Select and place dominant photo at axis pt.
![Page 13: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/13.jpg)
Design steps Place headline/copy area near dominant photo to reinforce message.
![Page 14: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/14.jpg)
Design steps
Place next largest photo at axis point.
![Page 15: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/15.jpg)
Design steps Continuing to work from the axis point, place your next photo.
![Page 16: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/16.jpg)
Design CAUTION
(Avoid temptation to fill in the corners.) Pause and consider caption placement.
![Page 17: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/17.jpg)
Design IMPERATIVE Vary the shape and size of rectangular photos.
![Page 18: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/18.jpg)
Design steps Working from the eyeline, place the remaining photos.
![Page 19: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/19.jpg)
Design imperative Photos should rest on or hang down from the eyeline.
![Page 20: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/20.jpg)
Avoid running pictures into the outside margins, unless they bleed…
(Pictures that bleed run completely off the page.)
Design CAUTION
![Page 21: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/21.jpg)
(Captions may differ in length, but must be the same width.)
Design steps Place a caption for each photo.
![Page 22: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/22.jpg)
Design steps Begin design check.
![Page 23: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/23.jpg)
■ Consistent external margin Does a photo touch each margin?
2Design CHECK
![Page 24: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/24.jpg)
■ Consistent internal spacing Is there 1 pica separation between each element?
2Design CHECK
![Page 25: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/25.jpg)
2Design CHECK ■ Eyeline
Do the photo edges create a line of white space that spans across two facing pages?
![Page 26: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/26.jpg)
Avoid placing pictures on the spread that are the exact size & shape unless the content is related.
Design CAUTION
X X X X
X X
![Page 27: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/27.jpg)
■ Bull’s-eye effect Do the layout of elements flow from the inside out, from black to gray to white?
2Design CHECK
![Page 28: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/28.jpg)
2Design CHECK ■ Captioning
Do you have a caption block for every photo?
![Page 29: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/29.jpg)
■ White Space to Outside Do you have white spaced trapped on the inside?
2Design CHECK
Example
of
trapped
copy
![Page 30: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/30.jpg)
Aim for a variety of content & balanced coverage
2Design CHECK ■ Photo Cropping and Placement
![Page 31: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/31.jpg)
Numbers: 1 person, 2 people, small group, large group
2Design CHECK ■ Varied Content
Boys vs Girls: Do you have a balance?
![Page 32: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/32.jpg)
Design FIX Replace photos or redesign as needed.
![Page 33: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/33.jpg)
■ Use your layout to create others
Design MAXIMIZATION
![Page 34: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/34.jpg)
■ Mirror
Design MODIFICATIONS Original Design >
![Page 35: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/35.jpg)
■ Flip
Design MODIFICATIONS Original Design >
![Page 36: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/36.jpg)
■ Mirror-Flip
Design MODIFICATIONS Original Design >
![Page 37: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/37.jpg)
■ Original
Design MODIFICATIONS ■ Mirror
■ Mirror-Flip ■ Flip
![Page 38: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/38.jpg)
■ Design a layout using an eight-column format
■ Place your eyeline
■ Use 7-9 photos, varying size
■ Create a headline with a subhead & place over
copy area
■ Make sure every picture has a caption placed logically
near the photo it identifies
■ Check your layout before turning it in
Your turn
The Spirit of $76K
![Page 39: The Elements of YEARBOOK: DESIGN START HERE](https://reader034.fdocuments.us/reader034/viewer/2022051306/627941b8c912334c0b300749/html5/thumbnails/39.jpg)
This PowerPoint presentation was created by Balfour/Taylor Yearbooks, Dallas, Texas,
for educational purposes only. It is unlawful to remove or alter the Balfour logo without
the permission of Balfour/Taylor Yearbooks’ Marketing Department. For more
information, contact Judi Coolidge, Education Specialist at [email protected].