Peekaboo brochure 0602 Continued Before&After ® X i BAmagazine.com U Continued peekaboo brochure Transform a plain sheet of paper into an engaging brochure by offsetting the folds. Design a
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 [email protected] 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