Before&After BAmagazine.com ® i U X One- Line Design Make expressive designs easily and quickly with just a line Continued Continued One-line design 0621 Before&After BAmagazine.com ® i U X One-line design It can look classy, it can look festive, and it’s always inexpensive Here are nine easy ways to make good designs with just a line T There you are, shopping again at Banana Republic, when beside the cash register this credit-card application catches your eye How did it it?—it’s basically just a black page Its strength is in its simplicity—one powerful color, one line of text, one familiar shape That’s all it takes; anything more— photos, graphics, borders and so on—would weaken it What’s nice for the designer is that this technique is so easy Have a look AUTHORIZED SIGNATURE - NOT VALID UNLESS SIGNED By using this card, the holder agrees to all terms and/or agreement under which it was issued or as may be amended from time to time THE BANANA REPUBLIC CARD To protect your account, not write your Personal Identification THE BANANA REPUBLIC CARD Number (PIN) on this card This card belongs to the issuing institution and must be surrendered upon demand Simple, low key, effective A credit-card-size rectangle is all it takes to convey exactly what’s inside (if you miss it, the word card backs it up) Black card color extends to fill the cover powerfully of One-line design 0621 Before&After ® One-line design i U X BAmagazine.com of MAPLE WOODS NATURAL AREA Diana’s Gladstone Parks Department HAIRST YLES P.O Box 16819, 5510 N Holmes, Gladstone, MO 64188, 816-123-4567 Start by tracing Many images can be traced with the pen Use a dingbat Not handy with the pen tool? tool; all you need is a clear outline, which you’ll find in stand-alone objects (above) or as part of larger images Dingbat fonts are full of interesting images; just convert to outlines, and adjust the line weight Emphasize leaf or name (Above) On a middle-value background like the green, both white and black type show equally well; the leaf, with reduced opacity, recedes (Right) Translucent name recedes; white leaf comes forward Value difference creates depth (Right) On a dark field, the lightest object will always come forward even when it’s smaller in size, (lower right) MAPLE WOODS NATURAL AREA of One-line design 0621 Before&After ® One-line design WR City Tours San Francisco Use letterforms as art Letters can more than just make words—at large sizes, they can be used as artwork Find a beautiful typeface, set it BIG, and convert to outlines Eliminate conflict To keep overlapping lines from clashing (right, top), reduce the opacity of the less detailed one, in this case the outline (bottom) i U X BAmagazine.com of WINE & ROSES Trace part of an image When working with a more detailed image, find its most descriptive edge; here, it’s the skyline The line technique is a great way to get value from blurry or otherwise unusable photos Draw a single line (Above) A single line sends a clear message; tracing the other lines (right) adds complexity and turns design into a mere effect WINE & ROSES of One-line design 0621 Before&After ® One-line design BAmagazine.com of i U X SAINT LOUIS, MISSOURI GATEWAY ARCH RiverFRONT SIGHTSEEING | FINE RESTAURANTS | LIVELY NIGHT LIFE | FAMILY ACTIVITIES Crop an image It’s not necessary to show a whole image to convey what it is, especially if it’s an iconic shape like Gateway Arch in St Louis Examine your image, determine its most descriptive line, and crop out the rest Crop for clarity Because the one-line technique eliminates details such as color and texture, concentrate on contours In this simple example (right), it’s the curve that tells the reader this is an arch ❄ You’re invited to a Christmas Party Repeat an object Get more out of your image by repeating it several times Create difference and depth by rotating, changing size, or applying a unique color to each Create distance (A) Same-size and value objects have no depth (B) Shrink one, and it appers to be further away (C) Reduce its opacity, and it recedes even further A B of C One-line design 0621 Before&After ® One-line design of Embellish a line Every line, whether fat or thin, curved or jagged, communicates a feeling Here, exaggerate the smooth line to convey hotness and excitement Exaggerate the line Both silhouettes (right) say pepper However, to convey the feeling of what it’s like to eat one of these, a more animated, jagged line is an appropriate choice Mild & calm Hot & excited BAmagazine.com i U X Draw only the shadow side Another way to convey dimension is to outline only an object’s shadow, which creates the illusion of light Lighting angle is key The key in determining the ideal shadow is when it becomes very descriptive Note, right, how the light source from 45° above describes the H better than straight from the side of One-line design 0621 Before&After BAmagazine.com of One-line design ® i U X Article resources Typefaces Colors Centaur MT | 12 pt 13 C30 M15 Y100 K60 (a–b) Vectora Roman | a) pt b) 8.5 pt 14 C30 M15 Y100 K40 Baileywick Happy Grams | 82 pt 15 C30 M15 Y100 K5 Avenir Medium | 6.5 pt MAPLE WOODS NATURAL AREA Diana’s HAIRST YLES Gladstone Parks Department P.O Box 16819, 5510 N Holmes, Gladstone, MO 64188, 816-123-4567 Adobe Jenson Light | 202 pt 17 C0 M0 Y0 K22 (a–b) Adobe Jenson Semi Bold a) 16 pt, b) 9.5 pt 18 C15 M80 Y0 K5 Adobe Wood Type Ornaments | 22 pt 19 C30 M20 Y50 K0 Coronet Bold | 13 pt 13 14 15 2a 2b 16 17 11 16 C0 M0 Y0 K100 Bickham Script MM | 30 pt 10 Broadway D | 11 pt 20 C25 M90 Y95 K25 21 C0 M35 Y100 K7 Images 11 Photos.com WINE & ROSES 12 iStockphoto.com SAN LUIS OBISPO ’S MOST ROMANTIC LOCATION 18 19 7a 7b 20 21 10 12 of One-line design 0621 Before&After One-line design ® BAmagazine.com of i U X Article resources Typefaces Colors Futura Medium | 10.5 pt 13 SAINT LOUIS, MISSOURI GATEWAY ARCH RiverFRONT You’re invited to a Christmas Party SIGHTSEEING | FINE RESTAURANTS | LIVELY NIGHT LIFE | FAMILY ACTIVITIES 16 13 C70 M38 Y5 K12 Aldous Vertical | 48/18 pt 14 C3 M3 Y40 K0 Verdana | 8.5 pt Vectora Bold | 14 pt 15 C0 M0 Y0 K60 Atlas | 26 pt 14 17 ITC Zapf Dingbats Medium (Set in various sizes and tints) 15 18 (a–b) Salsa | a) 28 pt, b) 16 pt 16 C0 M100 Y80 K15 17 C65 M40 Y0 K0 18 C50 M0 Y90 K20 (a–b) ITC Franklin Gothic Heavy a) pt, b) 11 pt 12a 12b 12c 12d 19 C0 M100 Y100 K0 ITC Franklin Gothic Medium | 5.5/10 pt 10 Texas Hero | 148 pt 22 23 21 C0 M30 Y90 K0 11 (a–c) Baskerville | a) 16 pt b) 17.5/9 pt, c) 17.5 pt 22 C25 M80 Y95 K45 24 12e HOT SAUCE RECIPES Milk please! A comprehensive guide to over 200 hot sauce recipes around the world, with detailed profiles and heat levels, plus funny stories about the makers 12f Kitchen THE SIMPLE LIVING SERIES The Complete Illustrated reference to the ingredients, equipment, terms, and techniques used in the kitchen By Angela Payne BY MARIBELA GONZALES 25 Images 26 12 (a–f) iStockphoto.com | e f 20 C0 M65 Y100 K0 23 C0 M20 Y30 K60 a b c d 24 C40 M35 Y65 K25 25 C0 M20 Y32 K58 26 C1 M2 Y3 K0 19 20 21 7a 8a 8b 7b 10 11a 11b 11c of One-line design 0621 Before&After ® One-line design i U X BAmagazine.com of Do you know someone who would enjoy this article? E-mail it to them! Send Subscribe to Before & After Did you learn from this article? Subscribe, and become a more capable, confident designer for pennies per article To learn more, go to http://www.bamagazine.com/Subscribe Close 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 Design advisor Gwen Amos 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 of | Printing formats One-line design 0621 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–9) For paper-saver format Print: (Specify pages 11–15) Print Format: Landscape Page Size: Fit to Page Save Presentation format or Paper-saver format Back | Paper-saver format One- AUTHORIZED SIGNATURE - NOT VALID UNLESS SIGNED By using this card, the holder agrees to all terms and/or agreement under which it was issued or as may be amended from time to time and must be surrendered upon demand To protect your account, not write your Personal Identification THE BANANA REPUBLIC CARD Number (PIN) on this card This card belongs to the issuing institution Simple, low key, effective A credit-card-size rectangle is all it takes to convey exactly what’s inside (if you miss it, the word card backs it up) Black card color extends to fill the cover powerfully One-line design 0621 of Before&After | www.bamagazine.com THE BANANA REPUBLIC CARD Make expressive designs easily and quickly with just a line Design Line T There you are, shopping again at Banana Republic, when beside the cash register this credit-card application catches your eye How did it it?—it’s basically just a black page Its strength is in its simplicity—one powerful color, one line of text, one familiar shape That’s all it takes; anything more— photos, graphics, borders and so on—would weaken it What’s nice for the designer is that this technique is so easy Have a look 0621 One-line design MAPLE WOODS NATURAL AREA HAIRST YLES Diana’s Use a dingbat Not handy with the pen tool? Dingbat fonts are full of interesting images; just convert to outlines, and adjust the line weight Value difference creates depth (Right) On a dark field, the lightest object will always come forward even when it’s smaller in size, (lower right) City Tours San Francisco Trace part of an image When working with a more detailed image, find its most descriptive edge; here, it’s the skyline The line technique is a great way to get value from blurry or otherwise unusable photos Draw a single line (Above) A single line sends a clear message; tracing the other lines (right) adds complexity and turns design into a mere effect One-line design 0621 Gladstone Parks Department P.O Box 16819, 5510 N Holmes, Gladstone, MO 64188, 816-123-4567 MAPLE WOODS NATURAL AREA Start by tracing Many images can be traced with the pen tool; all you need is a clear outline, which you’ll find in stand-alone objects (above) or as part of larger images Emphasize leaf or name (Above) On a middle-value background like the green, both white and black type show equally well; the leaf, with reduced opacity, recedes (Right) Translucent name recedes; white leaf comes forward WR of Before&After | www.bamagazine.com WINE & ROSES WINE & ROSES Use letterforms as art Letters can more than just make words—at large sizes, they can be used as artwork Find a beautiful typeface, set it BIG, and convert to outlines Eliminate conflict To keep overlapping lines from clashing (right, top), reduce the opacity of the less detailed one, in this case the outline (bottom) 0621 One-line design SAINT LOUIS, MISSOURI Hot & excited of ❄ You’re invited to a Christmas Party Repeat an object Get more out of your image by repeating it several times Create difference and depth by rotating, changing size, or applying a unique color to each B C Create distance (A) Same-size and value objects have no depth (B) Shrink one, and it appers to be further away (C) Reduce its opacity, and it recedes even further A One-line design Draw only the shadow side Another way to convey dimension is to outline only an object’s shadow, which creates the illusion of light Lighting angle is key The key in determining the ideal shadow is when it becomes very descriptive Note, right, how the light source from 45° above describes the H better than straight from the side Before&After | www.bamagazine.com 0621 GATEWAY ARCH RiverFRONT SIGHTSEEING | FINE RESTAURANTS | LIVELY NIGHT LIFE | FAMILY ACTIVITIES Crop an image It’s not necessary to show a whole image to convey what it is, especially if it’s an iconic shape like Gateway Arch in St Louis Examine your image, determine its most descriptive line, and crop out the rest Crop for clarity Because the one-line technique eliminates details such as color and texture, concentrate on contours In this simple example (right), it’s the curve that tells the reader this is an arch Mild & calm Embellish a line Every line, whether fat or thin, curved or jagged, communicates a feeling Here, exaggerate the smooth line to convey hotness and excitement Exaggerate the line Both silhouettes (right) say pepper However, to convey the feeling of what it’s like to eat one of these, a more animated, jagged line is an appropriate choice 0621 One-line design 20 21 11 Article resources MAPLE WOODS NATURAL AREA Gladstone Parks Department 7b Article resources 2a 2b P.O Box 16819, 5510 N Holmes, Gladstone, MO 64188, 816-123-4567 13 14 15 WINE & ROSES 7a SAN LUIS OBISPO ’S MOST ROMANTIC LOCATION 18 19 SAINT LOUIS, MISSOURI GATEWAY ARCH RiverFRONT SIGHTSEEING | FINE RESTAURANTS | LIVELY NIGHT LIFE | FAMILY ACTIVITIES HAIRST YLES 12 Diana’s 16 17 10 You’re invited to a Christmas Party 16 23 Typefaces Centaur MT | 12 pt (a–b) Vectora Roman | a) pt b) 8.5 pt Baileywick Happy Grams | 82 pt Avenir Medium | 6.5 pt Bickham Script MM | 30 pt Adobe Jenson Light | 202 pt (a–b) Adobe Jenson Semi Bold a) 16 pt, b) 9.5 pt Adobe Wood Type Ornaments | 22 pt Coronet Bold | 13 pt 10 Broadway D | 11 pt Images 12 iStockphoto.com 11 Photos.com Typefaces Futura Medium | 10.5 pt Aldous Vertical | 48/18 pt Verdana | 8.5 pt Vectora Bold | 14 pt Atlas | 26 pt ITC Zapf Dingbats Medium (Set in various sizes and tints) (a–b) Salsa | a) 28 pt, b) 16 pt (a–b) ITC Franklin Gothic Heavy a) pt, b) 11 pt ITC Franklin Gothic Medium | 5.5/10 pt 10 Texas Hero | 148 pt a b c d 11 (a–c) Baskerville | a) 16 pt b) 17.5/9 pt, c) 17.5 pt Images 24 26 25 12 (a–f) iStockphoto.com | e f Colors 13 C30 M15 Y100 K60 14 C30 M15 Y100 K40 15 C30 M15 Y100 K5 16 C0 M0 Y0 K100 17 C0 M0 Y0 K22 18 C15 M80 Y0 K5 19 C30 M20 Y50 K0 20 C25 M90 Y95 K25 21 C0 M35 Y100 K7 13 C70 M38 Y5 K12 Colors 14 C3 M3 Y40 K0 15 C0 M0 Y0 K60 16 C0 M100 Y80 K15 17 C65 M40 Y0 K0 18 C50 M0 Y90 K20 19 C0 M100 Y100 K0 20 C0 M65 Y100 K0 21 C0 M30 Y90 K0 22 C25 M80 Y95 K45 23 C0 M20 Y30 K60 24 C40 M35 Y65 K25 25 C0 M20 Y32 K58 26 C1 M2 Y3 K0 One-line design 0621 13 By Angela Payne of Before&After | www.bamagazine.com 10 11a 11b 11c 22 17 THE SIMPLE LIVING SERIES Kitchen 14 12f 18 12a 12b 12c 12d RECIPES Milk please! A comprehensive guide to over 200 hot sauce reci- HOT SAUCE BY MARIBELA GONZALES funny stories about the makers 7b pes around the world, with detailed profiles and heat levels, plus 7a 8a 8b The Complete Illustrated reference to the ingredients, equipment, terms, and techniques used in the kitchen 15 12e 19 20 21 0621 One-line design 0621 One-line design Subscribe to Before & After 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 John McWade Publisher and creative director Gaye McWade Associate publisher Vincent Pascual Staff designer Dexter Mark Abellera Staff designer Design advisor Gwen Amos 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 One-line design 0621 Did you learn from 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 http://www.bamagazine.com/email they become available, go to of Before&After | www.bamagazine.com [...]... key, effective A credit-card-size rectangle is all it takes to convey exactly what’s inside (if you miss it, the word card backs it up) Black card color extends to fill the cover powerfully One -line design 0621 1 of 5 Before&After | www.bamagazine.com THE BANANA REPUBLIC CARD Make expressive designs easily and quickly with just a line Design Line T There you are, shopping again at Banana Republic, when... MAPLE WOODS NATURAL AREA 1 Start by tracing Many images can be traced with the pen tool; all you need is a clear outline, which you’ll find in stand-alone objects (above) or as part of larger images Emphasize leaf or name (Above) On a middle-value background like the green, both white and black type show equally well; the leaf, with reduced opacity, recedes (Right) Translucent name recedes; white leaf... NATURAL AREA HAIRST YLES Diana’s 2 Use a dingbat Not handy with the pen tool? Dingbat fonts are full of interesting images; just convert to outlines, and adjust the line weight Value difference creates depth (Right) On a dark field, the lightest object will always come forward even when it’s smaller in size, (lower right) City Tours San Francisco 4 Trace part of an image When working with a more detailed... everyone John McWade Publisher and creative director Gaye McWade Associate publisher Vincent Pascual Staff designer Dexter Mark Abellera Staff designer Design advisor Gwen Amos 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... One -line design SAINT LOUIS, MISSOURI Hot & excited 3 of 5 ❄ You’re invited to a Christmas Party 6 Repeat an object Get more out of your image by repeating it several times Create difference and depth by rotating, changing size, or applying a unique color to each B C Create distance (A) Same-size and value objects have no depth (B) Shrink one, and it appers to be further away (C) Reduce its opacity,... cash register this credit-card application catches your eye How did it do it?—it’s basically just a black page Its strength is in its simplicity—one powerful color, one line of text, one familiar shape That’s all it takes; anything more— photos, graphics, borders and so on—would weaken it What’s nice for the designer is that this technique is so easy Have a look 0621 One -line design MAPLE WOODS NATURAL... www.bamagazine.com 0621 GATEWAY ARCH RiverFRONT SIGHTSEEING | FINE RESTAURANTS | LIVELY NIGHT LIFE | FAMILY ACTIVITIES 5 Crop an image It’s not necessary to show a whole image to convey what it is, especially if it’s an iconic shape like Gateway Arch in St Louis Examine your image, determine its most descriptive line, and crop out the rest Crop for clarity Because the one -line technique eliminates details... comes forward WR 2 of 5 Before&After | www.bamagazine.com WINE & ROSES WINE & ROSES 3 Use letterforms as art Letters can do more than just make words—at large sizes, they can be used as artwork Find a beautiful typeface, set it BIG, and convert to outlines Eliminate conflict To keep overlapping lines from clashing (right, top), reduce the opacity of the less detailed one, in this case the outline (bottom)... from 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 http://www.bamagazine.com/email they become available, go to 5 of 5 Before&After | www.bamagazine.com... it’s like to eat one of these, a more animated, jagged line is an appropriate choice 0621 One -line design 1 2 20 21 11 Article resources MAPLE WOODS NATURAL AREA Gladstone Parks Department 7b Article resources 6 2a 2b P.O Box 16819, 5510 N Holmes, Gladstone, MO 64188, 816-123-4567 13 14 15 1 WINE & ROSES 7a 8 SAN LUIS OBISPO ’S MOST ROMANTIC LOCATION 18 19 SAINT LOUIS, MISSOURI GATEWAY ARCH RiverFRONT