Basic design For elementary schools Presented by
Laura Schaub Laura.Schaub@Shutterfly.com
Design elements Remember these principles when designing your spreads
Design elements: Dominance Dominant element: Pulls readers into the spread and symbolizes topic covered
Unity: Facing pages link with eyeline and photos placed across the gutter
Gutter
Design elements: Unity
Eyeline
Build facing pages together as one unit rather than building one page at a time.
Design elements: Contrast
Contrast: Large elements vs. small elements
Use contrast to create visual interest
Design elements: Contrast Contrast: Heavy vs. light
Use contrast to create visual interest
Design elements: Contrast Contrast: Type faces
Use contrast to create visual interest
Design elements: Contrast
Contrast: Horizontal vs. vertical
Use contrast to create visual interest
Design elements: Repetition
Repetitio n: Caption widths and design repeat
Use repetition to add rhythm to the design
Design elements: Repetition
Repetitio n: Green color repeats
Use repetition to create rhythm on the design
Design elements: Direction of movement
Direction of movemen t: Note placement of photos to guide readers toward center of spread
Place photos to guide readers into the spread
Step-by-step design Follow this plan to create beautiful designs
Place the dominant photo first, crossing the gutter to link the facing pages
Gutter
How to design a basic layout
Place the dominant photo near the center of the spread, but not in dead center. Make sure there are no faces or type in the gutter. Choose a photo that symbolizes the topic covered.
Add smaller photos, building the design from the inside to the outside. Maintain one-pica inner margins to hold the images together
Gutter
How to design a basic layout
Add smaller photos to contrast with dominant, keeping inner margins equal – one pica
Add smaller photos, building the design from the inside to the outside. Maintain one-pica inner margins to hold the images together
Gutter
How to design a basic layout
Add smaller photos to contrast with dominant, keeping inner margins equal – one pica
Add smaller photos, building the design from the inside to the outside. Maintain one-pica inner margins to hold the images together
Gutter
How to design a basic layout
Add smaller photos to contrast with dominant, keeping inner margins equal – one pica
Add smaller photos, building the design from the inside to the outside. Maintain one-pica inner margins to hold the images together
Gutter
How to design a basic layout
Add smaller photos to contrast with dominant, keeping inner margins equal – one pica
Add captions with small headlines to reflect the photos they represent
Gutter
How to design a basic layout
Add designed captions to connect with photos they represent; place them to the outside.
Gutter
How to design a basic layout
Add the headline using primary and secondary component s. Add story and photos with quotes.
Design your headline using primary and secondary components; keep contrast in mind when selecting type faces, sizes and weights.
How to design a basic layout
And now you have a beautiful basic design
Take a look at your final basic design.