Peekaboo brochure 0602Continued

Before&After ® XiBAmagazine.com U

Continued

peekaboobrochureTransform a plain sheet of paper into an engaging brochure by offsetting the folds.

Design a

Before&After

Peekaboo brochure 0602 2 of 10

® XiBAmagazine.com U

Design a peekaboo brochureTransform a plain sheet of paper into an engaging brochure by offsetting the folds

One sheet of paper folded like an accordion makes a great brochure easily. Narrow front panel (1) gives a peek at the inside, which opens into a beautiful presentation.

Mickey GroveParkBIRD WATCHING GUIDE 2005

They’re also looking at you

1

Mickey GroveParkBIRD WATCHING GUIDE 2005

They’re also looking at you

Peekaboo brochure 3 of 10Before&After

Peekaboo brochure 0602 3 of 10

® XiBAmagazine.com U

LayoutOnce open, your design can ignore the folds. Note here how the brochure has been designed in halves—the dark half is a narrative, and the light half is a listing.

Dark half Light half

Mickey GroveParkBIRD WATCHING GUIDE 2005

They’re also looking at you

Peekaboo brochure 4 of 10Before&After

Peekaboo brochure 0602 4 of 10

® XiBAmagazine.com U

Hidden Sanc

TypeThe halves of the page use the same two typefaces but in different sizes and line lengths. On the left half, oversize, 15-pt type creates a richly textured introduction.

The Hidden SanctuaryMickey Grove Park offers an abundant dio as enisisl ea conummy nos nostrud euissectem to en iustio dit aliqui euipsusting enndreril ut lorper iriliquam inci blandreet lobor sequi te dolore nor esteimagnim dip esse volobor

ionsectet iriustrud tor min volore molore tet luptatue molor autem doloibor illa

adipis ette luv nor euipit.

Quam eugait iril ut wis torenulla consecte estrud elisit lum vul-

land onulputpatet veltor ea adiat, consequisis dolobor secte dunt aut velisl etum ilisl enisseniat. Loreet

dolessi. Lor si et iure volor si. Lori pero elisectem nis nonsid enim

enim iril in eraia faci tat acilit praessisi ette lavoir me anor.

Duis nim nulpitem dignibh ex iu feuismo oreet, sed ti

dionesequam in henim ve-raesenim quam, quis alit is

veraestrud tem do duis ate vel dolorerit venimi nos.

For more information, please call Lodi Parks & Recreation at 209-367-1811.Quam eugait irl ut wis nulla consecte estrud elisit lum vulland onul.

Bird Watching Guide 2005

Loreet, susto et laore minisi tet iustrud moloreros nulluptat. Duisim alit augait vulla feummy nisi te elestrud modiam el etue magna core tem at.

Cover image Orper adip eu feui-sisit elit, consed ea faciliq

1) Peckerwood Euguerilisi lorem el enit, quismolor sustio dolorer

2) Owl Magniam comole ismodol repercinisis ercil il dit, con eteri

3) Dolessi Sectet volor sum vulla sed elisit lum anoir sis monsed me

4) Faccum Vullaore modolenim nonullaor sequati elli ciduisl iureet

5) Autpatum Oiep eu facilla facid dunt prit, cose consed deleniamet

6) Pateti Sit num esed tat estrud lore lessi commoddo duis esi ux si

7) Quisaut Volese delenim nonse vulluptat estte leiv enim iril anor

8) Annem Num esed tat lore esste commod tatisi lortisim ette sed tie

9) Nulle Volese delenim nonse vul-lup tatlor si et ea faci autem ea nos

43 5

6 7

8 9

The narrative begins beautifully with both headline and subhead in the same typeface. Note that the subhead runs in with the text. This attractive detail requires adjustment—san-serif type usually has a greater x-height than serif type, so its point size must be reduced until it lines up (above).

ove Park offers

Same typeface

12 pt 15 pt

Above left, the panel-width column yields a narrative-style look, while on the right, the narrow listing looks like a directory.

x height

Same typeface

Peekaboo brochure 5 of 10Before&After

Peekaboo brochure 0602 5 of 10

® XiBAmagazine.com U

Mickey GroveParkBIRD WATCHING GUIDE 2005

They’re also looking at you

Legal-size page (14”x 81⁄2”)Eight panels (four per side)Accordion foldOne, half-inch reveal (panel 1)

Template, one peekaboo

31⁄8” 35⁄8” 35⁄8” 35⁄8”

14”

1 2 3 4

214

81⁄2”

Peekaboo brochure 6 of 10Before&After

Peekaboo brochure 0602 6 of 10

® XiBAmagazine.com U

Two peekaboosThree panel widths yield two peekaboos, which serve as a tiny table of contents. Inside can be similar products as shown here or different products.

No one will really notice that it’s just one sheet of paper—it looks and acts like much more.

K 1200 R

S

K 1200 S

2005 BMWMOTORCYCLES

www.bmw-motorrad.com

K 1200 S

2005 BMWMOTORCYCLESwww.bmw-motorrad.com

K 1200 R

S

Peekaboo brochure 7 of 10Before&After

Peekaboo brochure 0602 7 of 10

® XiBAmagazine.com U

LayoutRepetition and scale are key to this handsome design—two motorcycles, two views each, two paragraphs of text, all the same size in the same place on both pages.

Giving this brochure its unusually clean appearance are its high con-trasts of scale—one motorcycle is much larger than the other. Such a large difference has two benefits: It establishes a clear hierarchy, and it keeps the images visually apart—images of too-similar size tend to fight for the reader’s eye. Note that the large side views are straight-on, detailed and meant to be examined, while the small views are angled, casual and meant to be felt. This is a storytelling contrast.

The repetitive format—one page exactly like the other—allows the eye to fall into an easy, page-by-page rhythm. This is an excellent way to present small quantities of similar products.

Note the alignment

Peekaboo brochure 8 of 10Before&After

Peekaboo brochure 0602 8 of 10

® XiBAmagazine.com U

K 1200 R

S

K 1200 S

2005 BMWMOTORCYCLES

www.bmw-motorrad.com

Legal-size page (14”x 81⁄2”)Eight panels (four per side)Accordion foldTwo, half-inch reveals (note panels 1 and 4)

Template, two peekaboos

3” 31⁄2” 31⁄2” 4”

14”

81⁄2”

1 2 3 4

42

Peekaboo brochure 9 of 10Before&After

Peekaboo brochure 0602 9 of 10

® XiBAmagazine.com U

Typefaces

1 (a–d) ITC Motter Corpus | a) 30/28 pt, b) 10/12 pt, c) 28 pt, d) 12/18 pt

2 Utopia Semibold | 12 pt

3 (a–b) Utopia Regular | a) 15/18 pt, b) 10/13.5 pt

4 Utopia Italic | 10/13.5 pt

5 Utopia Black | 10/13.5 pt

6 (a–c) Helvetica Neue Light a) 24/26 pt, b) 12 pt, c) 10/14 pt

7 Helvetica Neue Heavy | 24/26 pt

8 Helvetica Neue Bold | 10/14 pt

Images

10 (a–k) Photos.com a b c d e f g h i j

11 (a–e) BMW of North America, LLC

Article resources

Colors

C1 M2 Y5 K0

C5 M15 Y35 K0

C0 M0 Y100 K70

C0 M90 Y100 K5

C6 M5 Y4 K0

C29 M22 Y26 K0

C0 M0 Y0 K68

12

13

14

15

16

17

18

1a

12

13

1b

1 c1 d

2

4 5 3 b

7

8

10a

10 b

10 c

10 b 10d 10 e

10f 10g 10h

10 i

10 j

11a

11b

11c 11d

11e

14 15

16

17 18

3 a

6a6b

6c

6a

Before&After

10 of 10 | Printing formats Peekaboo brochure 0602

® Peekaboo brochure 10 of 10 XiBAmagazine.com U

Before & After magazine Before & After has been sharing its practical approach to graphic design since 1990. Because our modern world has made designers of us all (ready or not), Before & After is dedicated to making graphic design understand-able, useful and even fun for everyone.

John McWade Publisher and creative directorGaye McWade Associate publisherVincent Pascual Staff designerDexter Mark Abellera Staff designer

Editorial board Gwen Amos, Carl Winther

Before & After magazine323 Lincoln Street, Roseville, CA 95678 Telephone 916-784-3880 Fax 916-784-3995E-mail mailbox@bamagazine.com www http://www.bamagazine.com

Copyright ©2005 Before & After magazine, ISSN 1049-0035. All rights reserved

You may pass this article around, but you may not alter it, and you may not charge for it. You may quote brief sections for review. If you do this, please credit Before & After magazine, and let us know. To feature free Before & After articles on your Web site, please contact us. For permission to include all or part of this article in another work, please contact us.

Subscribe to Before & After

Did you enjoy this article? Subscribe, and

become a more capable, confident designer

for pennies per article. To learn more, go to

http://www.bamagazine.com/Subscribe

E-mail this article

To pass along a free copy of this article to

others, click here.

Join our e-list

To be notified by e-mail of new articles as

they become available, go to

http://www.bamagazine.com/email

Before&After ®

Back | Paper-saver format

XiBAmagazine.com U

For paper-saver format Print: (Specify pages 12–16)

For presentation format Print: (Specify pages 1–10)

Before & After is made to fit your binder

Before & After articles are intended for permanent reference. All are titled and numbered.

For the current table of contents, click here. To save time and paper, a paper-saver format of this article,

suitable for one- or two-sided printing, is provided on the following pages.

Print Format: Landscape

Page Size: Fit to Page

SavePresentation format or

Paper-saver format

Be

fore

&A

fter | w

ww

.bamagazine.com

1 of 5

Pe

ek

abo

o b

roch

ure 0602

0602 P

ee

kab

oo

bro

chu

re

Con

tinu

ed

Design apeekaboobrochureTran

sform a p

lain sh

eet of p

aper in

to an en

gaging b

rochu

re by offsettin

g the fold

s.

On

e sheet o

f pap

er fold

ed like an

accord

ion

makes a

great bro

chu

re easily. Narrow

fron

t pan

el (1) gives a peek at

the in

side, w

hich

op

ens in

to a b

eautifu

l presen

tation

.

Mick

ey

Gro

ve

Park

BIR

D W

ATC

HIN

G G

UID

E 2

005

Th

ey’re also lookin

g at you

1

Mick

ey

Gro

ve

Park

BIR

D W

ATC

HIN

G G

UID

E 2

00

5T

hey’re a

lso looking a

t you

Be

fore

&A

fter | w

ww

.bamagazine.com

2 of 5

Pe

ek

abo

o b

roch

ure 0602

0602 P

ee

kab

oo

bro

chu

re

Hid

den

San

c

Type

Th

e halves o

f the p

age use th

e same tw

o typ

efaces bu

t in d

ifferent sizes an

d lin

e length

s. O

n th

e left half, oversize, 15-p

t type creates a rich

ly textured

intro

du

ction

.

Layou

tO

nce o

pen

, you

r design

can ign

ore th

e fold

s. No

te here h

ow th

e bro

chu

re has b

een

design

ed in

halves—

the d

ark half is a n

arrative, and

the ligh

t half is a listin

g.

Dark

half

Lig

ht h

alf

Mick

ey

Gro

ve

Park

BIR

D W

ATC

HIN

G G

UID

E 2

00

5T

hey’re a

lso looking a

t you

The H

idd

en

San

ctuary

Mick

ey G

rove P

ark

offers an

abu

nd

ant d

io as en

isisl ea co

nu

mm

y no

s no

strud

euissectem

to en

iustio

dit aliq

ui

euip

sustin

g enn

dreril u

t lorp

er iriliqu

am in

ci blan

dreet

lob

or seq

ui te d

olo

re no

r esteimagn

im d

ip esse vo

lob

or

ion

sectet iriustru

d to

r min

volo

re mo

lore tet

lup

tatue m

olo

r autem

do

loib

or illa

adip

is ette luv n

or eu

ipit.

Qu

am eu

gait iril ut w

is toren

ulla

con

secte estrud

elisit lum

vul-

land

on

ulp

utp

atet veltor ea ad

iat, co

nseq

uisis d

olo

bo

r secte du

nt au

t velisl etu

m ilisl en

isseniat. Lo

reet d

olessi. Lo

r si et iure vo

lor si. Lo

ri p

ero elisectem

nis n

on

sid en

im

enim

iril in eraia faci tat acilit

praessisi ette lavo

ir me an

or.

Du

is nim

nu

lpitem

dign

ibh

ex iu

feuism

o o

reet, sed ti

dio

neseq

uam

in h

enim

ve-raesen

im q

uam

, qu

is alit is veraestru

d tem

do

du

is ate vel d

olo

rerit venim

i no

s.

For more in

formation

, please call Lod

i Parks &

Recreation

at 209-367-1811.

Qu

am eu

gait irl ut w

is nu

lla consecte estru

d elisit lu

m vu

lland

onu

l.

Bird

Watch

ing G

uid

e 2

005

Loreet, susto et laore m

inisi tet iu

strud

m

oloreros nu

llup

tat. Du

isim alit au

gait vu

lla feum

my n

isi te elestrud

mod

iam

el etue m

agna core tem

at.

Co

ver im

ag

e O

rper ad

ip eu

feui-

sisit elit, con

sed ea faciliq

1) P

eck

erw

oo

d E

ugu

erilisi lorem

el en

it, qu

ismo

lor su

stio d

olo

rer

2) O

wl M

agniam

com

ole ism

od

ol

repercin

isis ercil il dit, co

n eteri

3) D

ole

ssi Sectet volo

r sum

vulla

sed elisit lu

m an

oir sis m

on

sed m

e

4) Fa

ccum

Vu

llaore m

od

olen

im

no

nu

llaor seq

uati elli cid

uisl iu

reet

5) A

utp

atu

m O

iep eu

facilla facid

du

nt p

rit, cose co

nsed

delen

iamet

6) P

ate

ti Sit nu

m esed

tat estrud

lo

re lessi com

mo

dd

o d

uis esi u

x si

7) Q

uisa

ut Vo

lese delen

im n

on

se vu

llup

tat estte leiv enim

iril ano

r

8) A

nn

em

Nu

m esed

tat lore esste

com

mo

d tatisi lo

rtisim ette sed

tie

9) N

ulle

Volese d

elenim

no

nse vu

l-lu

p tatlo

r si et ea faci autem

ea no

s

43

5

67

89

The

na

rrative

be

gin

s be

au

tifully

with

bo

th h

ea

dlin

e a

nd

sub

he

ad

in

the

sam

e typ

efa

ce. No

te th

at

the

sub

he

ad

run

s in w

ith th

e te

xt.

This a

ttractive

de

tail re

qu

ires

ad

justm

en

t—sa

n-se

rif type

usu

ally

ha

s a g

rea

ter x

-he

igh

t tha

n se

rif typ

e, so its p

oin

t size m

ust b

e

red

uce

d u

ntil it lin

es u

p (a

bo

ve).

ove P

ark

offers

Same typeface

12 pt

15 pt

Ab

ove

left, th

e p

an

el-w

idth

colu

mn

yield

s a n

arra

tive-style

loo

k,

wh

ile o

n th

e rig

ht, th

e n

arro

w listin

g lo

ok

s like

a d

irecto

ry.

x height

Same typeface

Be

fore

&A

fter | w

ww

.bamagazine.com

3 of 5

Pe

ek

abo

o b

roch

ure 0602

0602 P

ee

kab

oo

bro

chu

re Two

pe

ek

abo

os

Th

ree pan

el wid

ths yield

two

peekab

oo

s, wh

ich serve as a tin

y table o

f con

tents.

Insid

e can b

e similar p

rod

ucts as sh

own

here o

r differen

t pro

du

cts.

No

on

e w

ill rea

lly no

tice th

at it’s ju

st on

e sh

ee

t of p

ap

er—

it loo

ks

an

d a

cts like

mu

ch m

ore.

K 1200 RS

K 1200 S

2005 BM

WM

OTO

RC

YC

LES

ww

w.bm

w-m

otorrad.com

K 1200 S

2005 BM

WM

OTO

RC

YC

LES

ww

w.bm

w-m

otorrad.com

K 1200 RS

Mick

ey

Gro

ve

Park

BIR

D W

ATC

HIN

G G

UID

E 2

00

5T

hey’re a

lso looking a

t you

Leg

al-size

pa

ge

(14”x

81⁄2”)

Eig

ht p

an

els (fo

ur p

er sid

e)

Acco

rdio

n fo

ldO

ne, h

alf-in

ch re

vea

l (pa

ne

l 1)

Tem

plate, o

ne

pe

ek

abo

o

31⁄8”

35⁄8”

35⁄8”

35⁄8”

14”

12

34

21

4

81⁄2”

Be

fore

&A

fter | w

ww

.bamagazine.com

4 of 5

Pe

ek

abo

o b

roch

ure 0602

0602 P

ee

kab

oo

bro

chu

re

K 1200 RS

K 1200 S

2005 BM

WM

OTO

RC

YC

LES

ww

w.bm

w-m

otorrad.com

Leg

al-size

pa

ge

(14”x

81⁄2”)

Eig

ht p

an

els (fo

ur p

er sid

e)

Acco

rdio

n fo

ldTw

o, ha

lf-inch

reve

als (n

ote

pa

ne

ls 1 an

d 4)

3”3

1⁄2”3

1⁄2”4”

14”

81⁄2”

12

34

42

Layou

tR

epetition

and

scale are key to th

is han

dso

me d

esign—

two

mo

torcycles, tw

o view

s each

, two

paragrap

hs o

f text, all the sam

e size in th

e same p

lace on

bo

th p

ages.

Givin

g th

is bro

chu

re its u

nu

sua

lly cle

an

ap

pe

ara

nce

are

its hig

h co

n-

trasts o

f scale

—o

ne

mo

torcycle

is m

uch

larg

er th

an

the

oth

er. S

uch

a

larg

e d

iffere

nce

ha

s two

be

ne

fits:

It esta

blish

es a

clea

r hie

rarch

y, an

d

it ke

ep

s the

ima

ge

s visua

lly ap

art—

ima

ge

s of to

o-sim

ilar size

ten

d to

fi

gh

t for th

e re

ad

er’s e

ye. No

te th

at

the

larg

e sid

e vie

ws a

re stra

igh

t-o

n, d

eta

iled

an

d m

ea

nt to

be

ex

am

-in

ed

, wh

ile th

e sm

all vie

ws a

re

an

gle

d, ca

sua

l an

d m

ea

nt to

be

felt.

This is a

storyte

lling

con

trast.

The

rep

etitive

form

at—

on

e p

ag

e e

xa

ctly like

the

oth

er—

allo

ws th

e e

ye to

fa

ll into

an

ea

sy, pa

ge

-by-p

ag

e rh

ythm

. This is a

n e

xce

llen

t wa

y to p

rese

nt

sma

ll qu

an

tities o

f simila

r pro

du

cts.

No

te th

e

align

me

nt

Be

fore

&A

fter | w

ww

.bamagazine.com

5 of 5

Pe

ek

abo

o b

roch

ure 0602

0602 P

ee

kab

oo

bro

chu

re

Type

face

s

1 (a–d

) ITC M

otter Corpus | a) 30/28 pt,

b) 10/12 pt, c) 28 pt, d) 12/18 pt

2 Utopia Sem

ibold | 12 pt

3 (a–b

) Utopia R

egular | a) 15/18 pt, b) 10/13.5 pt

4 Utopia Italic | 10/13.5 pt

5 Utopia B

lack | 10/13.5 pt

6 Helvetica N

eue Light | 24/26 pt

7 Helvetica N

eue Heavy | 24/26 pt

8 Helvetica N

eue Bold | 10/14 pt

9 Helvetica N

eue Light | 10/14 pt

Ima

ge

s

10 (a–k

) Photos.com

11 (a–e

) BM

W of N

orth Am

erica, LLC

Article

reso

urce

s

1a

12

13

1b

1c1d

2

45

3b

666 7

89

10a

10b 10c

10d10e

10f

10g10h

10i

10j

10k

11a

11b

11c11d

11e

1415

16

1718

3a

Co

lors

C1

M2

Y5

K0

C5

M15

Y35

K0

C0

M0

Y100

K70

C0

M90

Y100

K5

C6

M5

Y4

K0

C29

M22

Y26

K0

C0

M0

Y0

K68

121314151617

18

Be

fore

& A

fter m

ag

azin

e

Befo

re & A

fter has b

een sh

aring its p

ractical app

roach

to

graph

ic design

since 1990. B

ecause o

ur m

od

ern w

orld

h

as mad

e design

ers of u

s all (ready o

r no

t), Befo

re &

After is d

edicated

to m

aking grap

hic d

esign u

nd

erstand

-ab

le, usefu

l and

even fu

n fo

r everyon

e.

Joh

n M

cWa

de

Pu

blish

er and

creative directo

rG

ay

e M

cWa

de

Asso

ciate pu

blish

erV

ince

nt P

ascu

al Staff d

esigner

De

xte

r Ma

rk A

be

llera

Staff design

er

Edito

rial bo

ard G

we

n A

mo

s, Ca

rl Win

the

r

Be

fore

& A

fter m

ag

azin

e323 Lin

coln

Street, Ro

seville, CA

95678 Te

lep

ho

ne

916-784-3880 Fax 916-784-3995E

-mail m

ailbo

x@b

amagazin

e.com

w

ww

http

://ww

w.b

amagazin

e.com

Co

py

righ

t ©2005 B

efo

re &

Afte

r ma

ga

zine, IS

SN

1049-0035. A

ll righ

ts rese

rve

d

You

may p

ass this article aro

un

d, b

ut yo

u m

ay no

t alter it, an

d yo

u m

ay no

t charge fo

r it. You

may q

uo

te brief

section

s for review

. If you

do

this, p

lease credit B

efore

& A

fter magazin

e, and

let us kn

ow

. To featu

re free B

efore &

After articles o

n yo

ur W

eb site, p

lease con

tact u

s. For p

ermissio

n to

inclu

de all o

r part o

f this article in

an

oth

er wo

rk, please co

ntact u

s.

Su

bscrib

e to

Be

fore

& A

fter

Did

you

enjoy th

is article? Sub

scribe, an

d

beco

me a m

ore cap

able, co

nfi

den

t design

er

for p

enn

ies per article. To

learn m

ore, go

to

http

://ww

w.b

amagazin

e.com

/Sub

scribe

E-m

ail this article

To p

ass alon

g a free cop

y of th

is article to

oth

ers, click here.

Join

ou

r e-list

To b

e no

tified

by e-m

ail of n

ew articles as

they b

ecom

e available, go

to

http

://ww

w.b

amagazin

e.com

/email