basic design
DESCRIPTION
Basic yearbook design instruction by Taylor PublicationsTRANSCRIPT
![Page 1: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/1.jpg)
The Elements of YEARBOOK:
DESIGN: basic
![Page 2: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/2.jpg)
Basic Design
[Organized arrangement] of images & words to tell a story
![Page 3: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/3.jpg)
Elementsof Design
■ Photos
■ Copy
■ White space
►headline & story ►captions
Don’t underestimate the importance and impact white space has on your spreads!
![Page 4: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/4.jpg)
Placement of elements• Verbal and visual elements create
a bull’s-eye effect
White space
Words
Photos
![Page 5: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/5.jpg)
Design stepsDetermine foundational structure by dividinglayout into columns of equal sizes.#1
![Page 6: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/6.jpg)
1 col.
3 columns
2 columns
2 ½
3 ¾
1 ¼
All elements must begin and end on a column.
Design CAUTION
![Page 7: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/7.jpg)
Design stepsEstablish the external margins…#2
The amount of white space that surrounds the spread.
![Page 8: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/8.jpg)
Design stepsNote the gutter and the internal spacing…#3
(The 1 pica of white space between columns.)
![Page 9: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/9.jpg)
Design steps
#4 Place an eyeline.
![Page 10: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/10.jpg)
(Place in upper or lower third, never in the middle)
Design CAUTIONPlacement of the eyeline…
But nothere…
![Page 11: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/11.jpg)
Design steps
#5 Place a vertical axis that meets your eyelineat what is called the axis point.
![Page 12: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/12.jpg)
Design steps
#6 Select and place dominant photo at axis pt.
![Page 13: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/13.jpg)
Design steps
#7 Place headline/copy area near dominantphoto to reinforce message.
![Page 14: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/14.jpg)
Design steps
#8 Place next largest photo at axis point.
![Page 15: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/15.jpg)
Design steps
#9 Continuing to work from the axis point, placeyour next photo.
![Page 16: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/16.jpg)
Design CAUTION
(Avoid temptation to fill in the corners.)Pause and consider caption placement.
![Page 17: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/17.jpg)
Design IMPERATIVEVary the shape and size of rectangular photos.
![Page 18: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/18.jpg)
Design steps
#10 Working from the eyeline, place theremaining photos.
![Page 19: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/19.jpg)
Design imperativePhotos should rest on or hang down fromthe eyeline.
![Page 20: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/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: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/21.jpg)
(Captions may differ in length, but must be the same width.)
Design steps
#11 Place a caption for each photo.
![Page 22: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/22.jpg)
Design steps
#12 Begin design check.
![Page 23: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/23.jpg)
■ Consistent external margin Does a photo touch each margin?
Design CHECK
![Page 24: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/24.jpg)
■ Consistent internal spacingIs there 1 pica separation between each element?
Design CHECK
![Page 25: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/25.jpg)
Design CHECK■ Eyeline
Do the photo edges create a line of white space that spans across two facing pages?
![Page 26: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/26.jpg)
Avoid placing pictures on the spread that are theexact size & shape unless the content is related.
Design CAUTION
X XX X
XX
![Page 27: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/27.jpg)
■ Bull’s-eye effectDo the layout of elements flow from the inside out, from black to gray to white?
Design CHECK
![Page 28: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/28.jpg)
Design CHECK■ Captioning
Do you have a caption block for every photo?
![Page 29: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/29.jpg)
■ White Space to OutsideDo you have white spaced trapped on the inside?
Design CHECK
Exampleof
trapped copy
![Page 30: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/30.jpg)
Aim for a variety of content & balanced coverage
Design CHECK ■ Photo Cropping and Placement
![Page 31: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/31.jpg)
Numbers: 1 person, 2 people, small group, large group
Design CHECK ■ Varied Content
Boys vs Girls: Do you have a balance?
![Page 32: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/32.jpg)
Design FIX
#13 Replace photos or redesign as needed.
![Page 33: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/33.jpg)
■ Use your layout to create others
Design MAXIMIZATION
#14
![Page 34: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/34.jpg)
■ Mirror
Design MODIFICATIONSOriginal Design >
![Page 35: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/35.jpg)
■ Flip
Design MODIFICATIONSOriginal Design >
![Page 36: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/36.jpg)
■ Mirror-Flip
Design MODIFICATIONSOriginal Design >
![Page 37: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/37.jpg)
■ Original
Design MODIFICATIONS■ Mirror
■ Mirror-Flip■ Flip
![Page 38: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/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 The Spirit of $76K$76K
![Page 39: Basic design](https://reader035.vdocuments.us/reader035/viewer/2022062312/554ec55bb4c9053c4b8b4c21/html5/thumbnails/39.jpg)
This PowerPoint presentation was created by Balfour-Taylor Yearbooks, 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 Mike Taylor, Education/Marketing Director at [email protected].