Good design helps the reader focus on content!

 Dominance: achieved by making a content element significantly larger so that it becomes a focal point often a photograph or group of photographs should be important enough to justify dominance

 Eyeflow Goal is to help reader move from element to element should direct reader toward center (bullseye) determined by EYELINE, an area of white space that runs across a DPS, giving continuity to spread

 Hierarchy creates order and indicates importance through size and placement can be achieved through typography and use of modules

 Contrast opposing elements spark visual interest  Size  Format  Shape  Weight  Color

 Margins: define the top, bottom, left and right of the spread. Content stays within margins with exception of “bleed” elements (run right off the page)  Gutter: runs down center of spread. Keep typographic elements out, but photos can cross if attention is paid to cropping  Column grids: guides that divide the page vertically as a framework for holding content. All content falls within the grid without stopping in the middle of a column

 Picas: one-sixth of an inch unit of yearbook measurement. Each box on a design sheet is 1 sq. pica  Points: used to measure typography and rule lines (stroke)

 Where do I start? 1. DOMINANT ELEMENT should be placed on the spread first! It drives the placement of the eyeline. Secondary elements are then grouped around the dominant element.

 2. Place headline (and story, if applicable)  3. Place secondary photos around the dominant photo. Remember to use contrast and to maintain eyeline.  4. Place captions within the column grid to the outside of photos, adjacent to the photos they describe. (Bullseye)

White space can be a friend or foe.  Standard spacing = one pica  Tight spacing = 1 to 6 points  Expanded spacing = a rail of 3 to 6 picas used to isolate content

 They are ready-made designs (can be partial or full).  Use them in entirety, with modifications, or as inspiration.  Click-n-go is also a partial template option.

 Traditional: photos and perhaps a headline and feature story make up spread with perhaps a single sidebar module.  Modified: Keeps most of the traditional components with several content modules.  Maximized: each component is used as a module

Layers provide visible and invisible structure for the design. modular layer - constructed using a variety of rectangles that will hold the content. content layer – what the reader actually sees. Words and photos make up this layer.

 The individually designed modules must work together to create continuity on a spread. Consistent typography Repetition of graphics Unifying headline Tints

 Add personality  Unify or separate content elements  Emphasize or de-emphasize content  Are used three or more times to become a strategy

 Templates/click-n-go  Look Book  Magazines  Websites