DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

40
DESIGN : basic

Transcript of DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

Page 1: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

DESIGN

: basic

Page 2: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

Basic Design

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

Page 3: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

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. Basic Design [Organized arrangement] of images & words to tell a story.

Placement of elements

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

White space

Words

Photos

Page 5: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

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

Page 6: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

1 col.

3 columns

2 columns

2 ½

3 ¾

1 ¼

All elements must begin and end on a column.

Design CAUTION

Page 7: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

Design stepsEstablish the external margins

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

Page 8: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

Design stepsNote the gutter and the internal spacing

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

Page 9: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

Design stepsPlace an eyeline.#4

Page 10: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

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

Design CAUTIONPlacement of the eyeline

Here…

But nothere…

Page 11: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

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

Page 12: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

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

Page 13: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

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

Page 14: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

Design stepsPlace next largest photo at axis point.#8

Page 15: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

Design stepsContinuing to work from the axis point,

place your next photo.#9

Page 16: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

Design CAUTION

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

Page 17: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

Design IMPERATIVEVary the shapes and sizes of rectangular photos.

Page 18: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

Design stepsWorking from the eyeline, place the remaining

photos.#10

Page 19: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

Design imperativePhotos should rest on or hang down

from the eyeline

Page 20: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

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

Design CAUTION

Pictures that bleed run completely off the page.

Page 21: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

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

Design steps

#11 Place a caption for each photo.

Page 22: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

Design steps

#12 Begin design check.

Page 23: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

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

2Design CHECK

Page 24: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

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

2Design CHECK

Page 25: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

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

spans across two facing pages?

Page 26: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

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. Basic Design [Organized arrangement] of images & words to tell a story.

■ 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. Basic Design [Organized arrangement] of images & words to tell a story.

2Design CHECK■ Captioning

Do you have a caption block for every photo?

Page 29: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

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

2Design CHECK

Exampleof

trapped copy

Page 30: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

Aim for a variety of content & balanced coverage

2Design CHECK ■ Photo cropping and placement

Page 31: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

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. Basic Design [Organized arrangement] of images & words to tell a story.

2Design CHECKReplace photos or redesign as needed.

Primary headline

Page 33: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

■ Use your layout to create others

Design MAXIMIZATION

#14

Page 34: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

■ Mirror

Design MODIFICATIONSOriginal Design >

Page 35: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

■ Flip

Design MODIFICATIONSOriginal Design >

Page 36: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

■ Mirror-Flip

Design MODIFICATIONSOriginal Design >

Page 37: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

■ Original

Design MODIFICATIONS■ Mirror

■ Mirror-Flip■ Flip

Page 38: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

■ You can remove a photo and add a secondary package

Design MODIFICATIONS

Page 39: DESIGN: basic. Basic Design [Organized arrangement] of images & words to tell a story.

■ 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. Basic Design [Organized arrangement] of images & words to tell a story.

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].