Introduction to page design

In this session, we will learn some key terms and some core design principles. For reference, the key terms are:

  • DPS – Double page spread – two facing pages
  • Caption – The copy that explains the who, what, where, when, how and why of action in a photo; plan space for every photo to have a caption!
  • COB – Cut out background – a photo where the background is removed (e.g. in Photoshop)
  • Dominant element – The largest eye-catching photo or collection of photos or elements on a spread. Often this will ‘sit’ or ‘hang’ on the eye-line and sit across the gutter, providing unity to the spread.
  • External margin – A frame of white or empty space that will frame the edges of the spread
  • Internal margin – A consistent amount of white space between elements on a page; usually one pica.
  • Copy – All the text on a spread – includes captions, headlines, stories. The copy tells the story of the year.
  • Eye-line – A one pica horizontal line that connects the left and right pages. Usually this is about 1/3 or 2/3 the way down a page. All elements should either sit on top of or hang below this line.
  • Bleed – When pictures or text extend right the way to the end of the page.
  • Headline – Words set in large type that attracts the reader to a spread. Traditionally set above copy blocks.
  • White space / negative space –  The absence of any element.
  • Gutter – The space where the left and right pages meet. Often one or two picas wide and folded as the book comes together.
  • Type / typography – Printed letters and characters
  • Logo – Artwork to represent a company; can also unify a yearbook
  • Pica – A journalistic unit of measurement, one pica=1/6 of an inch or 4.23 mm.

We will also learn at the following design principles.

Here is an example template created using these design principles in InDesign! Screen Shot 2015-09-16 at 4.17.44 pmLink

Now it is your turn. Starting working on your own page…

  1. Download the template.
  2. Organise the pages – double page spread? Or single left? Single right?
  3. Use the following guides to design a layout for the page. Use shapes for photograph placeholders and text boxes for headings, captions and copy.
    1. The 10 Rules of Yearbook Design
    2. 8 column layout design made easy