before and after 0602

Upload: dsnv

Post on 14-Apr-2018

218 views

Category:

Documents


0 download

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