#SlidesYearbook Style Guide Example (2)

Yes, you can create a basic yearbook in Google Slides simply by inserting images with text boxes and applying graphic design principles. However, the yearbook will look even better when a style guide is created and followed by the student yearbook staff.

The style guide format on this page is only a suggestion. You are welcome to use this style guide, modify it, or create one based on your school's needs. The links at the bottom of this page connect you to even more yearbook style guide ideas.

Why Use a Style Guide?

A style guide encourages students to be creative within a set of parameters so that the yearbook has a consistent and professional look.

In 2016-2017, our yearbook class was assigned a different teacher. The yearbook was entirely made by students (yah!) but no parameters were set. Some of the pages were incredibly creative while others were hard to read with random colors.

The other extreme of a yearbook class is giving the students a teacher-made template that they just fill out like a worksheet. No creativity is encouraged and completing the yearbook becomes a chore.

A style guide is the in-between.  The parameters are set, student-led discussions are held, and the result is a cohesive yearbook. The style guide should be revised as needed to guide yearbook graphic design. The best part is if a student graphic designer leaves the class, the design will not leave with that student.

Theme

A yearbook theme will help focus colors and graphic details.  Think of the theme as the attitude of the year. The overall theme will carry into the sections of the yearbook.

THEME IDEAS

Do you need theme ideas to get you started? Then browse these websites with your students and write a list of your favorite themes.

MOOD

Read Color and Your Yearbook Design: What Your Choices Say to Your Readers by Treering to understand how color affects the mood of the yearbook.

VOICE

Look closely at the example Yearbook Discoveries gives regarding voice. You may also want to read Consistent Yearbook Sections: How to Build a Voice for Your Yearbook by TreeRing.

Color Style Guide

As you learned in the Color section of this website, color sets the mood for the graphic design. The same design completely changes depending on the color choice. Contrast is also important as the text must be readable. Review these resources to help you and your students determine the color palette for the school yearbook.

CANVA.COM

Canva's blog post 100 brilliant color combinations and how to apply them to your designs lists the mood of the color combination, as well as the hex codes to create the color. #77 has a sleek and modern mood and just happens to use our school colors.

ADOBE COLOR CC

In June 2018, I needed inspiration for the Graphic Design in Google Slides presentation. I, of course, went to Jerica Kasinger, a co-worker who was a graphic designer before becoming a teacher. Jerica took my favorite slide design into Adobe Color and used the Import image feature to determine the color scheme.

Take a close look at the left-hand side of the first image. Do you notice a drop-down option for Change Color Mood? Try it!

If you like Adobe Color, get a free account to save the color themes. In the free account, you can move the cursor over the color to read the hex code. Another option is to use the Colorzilla Chrome extension to capture the hex codes.

This color scheme was created using a photo from Unsplash.com.
Hover over the saved color for the hex code of this SlidesCarnival slide.
SLIDESCARNIVAL.COM

Open a SlidesCarnival.com template to either Slide #25 or #26 to read the Presentation Design Guide for that template. To help you and your students create a Style Guide for your yearbook, I have compiled these slides into one Google Slides presentation.

If you like a particular design and would like to view the entire template, look in the speaker notes for the name and link to the original template. You can view the speaker notes by clicking on this link and selecting USE TEMPLATE.

Font Style Guide

As you learned in the Fonts section of this website, font types should be limited to 2, no more than 3, per publication. Of course, sometimes it is hard to decide which fonts look the best together, which is why these awesome websites exist!

FONTS.GOOGLE.COM

Fonts.google.com has a database nearly 900 searchable font families with font pair suggestions. I used this resource to find the font type that Disney used to create the Coco logo (or the font closest to their font).

  1. Type a sentence of your choice on the Google fonts page.
  2. Select APPLY TO ALL FONTS.
  3. On the right-hand side, uncheck the boxes to narrow the search.
  4. Click on the font name to view more information.
  5. Test the font against a list of suggested font pairs.
FONTPAIR.CO

Fontpair.co is an excellent place to view suggested font pairs. The text is editable and fonts are organized by categories such as Display/Serif. Additionally, the database grows as users suggest font pairings.

  1. Select a category such as Display/Serif.
  2. Scroll down to view the options.
  3. Choose a font pair and/or test the font by typing in the editable boxes.
FONTJOY.COM

Fontjoy.com pairs three fonts together to make the font search simple.

  1. Look at the first pairing of 3 fonts. Do you like it?
  2. If you do not like that font pairing, select Generate.
  3. Narrow your search by moving the slide left or right. Options include high contrast, balanced contrast, more similarity, etc.
  4. If you find one or two fonts you like, lock them before you press generate again.
CANVA.COM

Canva's ultimate guide to font pairing not only includes thirty sets of 3-paired fonts, but it also identifies suggested sizes for headlines, sub-heads, and body text. Their graphic design platform is also easy-to-use with inspirational layout ideas.

FONTSTRUCT.COM

If you or your students are especially creative, then create your own font using fontstruct.com. Your creations can be submitted to the Google Font Directory.

Image Style Guide

How many photos, on average, should go on one page? What size will the individual portraits be?

REVIEW

The image style guide will create a unified look and allow student graphic designers to create a layout that can be used on multiple pages throughout the yearbook. Students can use image-size templates, which will be discussed in the Layout section of this website. The one-size-fits-all image template can be resized in Google Slides using Format options -> Size & position.

For now, skim through the image-size templates presentation and identify potential sizes you could use. Style guides are meant to be updated.

Create Your Own Image-Size Template

  1. In Google Drawings, Insert a rectangle.
  2. Cover the entire canvas with the rectangle and customize the color.
  3. Go to File -> Download as -> jpeg.
  4. Upload the image to your Image Style Guide slide.
  5. Use Format options to size the image to specific dimensions.

Written Content Style Guide

To minimize the amount of proofreading required before the final print, create a list of conventions that each staff member must follow. How are names abbreviated? What words need to be capitalized? Which verb tense must be used?

Yearbook Style Guide

Some schools have created their own style guides for written content. Read the US Yearbook 2014-2015: Yearbook Style Guide and then read the rest of the website for even more ideas on how to organize and create your school yearbook. You can also purchase a printed or online AP Style Guide.

GRAMMARLY.COM

One tool students can use to minimize their errors is Grammarly, which is coming to Google Docs. As you will read in the Yearbook Caption section, I recommend that the class start caption writing at the beginning of the year as a daily writing and photography critique activity. The best captions with a link to the photo and photo album are posted in a class Google Doc. In the near future, Grammarly will be able to check standard conventions without the need to copy and paste into their online app. Of course, the Written Content Style Guide would minimize those errors and should still be created.

Style Guide Practice

Work with your students to design your own Style Guide. Use the template provided, modify it or create your own from scratch. Remember, the Style Guide is a living document and will change based on group discussion and decision. The Style Guide sets the parameters of your professional-looking yearbook created in Google Slides.

YOUTUBE PLAYLIST 

  • What Is a Style Guide? | Graphic Design by HowcastTechGadgets
  • Create a Style Guide for Your Brand by Becky Kinkead

WEBSITES

Guide lines

Although we covered guides in the Google Slides section, we will go into more detail on the next page.