Before&After BAmagazine.com ® i U X Design a peekaboo brochure Transform a plain sheet of paper into an engaging brochure by offsetting the folds Continued Continued Peekaboo brochure 0602 Before&After BAmagazine.com ® i U X Design a peekaboo brochure Transform a plain sheet of paper into an engaging brochure by offsetting the folds Mickey Grove Park BIRD WATCHING GUIDE 2005 They’re also looking at you Mic Grokey Par ve k BIR DW ATC They HING G ’re a lso lo UIDE 20 okin g at you 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 of 10 Peekaboo brochure 0602 Before&After ® Peekaboo brochure BAmagazine.com of 10 i U X Layout Once 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 Mickey Grove Park BIRD WATCHING GUIDE 2005 They’re also looking at you Dark half Light half of 10 Peekaboo brochure 0602 Before&After Peekaboo brochure ® BAmagazine.com of 10 i U X 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 Same typeface Hidden Sanc Same typeface x height ove Park 12 pt offers 15 pt 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) The Hidden Sanctuary Mickey 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 volore molore tet luptatue molor autem doloibor illa adipis ette luv nor euipit Quam eugait iril ut wis torenulla consecte estrud elisit lum vulland 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 veraesenim quam, quis alit is veraestrud tem duis ate vel dolorerit venimi nos 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 feuisisit elit, consed ea faciliq 1) Peckerwood Euguerilisi lorem el enit, quismolor sustio dolorer 2) Owl Magniam comole ismodol repercinisis ercil il dit, 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 For more information, please call Lodi Parks & Recreation at 209-367-1811 Quam eugait irl ut wis nulla consecte estrud elisit lum vulland onul 9) Nulle Volese delenim nonse vullup tatlor si et ea faci autem ea nos Above left, the panel-width column yields a narrative-style look, while on the right, the narrow listing looks like a directory of 10 Peekaboo brochure 0602 Before&After ® BAmagazine.com of 10 Peekaboo brochure i U X Template, one peekaboo Legal-size page (14” x 81⁄ 2”) Eight panels (four per side) Accordion fold One, half-inch reveal (panel 1) 14” Mickey Grove Park BIRD WATCHING GUIDE 2005 They’re also looking at you 1⁄ 2” 1⁄ 8” 5⁄ 8” 5⁄ 8” 5⁄ 8” of 10 Peekaboo brochure 0602 Before&After ® of 10 Peekaboo brochure BAmagazine.com i U X 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 MOT 2005 BM ORC W YCLE www S bm w-m otorr K 1200 RS K 1200 S www.bmw-motorrad.com K 1200 RS K 1200 S 2005 BMW MOTORCYCLES ad.c om No one will really notice that it’s just one sheet of paper— it looks and acts like much more of 10 Peekaboo brochure 0602 Before&After ® Peekaboo brochure of 10 BAmagazine.com i U X Layout Repetition 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 contrasts 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 Note the alignment 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 of 10 Peekaboo brochure 0602 Before&After ® Peekaboo brochure BAmagazine.com of 10 i U X Template, two peekaboos Legal-size page (14” x 81 ⁄ 2”) Eight panels (four per side) Accordion fold Two, half-inch reveals (note panels and 4) 14” www.bmw-motorrad.com K 1200 RS K 1200 S 2005 BMW MOTORCYCLES 1⁄ 2” 3” 1⁄ 2” 1⁄ 2” 4” of 10 Peekaboo brochure 0602 Before&After ® Peekaboo brochure BAmagazine.com of 10 i U X Article resources 14 15 10f Typefaces 10g 10h 1c 1d 3a 12 10 c 10 i 10a 10 j 1a 1b 10 b Colors (a–d) ITC Motter Corpus | a) 30/28 pt, b) 10/12 pt, c) 28 pt, d) 12/18 pt 12 C1 M2 Y5 K0 Utopia Semibold | 12 pt 13 C5 M15 Y35 K0 (a–b) Utopia Regular | a) 15/18 pt, b) 10/13.5 pt 14 C0 M0 Y100 K70 Utopia Italic | 10/13.5 pt 15 C0 M90 Y100 K5 Utopia Black | 10/13.5 pt (a–c) Helvetica Neue Light a) 24/26 pt, b) 12 pt, c) 10/14 pt 13 10 b 3b 10d 10 e Helvetica Neue Heavy | 24/26 pt Helvetica Neue Bold | 10/14 pt 11b 11a 16 Images 11e 10 (a–k) Photos.com a b c d e f g h i 16 C6 M5 Y4 K0 17 C29 M22 Y26 K0 18 C0 M0 Y0 K68 j 11 (a–e) BMW of North America, LLC 6a 6b 6a 17 18 11c 6c 11d of 10 Peekaboo brochure 0602 Before&After ® Peekaboo brochure BAmagazine.com 10 of 10 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 i U X 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 understandable, useful and even fun for everyone To pass along a free copy of this article to John McWade Publisher and creative director Gaye McWade Associate publisher Vincent Pascual Staff designer Dexter Mark Abellera Staff designer others, click here Editorial board Gwen Amos, Carl Winther E-mail this article 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 magazine 323 Lincoln Street, Roseville, CA 95678 Telephone 916-784-3880 Fax 916-784-3995 E-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 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 10 of 10 | Printing formats Peekaboo brochure 0602 Before&After BAmagazine.com ® i U X 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 For presentation format Print: (Specify pages 1–10) For paper-saver format Print: (Specify pages 12–16) Print Format: Landscape Page Size: Fit to Page Save Presentation format or Paper-saver format Back | Paper-saver format Design a Transform a plain sheet of paper into an engaging brochure by offsetting the folds Continued peekaboo brochure TC WA Mic Grokey Par ve k They HING G ’re al so lo UIDE 20 okin g at you BIR D Peekaboo brochure 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 of Before&After | www.bamagazine.com 0602 BIRD WATCHING GUIDE 2005 Mickey Grove Park They’re also looking at you 0602 Peekaboo brochure Layout Light half Same typeface Bird Watching Guide 2005 0602 Dark half Once 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 They’re also looking at you BIRD WATCHING GUIDE 2005 Mickey Grove Park Type The Hidden Sanctuary Mickey 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 volore molore tet luptatue molor autem doloibor illa adipis ette luv nor euipit Cover image Orper adip eu feuisisit elit, consed ea faciliq Loreet, susto et laore minisi tet iustrud moloreros nulluptat Duisim alit augait vulla feummy nisi te elestrud modiam el etue magna core tem at 1) Peckerwood Euguerilisi lorem el enit, quismolor sustio dolorer 2) Owl Magniam comole ismodol repercinisis ercil il dit, 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 vullup tatlor si et ea faci autem ea nos Peekaboo brochure 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 Same typeface offers 15 pt Quam eugait iril ut wis torenulla consecte estrud elisit lum vulland 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 veraesenim quam, quis alit is veraestrud tem 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 Above left, the panel-width column yields a narrative-style look, while on the right, the narrow listing looks like a directory of Before&After | www.bamagazine.com Hidden Sanc x height ove Park 12 pt 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) 0602 Peekaboo brochure Mickey Grove Park Template, one peekaboo 5⁄ 8” 5⁄ 8” Legal-size page (14” x 81⁄ 2”) Eight panels (four per side) Accordion fold One, half-inch reveal (panel 1) 5⁄ 8” 14” 1⁄ 8” 2 K 1200 RS K 1200 S Peekaboo brochure 0602 They’re also looking at you BIRD WATCHING GUIDE 2005 1⁄ 2” Two peekaboos m d.co otorra M 2005 O T ORC BMW YCLE S -m www bmw of Before&After | www.bamagazine.com No one will really notice that it’s just one sheet of paper— it looks and acts like much more 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 2005 BMW MOTORCYCLES www.bmw-motorrad.com 0602 Peekaboo brochure K 1200 RS K 1200 S Layout Repetition 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 contrasts 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 straighton, detailed and meant to be examined, while the small views are angled, casual and meant to be felt This is a storytelling contrast 1⁄ 2” 3 1⁄ 2” 4” Note the alignment K 1200 RS K 1200 S Peekaboo brochure 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 Legal-size page (14” x 81 ⁄ 2”) Eight panels (four per side) Accordion fold Two, half-inch reveals (note panels and 4) 3” 14” of Before&After | www.bamagazine.com 0602 www.bmw-motorrad.com 2005 BMW MOTORCYCLES 1⁄ 2” 0602 Peekaboo brochure 10a 18 1c 1d 3a 10c 10b 13 11b 10d 3b 11d 10g Article resources 14 15 11c 10h 10e Subscribe to Before & After 10i 10f 12 10j 10k 16 11e 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 (a–d) ITC Motter Corpus | a) 30/28 pt, b) 10/12 pt, c) 28 pt, d) 12/18 pt 14 C0 M0 Y100 K70 13 C5 M15 Y35 K0 12 C1 M2 Y5 K0 Colors Utopia Semibold | 12 pt 15 C0 M90 Y100 K5 Typefaces (a–b) Utopia Regular | a) 15/18 pt, b) 10/13.5 pt 18 C0 M0 Y0 K68 17 C29 M22 Y26 K0 16 C6 M5 Y4 K0 Utopia Italic | 10/13.5 pt Utopia Black | 10/13.5 pt Helvetica Neue Heavy | 24/26 pt Helvetica Neue Light | 24/26 pt Helvetica Neue Bold | 10/14 pt Helvetica Neue Light | 10/14 pt Images 10 (a–k) Photos.com Peekaboo brochure 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 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 Copyright ©2005 Before & After magazine, ISSN 1049-0035 All rights reserved Before & After magazine 323 Lincoln Street, Roseville, CA 95678 Telephone 916-784-3880 Fax 916-784-3995 E-mail mailbox@bamagazine.com www http://www.bamagazine.com Editorial board Gwen Amos, Carl Winther John McWade Publisher and creative director Gaye McWade Associate publisher Vincent Pascual Staff designer Dexter Mark Abellera Staff designer 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 understandable, useful and even fun for everyone 11 (a–e) BMW of North America, LLC of Before&After | www.bamagazine.com 0602 1a 1b 11a 6 17 0602 Peekaboo brochure [...]... Roseville, CA 95678 Telephone 916-784-3880 Fax 916-784-3995 E-mail mailbox@bamagazine.com www http://www.bamagazine.com Editorial board Gwen Amos, Carl Winther John McWade Publisher and creative director Gaye McWade Associate publisher Vincent Pascual Staff designer Dexter Mark Abellera Staff designer Before & After magazine Before & After has been sharing its practical approach to graphic design since... 1–10) For paper-saver format Print: (Specify pages 12–16) Print Format: Landscape Page Size: Fit to Page Save Presentation format or Paper-saver format Back | Paper-saver format Design a Transform a plain sheet of paper into an engaging brochure by offsetting the folds Continued peekaboo brochure TC WA Mic Grokey Par ve k They HING G ’re al so lo UIDE 20 okin 0 g at 5 you BIR D Peekaboo brochure. .. contrasts 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 straighton, detailed and meant to be examined, while the small views are angled, casual and meant to be felt This is a storytelling... 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 1 of 5 Before&After | www.bamagazine.com 0602 BIRD WATCHING GUIDE 2005 Mickey Grove Park 1 They’re also looking at you 0602 Peekaboo brochure Layout Light half Same typeface 3 Bird Watching Guide 2005 8 6 4 9 7 5 0602 Dark half Once... as a tiny table of contents Inside can be similar products as shown here or different products 2005 BMW MOTORCYCLES www.bmw-motorrad.com 0602 Peekaboo brochure K 1200 RS K 1200 S Layout Repetition 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... information, please call Lodi Parks & Recreation at 209-367-1811 Quam eugait irl ut wis nulla consecte estrud elisit lum vulland onul Above left, the panel-width column yields a narrative-style look, while on the right, the narrow listing looks like a directory 2 of 5 Before&After | www.bamagazine.com Hidden Sanc x height ove Park 12 pt The narrative begins beautifully with both headline and subhead in... 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 They’re also looking at you BIRD WATCHING GUIDE 2005 Mickey Grove Park Type The Hidden Sanctuary Mickey Grove Park offers an abundant dio as enisisl ea conummy nos nostrud euissectem to en iustio dit aliqui euipsusting enndreril ut lorper iriliquam inci... 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) 0602 Peekaboo brochure Mickey Grove Park Template, one peekaboo 3 5⁄ 8” 4 3 5⁄ 8” Legal-size page (14” x 81⁄ 2”) Eight panels (four per side) Accordion fold One, half-inch... storytelling contrast 3 1⁄ 2” 3 3 1⁄ 2” 4 4” 2 Note the alignment 4 K 1200 RS K 1200 S Peekaboo brochure 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 Legal-size page (14” x 81 ⁄ 2”) Eight panels (four per side) Accordion fold Two, half-inch reveals (note panels 1 and 4) 3”... 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 Copyright ©2005 Before & After magazine, ISSN 1049-0035 All rights reserved Before & After magazine