![Page 1: 5.2 | Yearbook Design. STEP 1 – LEARN Begin by reviewing the yearbook design principles on the next slide. You will be shown the process designers use](https://reader036.vdocuments.us/reader036/viewer/2022062516/56649e055503460f94af1bad/html5/thumbnails/1.jpg)
5.2 | Yearbook Design
![Page 2: 5.2 | Yearbook Design. STEP 1 – LEARN Begin by reviewing the yearbook design principles on the next slide. You will be shown the process designers use](https://reader036.vdocuments.us/reader036/viewer/2022062516/56649e055503460f94af1bad/html5/thumbnails/2.jpg)
STEP 1 – LEARN
• Begin by reviewing the yearbook design principles on the next slide.
• You will be shown the process designers use to create pages.
• When creating your pages, you will use either Modular or Template designs.
![Page 3: 5.2 | Yearbook Design. STEP 1 – LEARN Begin by reviewing the yearbook design principles on the next slide. You will be shown the process designers use](https://reader036.vdocuments.us/reader036/viewer/2022062516/56649e055503460f94af1bad/html5/thumbnails/3.jpg)
REVIEW: DESIGN PRINCIPLES
![Page 4: 5.2 | Yearbook Design. STEP 1 – LEARN Begin by reviewing the yearbook design principles on the next slide. You will be shown the process designers use](https://reader036.vdocuments.us/reader036/viewer/2022062516/56649e055503460f94af1bad/html5/thumbnails/4.jpg)
1 2 3 4 6 7 8 9 10 11 12 13 14 15 16 17 18
Gutter – where the two pages are sewn together.Gutter – where the two pages are sewn together.
Pica – each column is separated by one pica, or 1/6 inch.Pica – each column is separated by one pica, or 1/6 inch.
5 19 20 21 22 23 24
Layout Grid
![Page 5: 5.2 | Yearbook Design. STEP 1 – LEARN Begin by reviewing the yearbook design principles on the next slide. You will be shown the process designers use](https://reader036.vdocuments.us/reader036/viewer/2022062516/56649e055503460f94af1bad/html5/thumbnails/5.jpg)
Using your straightedge, sketch this on your layout sheet.
![Page 6: 5.2 | Yearbook Design. STEP 1 – LEARN Begin by reviewing the yearbook design principles on the next slide. You will be shown the process designers use](https://reader036.vdocuments.us/reader036/viewer/2022062516/56649e055503460f94af1bad/html5/thumbnails/6.jpg)
Dominant•Always place the dominant image first.•Dominant image should be near but not exactly in the middle of the spread.•Dominant image should be at least 2x larger than any other element on the page.
Add the notes above to your layout.
![Page 7: 5.2 | Yearbook Design. STEP 1 – LEARN Begin by reviewing the yearbook design principles on the next slide. You will be shown the process designers use](https://reader036.vdocuments.us/reader036/viewer/2022062516/56649e055503460f94af1bad/html5/thumbnails/7.jpg)
Using your straightedge, add to your layout.
![Page 8: 5.2 | Yearbook Design. STEP 1 – LEARN Begin by reviewing the yearbook design principles on the next slide. You will be shown the process designers use](https://reader036.vdocuments.us/reader036/viewer/2022062516/56649e055503460f94af1bad/html5/thumbnails/8.jpg)
Eye Line•Creates unity between two separate pages.
Dominant•Always place the dominant image first.•Dominant image should be near but not exactly in the middle of the spread.•Dominant image should be at least 2x larger than any other element on the page.
Add the notes above to your layout.
![Page 9: 5.2 | Yearbook Design. STEP 1 – LEARN Begin by reviewing the yearbook design principles on the next slide. You will be shown the process designers use](https://reader036.vdocuments.us/reader036/viewer/2022062516/56649e055503460f94af1bad/html5/thumbnails/9.jpg)
Using your straightedge, add to your layout.
![Page 10: 5.2 | Yearbook Design. STEP 1 – LEARN Begin by reviewing the yearbook design principles on the next slide. You will be shown the process designers use](https://reader036.vdocuments.us/reader036/viewer/2022062516/56649e055503460f94af1bad/html5/thumbnails/10.jpg)
Eye Line•Creates unity between two separate pages.
ALWAYS•Start designing in the middle of the layout and work your way outward.•Begin and end each element at the edge of a column.
Dominant•Always place the dominant image first.•Dominant image should be near but not exactly in the middle of the spread.•Dominant image should be at least 2x larger than any other element on the page.
Add the notes above to your layout.
![Page 11: 5.2 | Yearbook Design. STEP 1 – LEARN Begin by reviewing the yearbook design principles on the next slide. You will be shown the process designers use](https://reader036.vdocuments.us/reader036/viewer/2022062516/56649e055503460f94af1bad/html5/thumbnails/11.jpg)
Using your straightedge, add to your layout.
![Page 12: 5.2 | Yearbook Design. STEP 1 – LEARN Begin by reviewing the yearbook design principles on the next slide. You will be shown the process designers use](https://reader036.vdocuments.us/reader036/viewer/2022062516/56649e055503460f94af1bad/html5/thumbnails/12.jpg)
Using your straightedge, add to your layout.
![Page 13: 5.2 | Yearbook Design. STEP 1 – LEARN Begin by reviewing the yearbook design principles on the next slide. You will be shown the process designers use](https://reader036.vdocuments.us/reader036/viewer/2022062516/56649e055503460f94af1bad/html5/thumbnails/13.jpg)
Eye Line•Creates unity between two separate pages.
ALWAYS•Start designing in the middle of the layout and work your way outward.•Begin and end each element at the edge of a column.
Dominant•Always place the dominant image first.•Dominant image should be near but not exactly in the middle of the spread.•Dominant image should be at least 2x larger than any other element on the page.
Variety•Well-designed layouts include a variety of sizes and shapes of rectangle
Plan Your Space•Leave room at the edges of the layout for captions.
Add the notes above to your layout.
![Page 14: 5.2 | Yearbook Design. STEP 1 – LEARN Begin by reviewing the yearbook design principles on the next slide. You will be shown the process designers use](https://reader036.vdocuments.us/reader036/viewer/2022062516/56649e055503460f94af1bad/html5/thumbnails/14.jpg)
Using your straightedge, add to your layout.
![Page 15: 5.2 | Yearbook Design. STEP 1 – LEARN Begin by reviewing the yearbook design principles on the next slide. You will be shown the process designers use](https://reader036.vdocuments.us/reader036/viewer/2022062516/56649e055503460f94af1bad/html5/thumbnails/15.jpg)
Eye Line•Creates unity between two separate pages.
ALWAYS•Start designing in the middle of the layout and work your way outward.•Begin and end each element at the edge of a column.
Dominant•Always place the dominant image first.•Dominant image should be near but not exactly in the middle of the spread.•Dominant image should be at least 2x larger than any other element on the page.
Variety•Well-designed layouts include a variety of sizes and shapes of rectangle
Plan Your Space•Leave room at the edges of the layout for captions.
ID Every photo gets a caption.
Add the notes above to your layout.
![Page 16: 5.2 | Yearbook Design. STEP 1 – LEARN Begin by reviewing the yearbook design principles on the next slide. You will be shown the process designers use](https://reader036.vdocuments.us/reader036/viewer/2022062516/56649e055503460f94af1bad/html5/thumbnails/16.jpg)
Using your straightedge, add to your layout.
![Page 17: 5.2 | Yearbook Design. STEP 1 – LEARN Begin by reviewing the yearbook design principles on the next slide. You will be shown the process designers use](https://reader036.vdocuments.us/reader036/viewer/2022062516/56649e055503460f94af1bad/html5/thumbnails/17.jpg)
Eye Line•Creates unity between two separate pages.
ALWAYS•Start designing in the middle of the layout and work your way outward.•Begin and end each element at the edge of a column.
Dominant•Always place the dominant image first.•Dominant image should be near but not exactly in the middle of the spread.•Dominant image should be at least 2x larger than any other element on the page.
Variety•Well-designed layouts include a variety of sizes and shapes of rectangle
Plan Your Space•Leave room at the edges of the layout for captions.
ID Every photo gets a caption.
Fun for Everyone•Add bonus content like quotes.
Add the notes above to your layout.
![Page 18: 5.2 | Yearbook Design. STEP 1 – LEARN Begin by reviewing the yearbook design principles on the next slide. You will be shown the process designers use](https://reader036.vdocuments.us/reader036/viewer/2022062516/56649e055503460f94af1bad/html5/thumbnails/18.jpg)
Using your straightedge, add to your layout.
![Page 19: 5.2 | Yearbook Design. STEP 1 – LEARN Begin by reviewing the yearbook design principles on the next slide. You will be shown the process designers use](https://reader036.vdocuments.us/reader036/viewer/2022062516/56649e055503460f94af1bad/html5/thumbnails/19.jpg)
.THE MAGIC OF MODULES
• A basic layout can easily be altered to include more students using modules.
• The next slides show modules in the layout development just seen.
![Page 20: 5.2 | Yearbook Design. STEP 1 – LEARN Begin by reviewing the yearbook design principles on the next slide. You will be shown the process designers use](https://reader036.vdocuments.us/reader036/viewer/2022062516/56649e055503460f94af1bad/html5/thumbnails/20.jpg)
Content Modules
![Page 21: 5.2 | Yearbook Design. STEP 1 – LEARN Begin by reviewing the yearbook design principles on the next slide. You will be shown the process designers use](https://reader036.vdocuments.us/reader036/viewer/2022062516/56649e055503460f94af1bad/html5/thumbnails/21.jpg)
Content Modules
![Page 22: 5.2 | Yearbook Design. STEP 1 – LEARN Begin by reviewing the yearbook design principles on the next slide. You will be shown the process designers use](https://reader036.vdocuments.us/reader036/viewer/2022062516/56649e055503460f94af1bad/html5/thumbnails/22.jpg)
.THE IMPORTANCE OF WHITE SPACE
• White space is the area around photos and text. It is not necessarily white.
• Planned white space organizes content.
• Unplanned white space can confuse the viewer.
• There are three types of white space:– Standard
– Tight
– Expanded
![Page 23: 5.2 | Yearbook Design. STEP 1 – LEARN Begin by reviewing the yearbook design principles on the next slide. You will be shown the process designers use](https://reader036.vdocuments.us/reader036/viewer/2022062516/56649e055503460f94af1bad/html5/thumbnails/23.jpg)
STANDARD SPACING
![Page 24: 5.2 | Yearbook Design. STEP 1 – LEARN Begin by reviewing the yearbook design principles on the next slide. You will be shown the process designers use](https://reader036.vdocuments.us/reader036/viewer/2022062516/56649e055503460f94af1bad/html5/thumbnails/24.jpg)
TIGHT SPACING
![Page 25: 5.2 | Yearbook Design. STEP 1 – LEARN Begin by reviewing the yearbook design principles on the next slide. You will be shown the process designers use](https://reader036.vdocuments.us/reader036/viewer/2022062516/56649e055503460f94af1bad/html5/thumbnails/25.jpg)
EXPANDED SPACING
![Page 26: 5.2 | Yearbook Design. STEP 1 – LEARN Begin by reviewing the yearbook design principles on the next slide. You will be shown the process designers use](https://reader036.vdocuments.us/reader036/viewer/2022062516/56649e055503460f94af1bad/html5/thumbnails/26.jpg)
SECONDARY HEADLINE
REVIEW: YEARBOOK DESIGN TERMS
PRIMARY HEADLINE
DOMINANT PHOTO
EXPANDED SPACING
QUICK READ WITH COBs
CAPTIONSQUICK READFOLIO
DROP CAP
FEATURE STORY
CONTENT MODULE
CONTENT MODULE
TIGHT SPACING
STANDARD SPACING
EYELINE
![Page 27: 5.2 | Yearbook Design. STEP 1 – LEARN Begin by reviewing the yearbook design principles on the next slide. You will be shown the process designers use](https://reader036.vdocuments.us/reader036/viewer/2022062516/56649e055503460f94af1bad/html5/thumbnails/27.jpg)
STEP 2 – PRACTICE
• Note: the yearbook design terms learned from the last two PowerPoint presentations will be in a open book quiz tomorrow.