Steps
DESIGN Principles
Page Elements
White Space
You should know this already
100

Place this FIRST, or center of visual interest (CVI) which will anchor your design

What is the "Dominant Element?"

100

Using these can promote consistency in type sizes and graphics use. The drawback is, they're not as creative or unique. 

What are "templates?"

100

The area in the center of the spread, where the yearbook is bound with thread and glue; also the middle of two pages of a spread where the paper

What is "the gutter?"
100


Establish boundaries for the content; they provide a border of white space along all the edges of the spread.

What are "margins?"

100

Caption starter technique- like a mini headline for captions

What is an "overline?"

200

Place an this below or above your Dominant Element, across the spread. No other elements should cross this imaginary line. 

What is the "eyeline?"

200

The feeling of completeness, when all the different parts of the page work together. Using columns, grid-structure, and planned white space all contribute to this sense of harmony.

What is "unity?"

200

Vertical divisions used as guides for placing content elements. Provide alignment and organization and divide the page vertically. A good two--page spread should have six of these.

What ate "columns?"

200


An imaginary horizontal line of one-pica spacing used as a unifying device. Runs across the two facing pages, visually linking the spread.

What is the "eye-line?"

200

There are 12 "points" in each ONE of these. There are six of these in an inch. Used to measure the dimensions of photos, graphics and column widths.

What is a "Pica?"

300

Third, place the main _________ and the __________ (if there is one) strategically so that content in the dominant photo lead the reader's attention into the story, or at least keeps it on the page.

What is the "headline and story?"

300

Designers use this to show the importance of each page's contents by manipulating these characteristics: Size – Users notice larger elements more easily. Color – Bright colors typically attract more attention than muted ones. It also helps with directing eye-flow.

What is "hierarchy?"

300

Created when a vertical column or horizontal grid is left empty or mostly empty. These are often used to separate or to frame content modules.

What are "rails?"

300

Avoid this because it disrupts eyeflow. It's like a speed bump on a street or an air bubble in your veins!!!

What is "trapped white space?"

300

There are 72 of these in an inch, and 12 of these in a pica. Used to measure type size, line thickness, and "leading" AKA as line-spacing.

What is a "Point?"

400

Fourth, place these around your Dominant element and headline/story, again being careful that content holds and directs readers eyes throughout the page or spread.

What are "secondary photos?"

400

The goal is to keep the reader moving from element to element. A dominant photo can be placed so that its content guides the reader toward the center of the design and perhaps into the headline. Elements should direct the reader toward the center rather than off the page

What is "Eyeflow?"

400

Primary subject that catches readers' attention first. Should be the focal point or center of visual interest. This can be a photo or a content module of multiple photos- either way, the rest of the page is designed around this.

What is the "Dominant Element" or "Anchor Element?"

400

Helps organize the design; use the one pica rule, eye-flow lines, column guides, and rails.

What is "planned white space?"

400

Text blocks accompanying photos that add information. They answer reader's questions about the people, the action and/or the reaction in a photograph. Can range from identifying and supplying minimal information for people in photos to serving as mini-stories telling the 5W's and H and including quotes; Also called "cutlines."

What is a "caption?"

500

Place these adjacent to their respective photos

What are "captions?"

500

The three main points of this are to Capture reader's attention, Hold reader's interest, and Lead their eye-flow.

What is good "design?"

500

A mini-layout within the layout. Often contains pulled quotes or infographics

What is a "content module?"

500

Weakens the design.

What is "unplanned white space?"

500

When a photo or other page element extends beyond the margins and off the page where the plant cuts the paper, creating the page's edge.

What is a "Bleed?"