40
DESIGN : basic

DESIGN : basic

Embed Size (px)

DESCRIPTION

DESIGN : basic. Basic Design. [Organized arrangement] of images & words to tell a story. Elements of Design. ■ Photos. ►captions. ■ Copy. ►headline & story. ■ White space. Don’t underestimate the importance and impact white space has on your spreads!. Placement of elements. - PowerPoint PPT Presentation

Citation preview

Page 1: DESIGN :  basic

DESIGN

: basic

Page 2: DESIGN :  basic

Basic Design

[Organized arrangement] of images & words to tell a story

Page 3: DESIGN :  basic

Elements of Design■ Photos

■ Copy►headline & story

■ White spaceDon’t underestimate the importance and impact white space has on your spreads!

►captions

Page 4: DESIGN :  basic

Placement of elements

Verbal and visual elements create a bull’s-eye effect

White space

Words

Photos

Page 5: DESIGN :  basic

Design stepsDetermine foundational structure by dividinglayout into columns of equal sizes.#1

Page 6: DESIGN :  basic

1 col.

3 columns

2 columns

2 ½

3 ¾

1 ¼

All elements must begin and end on a column.

Design CAUTION

Page 7: DESIGN :  basic

Design stepsEstablish the external margins

#2 The amount of white space that surrounds the spread.

Page 8: DESIGN :  basic

Design stepsNote the gutter and the internal spacing

(The 1 pica of white space between columns.)#3

Page 9: DESIGN :  basic

Design stepsPlace an eyeline.#4

Page 10: DESIGN :  basic

(Place in upper or lower third, never in the middle)

Design CAUTIONPlacement of the eyeline

Here…

But nothere…

Page 11: DESIGN :  basic

Design stepsPlace a vertical axis that meets your eyelineat what is called the axis point.#5

Page 12: DESIGN :  basic

Design stepsSelect and place dominant photo at axis pt.#6

Page 13: DESIGN :  basic

Design stepsPlace headline/copy area near dominantphoto to reinforce message.#7

Page 14: DESIGN :  basic

Design stepsPlace next largest photo at axis point.#8

Page 15: DESIGN :  basic

Design stepsContinuing to work from the axis point,

place your next photo.#9

Page 16: DESIGN :  basic

Design CAUTION

(Avoid temptation to fill in the corners.)Pause and consider caption placement.

Page 17: DESIGN :  basic

Design IMPERATIVEVary the shapes and sizes of rectangular photos.

Page 18: DESIGN :  basic

Design stepsWorking from the eyeline, place the remaining

photos.#10

Page 19: DESIGN :  basic

Design imperativePhotos should rest on or hang down

from the eyeline

Page 20: DESIGN :  basic

Avoid running pictures into the outside margins, unless they bleed.

Design CAUTION

Pictures that bleed run completely off the page.

Page 21: DESIGN :  basic

(Captions may differ in length, but must be the same width.)

Design steps

#11 Place a caption for each photo.

Page 22: DESIGN :  basic

Design steps

#12 Begin design check.

Page 23: DESIGN :  basic

■ Consistent external margin Does a photo or copy element touch each margin?

2Design CHECK

Page 24: DESIGN :  basic

■ Consistent internal spacingIs there 1 pica separation between each element?

2Design CHECK

Page 25: DESIGN :  basic

2Design CHECK■ EyelineDo the photo edges create a line of white space that

spans across two facing pages?

Page 26: DESIGN :  basic

Avoid placing pictures on the spread that are theexact size & shape unless the content is related.

Design CAUTION

X XX X

XX

Page 27: DESIGN :  basic

■ Bull’s-eye effectDo the layout of elements flow from the inside out, from black to gray to white?

2Design CHECK

Page 28: DESIGN :  basic

2Design CHECK■ Captioning

Do you have a caption block for every photo?

Page 29: DESIGN :  basic

■ White space to outsideDo you have white spaced trapped on the inside?

2Design CHECK

Exampleof

trapped copy

Page 30: DESIGN :  basic

Aim for a variety of content & balanced coverage

2Design CHECK ■ Photo cropping and placement

Page 31: DESIGN :  basic

2Design CHECK ■ Photo cropping and placement

Numbers: 1 person, 2 people, small group, large groupBoys vs Girls: Do you have a balance?

Page 32: DESIGN :  basic

2Design CHECKReplace photos or redesign as needed.

Primary headline

Page 33: DESIGN :  basic

■ Use your layout to create others

Design MAXIMIZATION

#14

Page 34: DESIGN :  basic

■ Mirror

Design MODIFICATIONSOriginal Design >

Page 35: DESIGN :  basic

■ Flip

Design MODIFICATIONSOriginal Design >

Page 36: DESIGN :  basic

■ Mirror-Flip

Design MODIFICATIONSOriginal Design >

Page 37: DESIGN :  basic

■ Original

Design MODIFICATIONS■ Mirror

■ Mirror-Flip■ Flip

Page 38: DESIGN :  basic

■ You can remove a photo and add a secondary package

Design MODIFICATIONS

Page 39: DESIGN :  basic

■ Design a layout using an eight-column format■ Place your eyeline■ Use 7-9 photos, varying size■ Create a headline with a secondary headline & place over the copy area■ Make sure every picture has a caption placed logically near the photo it identifies■ Check your layout before turning it in

Your turn

Page 40: DESIGN :  basic

This PowerPoint presentation was created by Balfour Yearbooks, Dallas, Texas, for educational purposes only. It is unlawful to remove or alter the Balfour logo without the permission of Balfour Yearbooks’ Marketing Department. For more information, contact Judi Coolidge, Education Specialist at [email protected].