before and after 0602
TRANSCRIPT
-
7/29/2019 Before and After 0602
1/16
Peekaboo brochure 0602Continued
Before&After XiBAmagazine.com U
Continued
Transform a plain sheet ofpaper into an engaging brochureby offsetting the folds.
Design a
-
7/29/2019 Before and After 0602
2/16
Before&After
Peekaboo brochure 0602 2of10
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.
MickeyGroveParkBIRDWATCHINGGUIDE2005Theyrealsolook
ingatyou
1
MickeyGroveParkBIRD WATCHING GUIDE 2005
Theyre also looking at you
-
7/29/2019 Before and After 0602
3/16
Peekaboo brochure 3of10Before&After
Peekaboo brochure 0602 3of10
XiBAmagazine.com U
Layout
Once open, your design can ignore the folds. Note here how the brochure has beendesigned in halvesthe dark half is a narrative, and the light half is a listing.
Dark half Light half
MickeyGroveParkBIRD WATCHING GUIDE 2005
Theyre also looking at you
-
7/29/2019 Before and After 0602
4/16
Peekaboo brochure 4of10Before&After
Peekaboo brochure 0602 4of10
XiBAmagazine.com U
Hidden Sanc
Type
The 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 Parkoffers an abundant dio as enisisl eaconummy nos nostrud euissectem to en iustio dit aliquieuipsusting enndreril ut lorper iriliquam inci blandreetlobor sequi te dolore nor esteimagnim dip esse volobor
ionsectet iriustrud tor min volore molore tetluptatue molor autem doloibor illa
adipis ette luv nor euipit.
Quam eugait iril ut wis torenullaconsecte estrud elisit lum vul-
land onulputpatet veltor ea adiat,consequisis dolobor secte dunt autvelisl etum ilisl enisseniat. Loreet
dolessi. Lor si et iure volor si. Loripero elisectem nis nonsid enim
enim iril in eraia faci tat acilitpraessisi ette lavoir me anor.
Duis nim nulpitem dignibhex iu feuismo oreet, sed ti
dionesequam in henim ve-raesenim quam, quis alit isveraestrud tem do duis ate
vel dolorerit venimi nos.
For moreinformation,pleasecall Lodi Parks&Recreation at209-367-1811.
Quameugaitirl utwis nullaconsecteestrudelisitlum vullandonul.
Bird Watching Guide 2005
Loreet,sustoetlaore minisitetiustrud
molorerosnulluptat.Duisimalit augait
vullafeummynisi teelestrudmodiam
el etuemagnacore temat.
Cover image Orperadipeu feui-
sisit elit, consedea faciliq
1) Peckerwood Euguerilisilorem
elenit, quismolorsustio dolorer
2) Owl Magniamcomoleismodol
repercinisisercilil dit, coneteri
3) Dolessi Sectet volorsumvulla
sedelisit lumanoirsis monsedme
4) Faccum Vullaoremodolenim
nonullaorsequatielliciduisl iureet
5) Autpatum Oiepeu facilla facid
dunt prit, coseconseddeleniamet
6) Pateti Sit numesedtat estrudlorelessi commoddo duisesi ux si
7) Quisaut Volesedelenimnonse
vulluptat estteleiv enimiril anor
8) Annem Numesedtat loreesste
commodtatisilortisimette sedtie
9) NulleVolesedelenimnonse vul-
luptatlorsi et ea faciautemea nos
43 5
6 7
8 9
The narrative begins beautifully
with both headline and subhead
in the same typeface. Note that
the subheadruns in with the text.
This attractive detail requires
adjustmentsan-serif type usually
has a greater x-height than serif
type, so its point size must be
reduced until it lines up (above).
ove Parkoffers
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
-
7/29/2019 Before and After 0602
5/16
Peekaboo brochure 5of10Before&After
Peekaboo brochure 0602 5of10
XiBAmagazine.com U
MickeyGroveParkBIRDWATCHING GUIDE 2005
Theyrealso lookingat you
Legal-size page (14x 81
2)Eight panels (four per side)
Accordion fold
One, half-inch reveal (panel 1)
Template, one peekaboo
318 358 358 358
14
1 2 3 4
21
4
812
-
7/29/2019 Before and After 0602
6/16
Peekaboo brochure 6of10Before&After
Peekaboo brochure 0602 6of10
XiBAmagazine.com U
Two peekaboos
Three 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 its just one sheet of paperit looks
and acts like muchmore.
K
12
00RS
K
12
00S
2005BMW
MOTORCYCLES
www.bmw-motorrad.com
K
1200S
2005BMWMOTORCYCLESwww.bmw-motorrad.com
K
1200RS
-
7/29/2019 Before and After 0602
7/16
Peekaboo brochure 7of10Before&After
Peekaboo brochure 0602 7of10
XiBAmagazine.com U
Layout
Repetitionand scaleare key to this handsome designtwo motorcycles, two viewseach, 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 ofscaleone motorcycle ismuch larger than the other. Such a
large difference has two benets:
It establishes a clear hierarchy, and
it keeps the images visually apart
images of too-similar size tend to
ght for the readers 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 formatone page exactly like the otherallows 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
-
7/29/2019 Before and After 0602
8/16
Peekaboo brochure 8of10Before&After
Peekaboo brochure 0602 8of10
XiBAmagazine.com U
K
1200RS
K
1200S
2005BMW
MOTORCYCLES
www.bmw-motorrad.com
Legal-size page (14x 81
2)Eight panels (four per side)
Accordion fold
Two, half-inch reveals (note panels 1 and 4)
Template, two peekaboos
3 312 312 4
14
812
1 2 3 4
4
2
-
7/29/2019 Before and After 0602
9/16
Peekaboo brochure 9of10Before&After
Peekaboo brochure 0602 9of10
XiBAmagazine.com U
Typefaces
1 (ad) ITC Motter Corpus | a)30/28 pt,
b)10/12 pt, c) 28 pt, d) 12/18 pt
2 Utopia Semibold | 12 pt
3 (ab) Utopia Regular | a) 15/18 pt,
b) 10/13.5 pt
4 Utopia Italic | 10/13.5 pt5 Utopia Black | 10/13.5 pt
6 (ac) 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 (ak) Photos.coma b c d e f g h i j
11 (ae) 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
1c1d
2
4 5 3b
7
8
10a
10b
10c
10b 10d 10e
10f 10g 10h
10i
10j
11a
11b
11c 11d
11e
14 15
16
17 18
3a
6a6b
6c
6a
-
7/29/2019 Before and After 0602
10/16
Before&After
10of10 | Printing formats Peekaboo brochure 0602
Peekaboo brochure 10of10 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 director
Gaye McWade Associate publisher
Vincent Pascual Staff designer
Dexter Mark Abellera Staff designer
Editorial board Gwen Amos, Carl Winther
Before & After magazine
323 Lincoln Street, Roseville, CA 95678
Telephone 916-784-3880
Fax 916-784-3995
E-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, condent designer
for pennies per article. To learn more, go to
http://www.bamagazine.com/Subscribe
E-mail this articleTo pass along a free copy of this article to
others, click here.
Join our e-list
To be notied by e-mail of new articles as
they become available, go to
http://www.bamagazine.com/email
-
7/29/2019 Before and After 0602
11/16
Before&After
Back | Paper-saver format
XiBAmagazine.com U
For paper-saver formatPrint:(Specify pages 1216)
For presentation formatPrint:(Specify pages 110)
Before & After is made to t 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
Save
Presentation format or
Paper-saver format
-
7/29/2019 Before and After 0602
12/16
Before&After|www.bamagazine.com
1of5
Peekaboobrochure0602
0602Peekaboobroc
hure
Continued
Designa
Transfo
rmaplainsheetof
paperintoanenga
gingbrochu
re
byoffsettingthefolds.
Onesheetof
paperfoldedlikeanaccordionmakesa
greatbro
chureeasily.Narrowfro
ntpanel(1)givesapeekat
theinsid
e,whichopensintoabeautiful
presentation.
Mic
key
Gro
ve
Par
k
BIRDWATCHI
NGGUIDE2005
Theyreals
olookingatyou
1
Mickey
Grove
Park
B
IRDWATCHINGGUIDE2005
Theyrealsolookingatyou
-
7/29/2019 Before and After 0602
13/16
Before&After|www.bamagazine.com
2of5
Peekaboobr
ochure0602
0602Peekaboobroc
hure
HiddenS
anc
Type
Thehalvesofthep
ageusethesametwotypefacesbutindifferentsizesandlinelen
gths.
Onthelefthalf,oversize,15-pttypecreatesarichlytexturedintrod
uction.
Layout
Onceopen,yourdesigncanignorethefold
s.Noteherehowthebrochurehasbeen
designedinhalves
thedarkhalfisanarrative,andthelighthalfisalisting.
Darkhalf
Lighthalf
Mickey
Grove
Park
BIRDWATCHINGGUIDE2005
Theyrealsolookingatyou
TheHiddenSanctuary
MickeyGroveParkoffersanabun
dantdioasenisislea
conumm
ynosnostrudeuissectem
toeniustioditaliqui
euipsustingenndrerilutlorperirili
quaminciblandreet
loborsequitedolorenoresteimagnimdipessevolobor
ionsectetiriustrudtorminvoloremoloretet
luptatuemolorautemdoloiborilla
adipisetteluvnoreuipit.
Quameuga
itirilutwistorenulla
consectees
trudelisitlumvul-
landonulputpatetveltoreaadiat,
consequisisd
oloborsecteduntaut
velisletumilis
lenisseniat.Loreet
dolessi.Lorsietiurevolorsi.Lori
peroelisectem
nisnonsidenim
enimirilineraiafacitatacilit
praessisiettelav
oirmeanor.
Duisnimnulpitem
dignibh
exiufeuismooreet,sedti
dionesequaminheni
mve-
raesenim
quam,quisalitis
veraestrudtemdoduisate
veldoloreritveniminos.
Formoreinformation,pleasecallLodiParks
&Recreationat209-367-1811.
Quameugaitirlutwisnullaconsecteestrud
elisitlumvullandonul.
BirdWatchingGuide2005
Loreet,sustoetlaoreminisitetiustrud
molorerosnulluptat.Duisimalitaugait
vullafeummynisiteelestrudmodiam
eletuemagnacoretemat.
CoverimageOrperadipeufeui-
sisitelit,consedeafaciliq
1)PeckerwoodEuguerilisilorem
elenit,quismolorsustiodolorer
2)OwlMagniamcomoleismodol
repercinisisercilildit,coneteri
3)DolessiSectetvolorsumvulla
sedelisitlumanoirsismonsedme
4)FaccumVullaoremodolenim
nonullaorsequatielliciduisliureet
5)AutpatumOiepeufacillafacid
duntprit,coseconseddeleniamet
6)PatetiSitnumesedtatestrud
lorelessicommoddoduisesiuxsi
7)QuisautVolesedelenimnonse
vullu
ptatestteleivenimirilanor
8)AnnemNumesedtatloreesste
commodtatisilortisimettesedtie
9)NulleVolesedelenimnonsevul-
luptatlorsieteafaciautemeanos
4
3
5
6
7
8
9
Th
enarrativebeginsbeautifully
withbothheadlineandsubhead
in
thesametypeface.Notethat
th
esubheadrunsinwiththetext.
Th
isattractivedetailrequires
ad
justmentsan-seriftypeusua
lly
ha
sagreaterx-heightthanserif
type,soitspointsizemustbe
re
duceduntilitlinesup(above).
oveParkoffers
Sametypeface
12pt
15pt
Aboveleft,thepanel-widthcolumnyieldsanarrative-stylelook,
whileontherigh
t,thenarrowlistinglookslikeadirectory.
xheight
Sametypeface
-
7/29/2019 Before and After 0602
14/16
Before&After|www.ba
magazine.com
3of5
Peekaboobr
ochure0602
0602Peekaboobroc
hureTwopeekaboos
Threepanelwidthsyieldtwopeekaboos,w
hichserveasatinytableofcontents.
Insidecanbesimil
arproductsasshownhe
reordifferentproducts.
Noone
willreallynoticethatitsjustonesheetofpaperitlooks
andact
slikemuchmore.
K1200RS
K1200S
2005BMW
M
OTORCYCLES
www.bmw-motorrad.com
K1200S
20
05BMW
MOTOR
CYCLES
www.bm
w-motorrad.com
K1200RS
Mickey
Grove
Park
BIRDWATCHINGGUIDE2005
Theyrealsolookingatyou
Legal-sizepage(14x812)
Eightpanels(fourperside)
Accordionfold
One,half-inchreveal(panel1)
Template,onepee
kaboo
318
358
35
8
358
14
1
2
3
4
2
1
4
812
-
7/29/2019 Before and After 0602
15/16
Before&After|www.ba
magazine.com
4of5
Peekaboobr
ochure0602
0602Peekaboobroc
hure
K1200RS
K1200S
2005BMW
MOTORCYCLES
www.bmw-motorrad.com
Legal-sizepage(14x812)
Eightpanels(fourpersid
e)
Accordionfold
Two,half-inchreveals(notepanels1and4)
3
312
312
4
14
812
1
2
3
4
4
2
Layout
Repetition
andscale
arekeytothishandsomedesigntwomotorc
ycles,twoviews
each,twoparagrap
hsoftext,allthesames
izeinthesameplaceon
bothpages.
Givingthisbrochureitsunusually
cle
anappearanceareitshighco
n-
tra
stsofscaleonemotorcycle
is
muchlargerthantheother.Sucha
largedifferencehastwobenets:
Itestablishesaclearhierarchy,and
itkeepstheimagesvisuallyapa
rt
im
agesoftoo-similarsizetendt
o
g
htforthereaderseye.Notet
hat
thelargesideviewsarestraight-
on
,detailedandmeanttobeexam-
ined,whilethesmallviewsare
an
gled,casualandmeanttobefelt.
Th
isisastorytellingcontrast.
Therepetitiveformat
onepageexactlyliketheotherallowstheeyeto
fallintoaneasy,page-by-pagerhythm.Thisisanexcellentwaytopresent
smallquantitiesofsim
ilarproducts.
Notethe
alignment
-
7/29/2019 Before and After 0602
16/16
Before&After|www.ba
magazine.com
5of5
Peekaboobr
ochure0602
0602Peekaboobrochure
Typefaces
1(ad)ITCMotterCorpus|a)30/28
pt,
b
)10/12pt,c)28pt,d)12/18pt
2U
topiaSemibold|12pt
3(
ab)UtopiaRegular|a)15/18pt,
b
)10/13.5pt
4U
topiaItalic|10/13.5pt
5U
topiaBlack|10/13.5pt
6H
elveticaNeueLight|24/26pt
7H
elveticaNeueHeavy|24/26pt
8H
elveticaNeueBold|10/14pt
9H
elveticaNeueLight|10/14pt
Im
ages
10
(ak)Photos.com
11
(ae)BMWofNorthAmerica,LLC
Articleresources
1a
12
1
3
1b
1c1d
2
4
5
3b
66
6 7
8
9
10a
10b 10c
10d
10e
10f
10g
10h
10i
10j
10k
11a
11b
11c
1
1d
11e
14
15
16
17
18
3a
Colors
C1M2Y5K0
C5M15Y35K0
C0M0Y100K70
C0M90Y100K5
C6M5Y4K0
C29M22Y26K0
C0M0Y0K68
12
13
14
15
16
17
18
Before&Aftermag
azine
Before&Afterhasbee
nsharingitspracticalapproach
tographicdesignsince1990.Becauseourmodernworld
hasmadedesignersofusall(readyornot),Before&
Afterisdedicatedtom
akinggraphicdesignunderstand
-
able,usefulandevenfunforeveryone.
JohnMcWadePublis
herandcreativedirector
GayeMcWadeAssoc
iatepublisher
VincentPascualSta
ffdesigner
DexterMarkAbelle
raStaffdesigner
EditorialboardGwen
Amos,CarlWinther
Before&Aftermag
azine
323LincolnStreet,Roseville,CA95678
Telephone916-784-3880
Fax916-784-3995
E-mailmailbox@bama
gazine.com
wwwhttp://www.bam
agazine.com
Copyright2005Be
fore&Aftermagazine,ISSN
1049-0035.Allrightsreserved
Youmaypassthisarticlearound,butyoumaynotalter
it,andyoumaynotch
argeforit.Youmayquotebrief
sectionsforreview.Ifyoudothis,pleasecreditBefore
&Aftermagazine,and
letusknow.Tofeaturefree
Before&Afterarticles
onyourWebsite,pleasecontact
us.Forpermissiontoincludeallorpartofthisarticlein
anotherwork,pleasecontactus.
SubscribetoBefore
&After
Didyouenjoythisartic
le?Subscribe,and
becomeamorecapable,condentdesigner
forpenniesperarticle.
Tolearnmore,goto
http://www.bamagazine.com/Subscribe
E-mailthisarticle
Topassalongafreecopyofthisarticleto
others,clickhere.
Joinoure-list
Tobenotiedbye-mailofnewarticlesas
theybecomeavailable,goto
http://www.bamagazine.com/email