<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>Ideabook.com Tutorials</title>
    <link rel="alternate" type="text/html" href="http://www.ideabook.com/tutorials/" />
    <link rel="self" type="application/atom+xml" href="http://www.ideabook.com/tutorials/atom.xml" />
   <id>tag:www.ideabook.com,2010:/tutorials//4</id>
    <link rel="service.post" type="application/atom+xml" href="http://www.ideabook.com/cgi-bin/mt/mt-atom.cgi/weblog/blog_id=4" title="Ideabook.com Tutorials" />
    <updated>2010-07-22T16:25:45Z</updated>
    <subtitle>Graphic design tutorials on how-to design logos, brochures, websites, direct mail, and other types of marketing.</subtitle>
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type 4.2-en</generator>
 

<entry>
    <title>The assertive palette</title>
    <link rel="alternate" type="text/html" href="http://www.ideabook.com/tutorials/design_palettes/the_assertive_palette.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.ideabook.com/cgi-bin/mt/mt-atom.cgi/weblog/blog_id=4/entry_id=615" title="The assertive palette" />
    <id>tag:www.ideabook.com,2007:/tutorials//4.615</id>
    
    <published>2010-07-22T13:06:57Z</published>
    <updated>2010-07-22T16:25:45Z</updated>
    
    <summary>Some design palettes ease the reader into the subject with a combination of graceful type, muted color, and subtle imagery. The Assertive Palette is a bit more obvious. This combination of typefaces, colors, and illustrations is meant to strip away distractions and use visual contrast to highlight the key messages.</summary>
    <author>
        <name>chuck</name>
        <uri>http://www.ideabook.com</uri>
    </author>
    
        <category term="Design Palettes" />
    
    <content type="html" xml:lang="en" xml:base="http://www.ideabook.com/tutorials/">
        <![CDATA[<p>BY CHUCK GREEN A design palette is a mix of basic ingredients&mdash; typefaces, photographs, illustrations, and color schemes&mdash;that, in one designer's opinion (mine), represents a distinctive mood or style.</p>]]>
        <![CDATA[<p>My purpose here is to get beyond theory&mdash;to examine some of the fundamental elements and principles that make a specific design work. Though concepts such as white space, balance, and contrast are surely contributors, I will focus here on some of the countless informational and style decisions that go into a real-world layout. The elements that make people hear what you say and feel what you show.</p>

<p>Some design palettes ease the reader into the subject with a combination of graceful type, muted color, and subtle imagery. The assertive palette is a bit more obvious. This combination of typefaces, colors, and illustrations is meant to strip away distractions and use visual contrast to highlight the key messages.</p>

<p><img alt="ib_assertive_palette_01.jpg" src="http://www.ideabook.com/tutorials/images/ib_assertive_palette_01.jpg"></p>

<p><strong>The typefaces</strong></p>

<p>The primary typeface is Griffith Gothic&mdash;a clean, readable face with quiet strength. By that, I mean it does the job beautifully without dominating everything around it. </p>

<p>What makes it unique? The "G," the "r," and the "a" of Griffith Gothic Ultra show off the attributes that make this typeface so distinctive; in particular, the sharp edges and the interesting transitions of thick to thin. </p>

<p><img alt="ib_assertive_palette_02.jpg" src="http://www.ideabook.com/tutorials/images/ib_assertive_palette_02.jpg"></p>

<p>The body text is set in Myriad Condensed&mdash;a simple, elegant sans serif face that, at this size and weight, remains neutral. When you're packing a lot of information into a small space, neutral is good.</p>

<p>Variations in the color, size, spacing, and capitalization of the type are an important part of what is happening here. Mixing it up adds emphasis where it's needed and interest to the layout. </p>

<p>Sources: Griffith Gothic from Font Bureau, fontbureau.com; Myriad from adobe.com/type.</p>

<p><img alt="ib_assertive_palette_03.jpg" src="http://www.ideabook.com/tutorials/images/ib_assertive_palette_03.jpg"></p>

<p>To create a simple "text logo," type the words in Adobe Illustrator, convert it to outlines, then scale them to the same width. Overlay them on a square background and use colors from the palette to group the parts.</p>

<p align="center"><a href="http://www.ideabook.com/store.html"><img src="/store_images/ideabook_graphic_design_templates.gif" alt="Ideabook design store: templates, books, and tools for communications design" /></a></p>

<p><strong>The colors</strong></p>

<p>A full-color version of this piece would have an entirely different look and feel. Limiting the use of color quiets the visual noise and focuses attention on the straightforward concepts the photographs are meant to illustrate: for "community," the organization's headquarters; for "knowledge," a trainer in a classroom; and for "information," a picture of statistical data. </p>

<p><img alt="ib_assertive_palette_04.jpg" src="http://www.ideabook.com/tutorials/images/ib_assertive_palette_04.jpg"></p>

<p>Color is also a great way to organize information. Squint at the layout and you'll see that what pops out is the red&mdash;the headlines, the logo, and the incentive&mdash;all the primary points we chose to emphasize. </p>

<p align="center"><a href="http://www.ideabook.com/store.html"><img src="/store_images/ideabook_graphic_design_templates.gif" alt="Ideabook design store: templates, books, and tools for communications design" /></a></p>

<p><strong>The illustrations</strong></p>

<p>Layering images and color and adjusting layer opacity so you can see one layer through another makes the images more metaphorical than literal&mdash;more like magazine illustrations than newspaper photographs.</p>

<p><img alt="ib_assertive_palette_05.jpg" src="http://www.ideabook.com/tutorials/images/ib_assertive_palette_05.jpg"></p>

<p>That use of transparency combined with the sky and clouds background helps to create a sense of airiness and lightness. The horizontal stripe of images across the front and back panels keeps the eye moving.</p>

<p>Sources: Trainer from <i>Conferences &amp; Training</i> by Stockbyte  from fotosearch.com; light bulb by Comstock from fotosearch.com; statistical data, building, satellite dishes from istockphoto.com   </p>

<p>To recreate the illustrations, follow these steps:</p>

<p>Step 1: In Photoshop, create the blue in the Color Picker. Choose Image > Adjustments > Hue/Saturation, click Colorize, and increase the Saturation for a similar effect</p>

<p>Step 2: Duplicate that layer (above) and choose Select > All. Choose Filter > Blur > Radial Blur > and select Amount: 75, Method: Zoom, Quality: Good   </p>

<p>Step 3: On that same layer, circle (select) the primary subject of the image with the Elliptical Marque Tool. Choose Select > Feather; set Feather Radius to 75 pixels and choose Edit > Cut</p>

<p>Step 4: Create a third layer (above), make it solid blue, and reduce the Layer Opacity for a similar effect</p>

<p><strong>The layout</strong></p>

<p>This piece folds down to 9 by 3.75 inches to fit a #10 business envelope. Mail it along with a cover letter and invite the reader to fill in the business reply card, detach it, and mail it back to you postpaid.   </p>

<p><img alt="ib_assertive_palette_06.jpg" src="http://www.ideabook.com/tutorials/images/ib_assertive_palette_06.jpg"></p>

<p><strong>The details</strong></p>

<p>Whether a particular palette works or not is dependent, in large part, upon attention to detail. Subtle changes in size and color, the alignment of individual elements, the choice of images, and so on, is what takes it from good to great.    </p>

<p><img alt="ib_assertive_palette_07.jpg" src="http://www.ideabook.com/tutorials/images/ib_assertive_palette_07.jpg"></p>

<p>Notice how the design of the book and disc incorporates a similar palette? Extracting parts and pieces of one palette to create another results in two elements that are compatible but distinctive.   </p>

<p>Need to make your image more assertive? Find a part or portion of the photograph and bring it to the front. On side two of the mailer, the smallest dish was outlined, copied, overlaid, and set off the surface with a drop shadow.</p>

<p align="center"><a href="http://www.ideabook.com/store.html"><img src="/store_images/ideabook_graphic_design_templates.gif" alt="Ideabook design store: templates, books, and tools for communications design" /></a></p>

<p>This article originally appeared in the November/December issue of <i>Layers Magazine</i>.</p>]]>
    </content>
</entry>

<entry>
    <title>Punctuate with images</title>
    <link rel="alternate" type="text/html" href="http://www.ideabook.com/tutorials/illustrations/punctuate_with_images.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.ideabook.com/cgi-bin/mt/mt-atom.cgi/weblog/blog_id=4/entry_id=487" title="Punctuate with images" />
    <id>tag:www.pageplane.com,2006:/tutorials//4.487</id>
    
    <published>2010-06-09T14:50:00Z</published>
    <updated>2010-06-09T13:24:45Z</updated>
    
    <summary>Whether it&apos;s print or online communications, one simple way to punctuate the message or feeling you want to communicate is to inset generic images that build on the theme (figure 1). </summary>
    <author>
        <name>chuck</name>
        <uri>http://www.ideabook.com</uri>
    </author>
    
        <category term="Illustrations" />
    
    <content type="html" xml:lang="en" xml:base="http://www.ideabook.com/tutorials/">
        <![CDATA[<p>BY CHUCK GREEN Whether it's print or online communications, one simple way to punctuate the message or feeling you want to communicate is to inset generic images that build on the theme (figure 1). </p>]]>
        <![CDATA[<p>I could have used the photograph of the kitchen as is&mdash;it certainly seems warm and welcoming&mdash;but the inset of fresh flowers (figure 2) advances the mood that much further.</p>

<p><img alt="ib_idea_punctuate_01.jpg" src="http://www.ideabook.com/tutorials/images/ib_idea_punctuate_01.jpg";></p>

<p align="center"><a href="http://www.ideabook.com/store.html"><img src="/store_images/ideabook_graphic_design_templates.gif" alt="Ideabook design store: templates, books, and tools for communications design" /></a></p>]]>
    </content>
</entry>

<entry>
    <title>Tall news</title>
    <link rel="alternate" type="text/html" href="http://www.ideabook.com/tutorials/print_design/tall_news.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.ideabook.com/cgi-bin/mt/mt-atom.cgi/weblog/blog_id=4/entry_id=496" title="Tall news" />
    <id>tag:www.pageplane.com,2006:/tutorials//4.496</id>
    
    <published>2009-09-30T23:10:28Z</published>
    <updated>2009-12-11T16:24:08Z</updated>
    
    <summary>Think outside the box. Does a newsletter have to be 8.5 inches wide and 11 inches high? Does it have to have a nameplate at the top of the cover with an article below it? Does it have to present 2.5 articles per page?</summary>
    <author>
        <name>chuck</name>
        <uri>http://www.ideabook.com</uri>
    </author>
    
        <category term="Print Design" />
    
    <content type="html" xml:lang="en" xml:base="http://www.ideabook.com/tutorials/">
        <![CDATA[<p>BY CHUCK GREEN Think outside the box. Does a newsletter have to be 8.5 inches wide and 11 inches high? Does it have to have a nameplate at the top of the cover with an article below it? Does it have to present 2.5 articles per page?</p>]]>
        <![CDATA[<p><img alt="ib_tall_news_11.gif" src="http://www.ideabook.com/tutorials/images/ib_tall_news_11.gif" align="right";>No, no, and no. The only thing your newsletter must do is communicate your message. How it does that is entirely up to you. It may, in fact, be to your advantage to make your newsletter look nothing like a newsletter (figure 1). This layout breaks the size barrier by splitting a conventional page in two, features a magazine-like cover to persuade the reader to pick it up, and presents one article over multiple pages rather than multiple articles on a single page. A combination of differences that add up to unique.</p>

<p><img alt="ib_tall_news_01.jpg" src="http://www.ideabook.com/tutorials/images/ib_tall_news_01.jpg";></p>

<p><strong>Everything with just three typefaces!</strong> The word &ldquo;SKY&rdquo; in the nameplate  (figure 2) is Raleigh Gothic&mdash;everything else is set in two workhorse typefaces: Century Expanded for headline AND text, Franklin Gothic Book Cond. for tiny details.</p>

<p><img alt="ib_tall_news_02.gif" src="http://www.ideabook.com/tutorials/images/ib_tall_news_02.gif";></p>

<p>Resources: Typefaces: Century Expanded, Franklin Gothic, adobe.com; Raleigh Gothic, agfamonotype.com; Illustrations: Mars Photos from Hubble Space Telescope (credit: Material created with support to AURA/STScI from NASA contract NAS5-26555); Diagrams: Antique Science and Technology, visuallanguage.com; Planetary Photographs: CLICKART 200,000 from Broderbund, available from software retailers worldwide; Man: Faces 1, rubberball.com</p>

<p><strong>Build two page grids.</strong> One for the headline pages, one for article text pages (figure 3). The headline page grid is narrower, with a wider left-hand margin that allows some breathing room around the text and emphasis for the illustration.</p>

<p align="center"><a href="http://www.ideabook.com/store.html"><img src="/store_images/ideabook_graphic_design_templates.gif" alt="Ideabook design store: templates, books, and tools for communications design" /></a></p>

<p><img alt="ib_tall_news_03.gif" src="http://www.ideabook.com/tutorials/images/ib_tall_news_03.gif";></p>

<p><strong>Use illustrations as a theme.</strong> Even a subject that lends itself to as diverse a collection of photographic subjects as this one does  (figure 4) can benefit from a secondary visual element&mdash;in this case, a series of beautifully complex antique scientific diagrams and illustrations. The images offer a subtle visual connection between the pages.</p>

<p><img alt="ib_tall_news_04.gif" src="http://www.ideabook.com/tutorials/images/ib_tall_news_04.gif";></p>

<p><strong>Design a simple nameplate.</strong> A super-condensed typeface like Raleigh Gothic produces dramatic, interesting shapes (figure 5). To create your version (left), use Adobe Illustrator to scale the text to just beyond the edge of a rectangle, use the Divide Tool to cookie-cut the word out of the background, and apply colors. Using a longer name? Try a variation on the theme (right) using a colored box to encapsulate the subtitle.</p>

<p><img alt="ib_tall_news_05.jpg" src="http://www.ideabook.com/tutorials/images/ib_tall_news_05.jpg";></p>

<p><strong>Make it reader-friendly.</strong> One simple way of doing this is to begin the text of each article with a compelling statement (figure 6); a paragraph or two of text that is more prominent and easier to read than the running text.</p>

<p><img alt="ib_tall_news_06.jpg" src="http://www.ideabook.com/tutorials/images/ib_tall_news_06.jpg";></p>

<p><strong>Use the back door.</strong> Don't forget that many readers, by mere chance, see the back of the newsletter first (figure 7). Use the space to invite them inside with an article teaser&mdash;a few words that summarize the compelling idea to be found there.</p>

<p align="center"><a href="http://www.ideabook.com/store.html"><img src="/store_images/ideabook_graphic_design_templates.gif" alt="Ideabook design store: templates, books, and tools for communications design" /></a></p>

<p><img alt="ib_tall_news_07.gif" src="http://www.ideabook.com/tutorials/images/ib_tall_news_07.gif";></p>

<p><strong>Balance the page.</strong> You can keep running text interesting by staggering the placement of illustrations (figure 8). Stacking weighs down one side of the page, staggering distributes the load.</p>

<p><img alt="ib_tall_news_08.gif" src="http://www.ideabook.com/tutorials/images/ib_tall_news_08.gif";></p>

<p><strong>Notice the squares?</strong> Small square photographs and illustrations offer a nice contrast to the long, tall shape of the pages (figure 9). Squint at this page and you'll see how dominant they are on the layout. You can keep running text interesting by staggering the placement of illustrations. Stacking weighs down one side of the page, staggering distributes the load.</p>

<p><img alt="ib_tall_news_09.gif" src="http://www.ideabook.com/tutorials/images/ib_tall_news_09.gif";></p>

<p><strong>Organize the details.</strong> The left-hand page above displays eight critical pieces of information in one small space: the issue date and subtitle, nameplate, contents, contact information, primary staff, the masthead, and copyright.</p>

<p><img alt="ib_tall_news_10.gif" src="http://www.ideabook.com/tutorials/images/ib_tall_news_10.gif";></p>

<p><strong>Make it easy to get in touch.</strong> Include a Web-like connection (figure 10) including the author's name, phone number, and E-mail address, and a link to your Web site where the reader can hook up with more information on the article subject.<br />
  	<br />
This project is one of those from my <a href="http://www.ideabook.com/store_graphic_workshop.html"><i>Design-It-Yourself: GRAPHIC WORKSHOP, A STEP-BY-STEP GUIDE</i></a> (ISBN 1-59253-088-5). Step through the concept, layout, and production of creating a marketing-smart designs. From the initial research to checking the quality of the final, printed product, nothing is left to chance.</p>

<p align="center"><a href="http://www.ideabook.com/store.html"><img src="/store_images/ideabook_graphic_design_templates.gif" alt="Ideabook design store: templates, books, and tools for communications design" /></a></p>]]>
    </content>
</entry>

<entry>
    <title>Create an out-of-the-ordinary booklet</title>
    <link rel="alternate" type="text/html" href="http://www.ideabook.com/tutorials/print_design/publish_or_perish_create_an_ou.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.ideabook.com/cgi-bin/mt/mt-atom.cgi/weblog/blog_id=4/entry_id=477" title="Create an out-of-the-ordinary booklet" />
    <id>tag:www.pageplane.com,2006:/tutorials//4.477</id>
    
    <published>2009-07-02T01:48:00Z</published>
    <updated>2009-12-11T14:58:05Z</updated>
    
    <summary>The book is a primary fiber of the information fabric. A form and function so deep-seated, new ways of delivering ideas, no matter how revolutionary, struggle against it. Even with the advent of the computer and Internet, I know few people who prefer it to reading from the printed page.</summary>
    <author>
        <name>chuck</name>
        <uri>http://www.ideabook.com</uri>
    </author>
    
        <category term="Print Design" />
    
    <content type="html" xml:lang="en" xml:base="http://www.ideabook.com/tutorials/">
        <![CDATA[<p>BY CHUCK GREEN The book is a primary fiber of the information fabric. A form and function so deep-seated, new ways of delivering ideas, no matter how revolutionary, struggle against it. Even with the advent of the computer and Internet, I know few people who prefer it to reading from the printed page.</p>]]>
        <![CDATA[<p>Though form and function does not necessarily improve the content of your message it can improve the ease with which it is accessed&mdash;and design can effect how well it is understood.</p>

<p>A booklet is a miniature book&mdash;generally smaller, with fewer pages, and a paper cover. It provides some distinct advantages over a conventional, single-sheet brochure. It is more durable, more in-depth, more accessible&mdash;with a table of contents and/or an index. And though it can be used to sell, it often contains something more than selling information&mdash;it teaches, explains, offers value or utility. Let's do some booklet brainstorming:</p>

<p><img alt="ib_publish_perish_01.gif" src="http://www.ideabook.com/tutorials/images/ib_publish_perish_01.gif" align="left";><img alt="ib_publish_perish_02.gif" src="http://www.ideabook.com/tutorials/images/ib_publish_perish_02.gif" align="left";>[A] Create a shape that fits&mdash;This 8 1/4 by 3 7/8 inch, 24-page booklet is sized to fit a #10 commercial (4 1/8 by 9 1/2 inch) envelope. It is printed in two colors&mdash;yellow and black. It is the perfect size and shape to ride along with a cover letter.</p>

<p>[B] Make it informational&mdash;A book typically contains editorial information&mdash;to entertain or to educate&mdash;not to sell. You can do the same by mixing your selling message within the editorial coverage of your subject. <img alt="ib_publish_perish_03.gif" src="http://www.ideabook.com/tutorials/images/ib_publish_perish_03.gif" align="right";>If, for example, you are selling car repair services, present a collection of car care tips, if you are selling an HMO, show readers how to find the best services.</p>

<p>[C] Guide the reader&mdash;Use subheads and visuals to draw the reader through your booklet. Words and visual cues tell the reader where they are and help them focus on one subject at a time.</p>

<p>[D] Double your image&mdash;The small version of this illustration conveys the message it was designed to. The large version is a design element used to echo the idea and add interest to the page.</p>

<p>[E] Be stylistically consistent&mdash;Try to stick to one illustration style throughout. Using images from different sources can degenerate into a patchwork.</p>

<p align="center"><a href="http://www.ideabook.com/store.html"><img src="/store_images/ideabook_graphic_design_templates.gif" alt="Ideabook design store: templates, books, and tools for communications design" /></a></p>

<p><img alt="ib_publish_perish_04.gif" src="http://www.ideabook.com/tutorials/images/ib_publish_perish_04.gif" align="left";>[F] Include some interaction&mdash;For this health maintenance organization, a checklist of questions it recommends patients ask their healthcare providers ads value to the booklet. You might create your own checklist, answer a collection of frequently asked questions, or include a glossary of trade terms.</p>

<p>[G] Make it personal&mdash;Including a place to jot down notes makes it more likely your booklet will be kept instead of cast. <img alt="ib_publish_perish_05.gif" src="http://www.ideabook.com/tutorials/images/ib_publish_perish_05.gif" align="right";>If the booklets are handed out one at a time, the provider might jot down a note that answers a prospect's question or provide their direct phone number or e-mail address so the prospect can contact them later.</p>

<p>[H] Ask for action&mdash;Though your booklet may have an editorial flavor it should always contain a clear call to action. In this case, they are asked to phone, fax, send e-mail, of visit a World Wide Web destination.</p>

<p>[I] Stay out of the ordinary&mdash;Adding an extra half-inch to the back cover provides a tab on which to feature the name of your organization, contact information, or in this case, a table of contents.</p>

<p><img alt="ib_publish_perish_06.gif" src="http://www.ideabook.com/tutorials/images/ib_publish_perish_06.gif" align="bottom";></p>

<p>[J] Create a new shape&mdash;Not every booklet has to be a standard size and shape. This one is visually divided into two parts&mdash;the top is an advertising coupon, the bottom lays-out the marketing message.</p>

<p><img alt="ib_publish_perish_07.gif" src="http://www.ideabook.com/tutorials/images/ib_publish_perish_07.gif" align="right";>[K] Build on a theme&mdash;This booklet uses a children's storybook theme to present the marketing message for each of the participating stores. You might base your theme on the type of products offered, the time of year, or the subject matter of the artwork.</p>

<p>[L] Use icons as prompts&mdash;Icons and symbols are not just for Web navigation. On paper, scissors mean to cut something out, a clock means time-sensitivity, a knife and fork means food, and so on. Think of innovative ways to spare words and prompt action with illustrations.</p>

<p>[M] Design around your artwork&mdash;If you find a collection of images that work well with your subject matter&mdash;design around them. This booklet was designed using these illustrations as the seeds. The typefaces match the bold simple shapes and the background color matches a color pulled from the illustration.</p>

<p><img alt="ib_publish_perish_08.gif" src="http://www.ideabook.com/tutorials/images/ib_publish_perish_08.gif" align="left";>[N] Inside, focus your message with headlines&mdash;Let's face it&mdash;most of us don't have the time or inclination to read long stretches of advertising copy&mdash;certainly not, in this setting. Headlines help you make your point&mdash;in this case to bring to mind the activities you might pursue using products from an outdoor outfitter.</p>

<p>[O] Make it legal&mdash;No trouble telling what the offer is here&mdash;a 20% discount. But, beyond that, be sure your booklet includes the necessary legal details, in this case, for a coupon offer. Does your booklet need a disclaimer of some kind? A copyright notice? A bar code? Trademark credits? A bibliography?</p>

<p>[P] Pull out pieces&mdash;You can extend the scope of your illustration by using a draw or paint program to extract a piece of the image and repeating it elsewhere on the layout.</p>

<p align="center"><a href="http://www.ideabook.com/store.html"><img src="/store_images/ideabook_graphic_design_templates.gif" alt="Ideabook design store: templates, books, and tools for communications design" /></a></p>

<p><img alt="ib_publish_perish_09.gif" src="http://www.ideabook.com/tutorials/images/ib_publish_perish_09.gif" align="bottom";></p>

<p>[Q] Plan with the cost in mind&mdash;Creating your booklet using standard sizes saves money. A booklet printed on a standard 8 1/2 by 11 inch sheet, folded in half is almost always less expensive than a slightly smaller or larger version. Running any part of the image close to or over the edge of the paper requires a larger sheet of paper that is then trimmed back down to finished size.</p>

<p><img alt="ib_publish_perish_10.gif" src="http://www.ideabook.com/tutorials/images/ib_publish_perish_10.gif" align="left";>[R] Bring the inside out&mdash;By now you've probably read about the underlying grid most designers use to create page layouts. How about using pieces of that grid as a part of the design?</p>

<p>[S] Add links to push your Web&mdash;If you have a Web site, be sure to push prospects to it. In this case, each page of the booklet includes a &ldquo;link&rdquo; to a page of the organization' s Web site where they can find more in-depth, current information.</p>

<p><img alt="ib_publish_perish_11.gif" src="http://www.ideabook.com/tutorials/images/ib_publish_perish_11.gif" align="right";>[T] Find a color scheme&mdash;If you are basing your design on a series of stock illustrations or photographs, try using a different color scheme for each section of your booklet based on colors drawn from the illustration. Here, the page on the left matches the color of the grass in the illustration and the page on the right matches the streaks across the mountain.</p>

<p>[U] Use type as design&mdash;The typefaces you choose for a layout often have as much visual influence as the illustrations and colors. Using big, bold type elements, like this initial cap, adds the flavor of the type to the design mix.</p>

<p>How can you integrate these parts of a book into your booklet?</p>

<p>Cover and dust jacket<br />
Title page<br />
Copyright page<br />
Dedication<br />
Contents<br />
Foreword<br />
Preface and Acknowledgments<br />
Introduction<br />
List of contributors<br />
Chronology<br />
Chapters 	  	<br />
Parts<br />
Subheads<br />
Running heads<br />
Page numbers<br />
Appendix<br />
Notes<br />
Glossary<br />
Bibliography or Reference list<br />
Index<br />
Errata<br />
  	  	  	 <br />
Sources: Photograph: Illustrations: Clip art from Designer's Club by Dynamic Graphics, www.dgusa.com; Headline font: Franklin Gothic Book Condensed from Adobe Systems, www.adobe.com; Subhead font: Garmond Light Condensed from ITC, www.itcfonts.com  </p>

<p align="center"><a href="http://www.ideabook.com/store.html"><img src="/store_images/ideabook_graphic_design_templates.gif" alt="Ideabook design store: templates, books, and tools for communications design" /></a></p>]]>
    </content>
</entry>

<entry>
    <title>The word works palette</title>
    <link rel="alternate" type="text/html" href="http://www.ideabook.com/tutorials/design_palettes/the_word_works_palette.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.ideabook.com/cgi-bin/mt/mt-atom.cgi/weblog/blog_id=4/entry_id=547" title="The word works palette" />
    <id>tag:www.pageplane.com,2007:/tutorials//4.547</id>
    
    <published>2009-07-01T23:26:15Z</published>
    <updated>2009-08-04T20:23:51Z</updated>
    
    <summary><![CDATA[BY CHUCK GREEN The &ldquo;word works&rdquo; palette uses vivid colors and the beauty of elegant typefaces to do the job typically delegated to illustrations and photographs. And it is economical....]]></summary>
    <author>
        <name>chuck</name>
        <uri>http://www.ideabook.com</uri>
    </author>
    
        <category term="Design Palettes" />
    
        <category term="Typography" />
    
    <content type="html" xml:lang="en" xml:base="http://www.ideabook.com/tutorials/">
        <![CDATA[<p>BY CHUCK GREEN The &ldquo;word works&rdquo; palette uses vivid colors and the beauty of elegant typefaces to do the job typically delegated to illustrations and photographs. And it is economical.</p>]]>
        <![CDATA[<p>I grew up in a home where frugality was considered an art form. It stuck, and all these years later I still see those who are intelligent about how they spend their resources as having a significant advantage&mdash;efficiency allows you to do more for others and yourself.What is a design palette?</p>

<p>My job as a designer is not only to come up with a sound approach to marketing, but also to do it with respect for my client's resources. I may not always create the most cost-efficient solution, but the principle certainly ranks high on my list of goals.</p>

<p><strong>The Layout</strong></p>

<p>Black on white, bold versus light, large stretches of solid color side by side&mdash;what makes this palette work is the principle of contrast.</p>

<p><img alt="ib_wordworks_01.jpg" src="http://www.ideabook.com/tutorials/images/ib_wordworks_01.jpg"/></p>

<p>The project the palette was developed to address includes three components: a brochure describing a series of presentations (figure 1), a poster for each event (figure 2), and CD-ROM labels for distributing copies of the presentations after the fact (figure 3).</p>

<p><img alt="ib_wordworks_02.jpg" src="http://www.ideabook.com/tutorials/images/ib_wordworks_02.jpg"/></p>

<p>The bold black stripe across the bottom of the brochure and up the side of the poster and the label has two distinct purposes&mdash;aesthetic and functional. Aesthetically, on the brochure, it provides a visual foundation that helps link the colors together. And on the poster and label, it acts as a counterweight to the large areas of solid color. Functionally, the black space serves as a way to organize the information by providing a separate space for general information about the series.</p>

<p align="center"><a href="http://www.ideabook.com/store.html"><img src="/store_images/ideabook_graphic_design_templates.gif" alt="Ideabook design store: templates, books, and tools for communications design" /></a></p>

<p><img alt="ib_wordworks_03.jpg" src="http://www.ideabook.com/tutorials/images/ib_wordworks_03.jpg"/></p>

<p>The visual anchor for every piece is the title and what makes it eye-catching is its arrangement (figure 4). The object is to size the elements in order of their significance. "THE" is reduced, "CIA's Venture" is blown up. "CAPITALIST" is smaller than "CIA's Venture" but it is set in all caps for emphasis.</p>

<p>Once you size the words in order of their importance, you fit them together like puzzle pieces filling the natural gaps created by each individual shape.</p>

<p>The ideal tool for doing this a drawing program such as Adobe Illustrator or CorelDRAW. You convert the type to outlines then scale and arrange the words as you would any other type of drawing object.</p>

<p><strong>The Typefaces</strong></p>

<p>The elegant, condensed typeface used for the program titles is Racer (figure 4). It is difficult to find these days, but there are many typefaces that easily pull the same duty: Fashion Didot from BA Graphics is a close match or you could experiment with a different look and feel using a typeface such as OL Marla Bold, one of many elegant typefaces designed by Dennis Ortiz-Lopez.</p>

<p><img alt="ib_wordworks_04.jpg" src="http://www.ideabook.com/tutorials/images/ib_wordworks_04.jpg"/></p>

<p>Pay careful attention to the spacing between letters (figure 4). Racer is an example of a font that does not lend itself well to the type of automatic kerning (letter spacing) the computer is so good at. With a type-intensive layout like this, you'll need to fine-tune the spacing between individual letters. Above, the difference is demonstrated between text as it is typed out (left) and how the final type is spaced (center).</p>

<p>The names of the presenters are set in a typeface that offers a powerful contrast to Racer&mdash;Interstate Black Compressed (figure 5). Imagine how different the palette would be without it. It offers a counterpoint that makes the elegant title much more distinctive.</p>

<p><img alt="ib_wordworks_05.jpg" src="http://www.ideabook.com/tutorials/images/ib_wordworks_05.jpg"/></p>

<p>The body text is set in ITC Franklin Gothic Book Condensed&mdash;a crisp, clean sans serif face that John McWade, editor of Before &amp; After Magazine, introduced me to a decade ago. It has personality, but not so much so that it gets in the way, and because it is condensed, it allows you to fit more information in less space.</p>

<p>WHERE TO GET IT: Fashion Didot from BA Graphics and OL Marla Bold from Dennis Ortiz-Lopez are both available at myfonts.com; Interstate Black Compressed from Font Bureau, fontbureau.com; ITC Franklin Gothic Book Condensed from International Typeface Corporation (ITC) itcfonts.com.</p>

<p><strong>The Colors</strong></p>

<p>Color plays a major role in this palette. To me, such a wide spectrum emphasizes the diversity of subject matter and contributes significantly to the actual organization of the information.</p>

<p>For this project, each event is assigned a different color and that same color is used as the primary color of the accompanying poster and CD-ROM label. The illustration (figure 6) shows the color assigned to each of five events and the CMYK percentages used to create the colors.</p>

<p><img alt="ib_wordworks_06.jpg" src="http://www.ideabook.com/tutorials/images/ib_wordworks_06.jpg"/></p>

<p><strong>The Illustrations</strong></p>

<p>The simplicity of the sole illustration&mdash;a line drawing of a microphone&mdash;adheres to the old saw that "less is more." A photograph of a past presentation or an elaborate piece of artwork could just as easily have been used, but the uncomplicated drawing intentionally keeps the focus on the title.</p>

<p><img alt="ib_wordworks_07.jpg" src="http://www.ideabook.com/tutorials/images/ib_wordworks_07.jpg"/></p>

<p><strong>Why This Solution?</strong></p>

<p>An all-type or mostly-type layout and palette like this is an obvious choice when, one: there are few or no images or illustrations available. And two: when you intend to use the results at extreme sizes&mdash;in this case, large for the posters to small for the labels. Or three, when you have a particularly tight budget.</p>

<p>This is one in a series of design palettes: the mix of basic ingredients&mdash;typefaces, photographs, illustrations, and color schemes&mdash;that, in one designer's opinion (mine), represents a distinctive mood or style.</p>

<p align="center"><a href="http://www.ideabook.com/store.html"><img src="/store_images/ideabook_graphic_design_templates.gif" alt="Ideabook design store: templates, books, and tools for communications design" /></a></p>]]>
    </content>
</entry>

<entry>
    <title>Idea architecture</title>
    <link rel="alternate" type="text/html" href="http://www.ideabook.com/tutorials/web_design/idea_architecture.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.ideabook.com/cgi-bin/mt/mt-atom.cgi/weblog/blog_id=4/entry_id=484" title="Idea architecture" />
    <id>tag:www.pageplane.com,2006:/tutorials//4.484</id>
    
    <published>2009-07-01T14:27:29Z</published>
    <updated>2009-08-04T20:24:38Z</updated>
    
    <summary><![CDATA[How do you generate interest in a project without committing to a design&mdash;demonstrate the idea architecture. I created this flow chart recently as part of a proposal for a Web to an expert consultant. I used the page to communicate the big picture and linked to other sites to show the client examples of how we might handle each subject. ]]></summary>
    <author>
        <name>chuck</name>
        <uri>http://www.ideabook.com</uri>
    </author>
    
        <category term="Web Design" />
    
    <content type="html" xml:lang="en" xml:base="http://www.ideabook.com/tutorials/">
        <![CDATA[<p>BY CHUCK GREEN How do you generate interest in a project without committing to a design&mdash;demonstrate the idea architecture. I created this flow chart recently as part of a proposal for a Web to an expert consultant. I used the page to communicate the big picture and linked to other sites to show the client examples of how we might handle each subject. </p>]]>
        <![CDATA[<p><img alt="ib_idea_architecture_01.gif" src="http://www.ideabook.com/tutorials/images/ib_idea_architecture_01.gif";></p>

<p align="center"><a href="http://www.ideabook.com/store.html"><img src="/store_images/ideabook_graphic_design_templates.gif" alt="Ideabook design store: templates, books, and tools for communications design" /></a></p>

<p></p>

<p><br />
</p>]]>
    </content>
</entry>

<entry>
    <title><![CDATA[Sell your site with a &ldquo;Webcard&rdquo;]]></title>
    <link rel="alternate" type="text/html" href="http://www.ideabook.com/tutorials/print_design/sell_your_site_with_a_webcard.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.ideabook.com/cgi-bin/mt/mt-atom.cgi/weblog/blog_id=4/entry_id=471" title="Sell your site with a &amp;ldquo;Webcard&amp;rdquo;" />
    <id>tag:www.pageplane.com,2006:/tutorials//4.471</id>
    
    <published>2009-06-01T22:34:10Z</published>
    <updated>2009-06-14T20:41:32Z</updated>
    
    <summary>Audience One: Those who are not online. If the figures are to be believed, 73 percent or roughly 148 million of all American adults are Internet users, which means that 27 percent or 50 million-plus are not.1</summary>
    <author>
        <name>chuck</name>
        <uri>http://www.ideabook.com</uri>
    </author>
    
        <category term="Print Design" />
    
    <content type="html" xml:lang="en" xml:base="http://www.ideabook.com/tutorials/">
        <![CDATA[<p>BY CHUCK GREEN No matter what we offer online, in many if not most cases, we have yet to reach significant segments of our audience. As I see it, there are three obvious groups who are tough to reach:</p>]]>
        <![CDATA[<p><strong>Audience One: Those who are not online.</strong> If the figures are to be believed, 73 percent or roughly 148 million of all American adults are Internet users, which means that 27 percent or 50 million-plus are not.</p>

<p><strong>Audience Two: The computer-challenged.</strong> If your experience is anything like mine, you know plenty of successful, intelligent people who, for one reason or another, understand only the very basics of computing and of navigating the Internet. It stands to reason that they travel a limited circle of sites and are less likely to know how or where to find us.</p>

<p><strong>Audience Three: Those who are out of reach.</strong> These folks are either not responsive to conventional means of the Internet advertising or they are simply traveling paths that do not intersect with ours. As of this writing, there are over 68 million active domains: if someone isn't looking specifically for you or your product or service, the odds of them stumbling across you are poor.</p>

<p>Finding and attracting these audiences takes unconventional thinking. One common-sense approach is a &ldquo;Webcard&rdquo;&mdash;a postcard-sized printed piece with a single purpose: to push your prospect to your URL (figure 1).</p>

<p><img alt="ib_webcard_01.jpg" src="http://www.ideabook.com/tutorials/images/ib_webcard_01.jpg"></p>

<p align="center"><a href="http://www.ideabook.com/store.html"><img src="/store_images/ideabook_graphic_design_templates.gif" alt="Ideabook design store: templates, books, and tools for communications design" /></a></p>

<p>Webcard: A 4 by 9 inch rack card for marketing your Web site</p>

<p>This prototype, a 4 by 9 inch rack card, is particularly versatile. It is easily mailed as a card or in a standard #10 business envelope along with a cover letter, stuffed into packages, handed out at trade shows, displayed in public areas, distributed by partners, and offered at every other point of contact with customers and prospects.</p>

<p>Plus, it is easy and inexpensive to print&mdash;2500 cards printed on heavy, 15pt card stock, with four colors and a high gloss UV coating on one side and black on the reverse side can cost as little as $200.<br />
 <br />
<strong>The first step to producing your card is to craft the message.</strong> Note that a Webcard addresses a single topic (figure 2). Why? Having too many messages or too much detail muddies the water. If you want your reader to take a certain action, don't distract them with irrelevant details. Define the primary benefit of the site to the user and point them to it. If you have several strong points, send a series of cards over several weeks or months.</p>

<p><img alt="ib_webcard_02.jpg" src="http://www.ideabook.com/tutorials/images/ib_webcard_02.jpg"></p>

<p>The site this Webcard promotes offers new and pre-owned paving equipment but the focus of this card is the sale of pre-owned equipment. It is not a corporate brochure&mdash;it pushes the pre-owned equipment and it does it with an economy of words, seventy-seven to be exact. The headline and text on side one clearly states the benefit and presents the URL. Side two lays out the path to follow one they get there.</p>

<p>The second step is to design the card so that it shows what you say. The front of the card shows the cover page of the site and highlights the tab the reader will click to get to the pre-owned equipment list (figure 3).</p>

<p><img alt="ib_webcard_03.jpg" src="http://www.ideabook.com/tutorials/images/ib_webcard_03.jpg"></p>

<p align="center"><a href="http://www.ideabook.com/store.html"><img src="/store_images/ideabook_graphic_design_templates.gif" alt="Ideabook design store: templates, books, and tools for communications design" /></a></p>

<p>The back of the card shows the exact clicks the reader will use to navigate to a page that shows the product (figure 4).</p>

<p><img alt="ib_webcard_04.jpg" src="http://www.ideabook.com/tutorials/images/ib_webcard_04.jpg"></p>

<p>It's that simple: you state the benefit and show how to access it by way of the URL. The images do nothing more and nothing less than show you what the message states. Images are literal&mdash;anything that adds visual interest, such as the magnifying lenses, serves a purpose (figure 5).</p>

<p><img alt="ib_webcard_05.jpg" src="http://www.ideabook.com/tutorials/images/ib_webcard_05.jpg"></p>

<p>Webcards: Magnify the subject with a Photoshop lens</p>

<p>Direct mail may seem like a round-about way to reach online prospects but it makes common sense. If your cost per contact is in line with the cost of production and postage, it would seem a Webcard is an inexpensive way to move an absent audience to your site.</p>

<p align="center"><a href="http://www.ideabook.com/store.html"><img src="/store_images/ideabook_graphic_design_templates.gif" alt="Ideabook design store: templates, books, and tools for communications design" /></a></p>
]]>
    </content>
</entry>

<entry>
    <title>Object marketing</title>
    <link rel="alternate" type="text/html" href="http://www.ideabook.com/tutorials/print_design/object_marketing.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.ideabook.com/cgi-bin/mt/mt-atom.cgi/weblog/blog_id=4/entry_id=473" title="Object marketing" />
    <id>tag:www.pageplane.com,2006:/tutorials//4.473</id>
    
    <published>2009-03-29T01:03:10Z</published>
    <updated>2009-03-28T17:11:36Z</updated>
    
    <summary><![CDATA[Call it the profound power of &ldquo;free.&rdquo; I don't know if you're like me, but I get excited about receiving unsolicited gifts in the mail&mdash;little unexpected promotional items such as pens, booklets, CD's, mouse pads, coffee cups, and such. If I encountered them in a store, they would not likely even catch my eye, but send them to my mailbox and you've got my attention.]]></summary>
    <author>
        <name>chuck</name>
        <uri>http://www.ideabook.com</uri>
    </author>
    
        <category term="Print Design" />
    
    <content type="html" xml:lang="en" xml:base="http://www.ideabook.com/tutorials/">
        <![CDATA[<p>BY CHUCK GREEN Call it the profound power of &ldquo;free.&rdquo; I don't know if you're like me, but I get excited about receiving unsolicited gifts in the mail&mdash;little unexpected promotional items such as pens, booklets, CD's, mouse pads, coffee cups, and such. If I encountered them in a store, they would not likely even catch my eye, but send them to my mailbox and you've got my attention.</p>]]>
        <![CDATA[<p><img alt="ib_object_marketing_01.gif" src="http://www.ideabook.com/tutorials/images/ib_object_marketing_01.gif" align="right"; hspace="2px"; vspace="2px">Object marketing plays that hand and trumps it. It attaches words and text to the object that helps it make the selling proposition.</p>

<p>In the average office, you've got to work your way past at least one soldier to get to a captain of business. And when you use the mail to make initial contact or to secure an appointment, you need something out of the ordinary. Although most administrators have little trouble tossing a form letter, a box is a different story&mdash;boxes hold treasure and no one pitches treasure.</p>

<p><img alt="ib_object_marketing_02.gif" src="http://www.ideabook.com/tutorials/images/ib_object_marketing_02.gif" align="left"; vspace="2px">The idea of object marketing is to link your message to an object. The box pictured contains a magic light bulb that sells in quantity for two or three dollars. </p>

<p>The headline and card prompt the recipient to hold the bulb above their head to generate a brilliant idea&mdash;to buy your product or service. The attached card explains that, when you nest the bulb in a small piece of foil, it magically lights up&mdash;a trick that is impressive and easy enough for anyone to perform. </p>

<p align="center"><a href="http://www.ideabook.com/store.html"><img src="/store_images/ideabook_graphic_design_templates.gif" alt="Ideabook design store: templates, books, and tools for communications design" /></a></p>

<p>The headline reads, &ldquo;You're going to have a brilliant idea in the next sixty seconds.&rdquo; The card inside continues, &ldquo;To light the magic bulb...Nest the foil and then the bulb in the palm of your hand. Now raise the bulb above your head and cry 'Hey, I've got it! Let's get Sampler Land Management to list our next property!' 5, 4, 3, 2, 1 . . . time's up. <img alt="ib_object_marketing_03.gif" src="http://www.ideabook.com/tutorials/images/ib_object_marketing_03.gif" align="right">Wow, it's amazing how the really big stuff just comes to you sometimes. Call Janet Sampler at 987 654 3210.&rdquo; </p>

<p>The bulb is held in place by a small platform that is cut in the shape of the bulb, but you could just as easily use conventional packing material.</p>

<p><strong>How much is it worth?</strong></p>

<p>The key to the success of object marketing is to marry your message with just the right item. If you have a very small list of very good prospects, it may be possible for you to justify an item as expensive as 25 or even 50 dollars. In fact, to attract a high-end prospect who might buy an expensive piece of equipment or sign a lucrative contract, I've seen companies invest 100 dollars or more per mailer.</p>

<p>Stock, standard-sized boxes can be purchased in all shapes, sizes, and colors from local or national manufacturers and imprinted with your headline locally by a silkscreen printer&mdash;the same folks who print T-shirts. The "payoff" piece, the card on the inside, is a simple job laid out using any desktop publishing program and reproduced in quantity by a local commercial printer.</p>

<p align="center"><a href="http://www.ideabook.com/store.html"><img src="/store_images/ideabook_graphic_design_templates.gif" alt="Ideabook design store: templates, books, and tools for communications design" /></a></p>

<p><strong>Object ideas</strong></p>

<p>This is a project that should be closely matched to your market. There are hundreds of well-suited promotional items available from companies that specialize in promotional products or, if you buy a large enough quantity, direct from distributors and manufacturers. A few more ideas:</p>

<p><img alt="ib_object_marketing_07.gif" src="http://www.ideabook.com/tutorials/images/ib_object_marketing_07.gif" align="left"; vspace="2px">A cassette recorder is an example of one of those more expensive items. But imagine the impression you'd make if your prospect was able to hear a 5 minute pitch about your consulting service or 15 minutes of your sold-out seminar. You entice them with the headline &ldquo;Five minutes that will change the way you do business&rdquo; and pay it off with a tag such as &ldquo;Press 'play' to hear the #1 reason managers lose the respect of their employees.&rdquo; (Don't forget too, that your object can be imprinted with your company name and logo.)</p>

<p><img alt="ib_object_marketing_04.gif" src="http://www.ideabook.com/tutorials/images/ib_object_marketing_04.gif" align="right"; hspace="2px"; vspace="2px">The &ldquo;Prescription for sluggish sales?&rdquo; A jar of jellybeans. The tag reads &ldquo;Take two and call me in the morning. Often times, we're too close to the action to diagnose the problem. If you're having trouble finding a cure for declining sales, its time for a specialist. Call Donald Sampler, Sampler Research at 987-654-3210. We make house calls.&rdquo;</p>

<p><img alt="ib_object_marketing_05.gif" src="http://www.ideabook.com/tutorials/images/ib_object_marketing_05.gif" align="left"; vspace="2px">You can also use object marketing to stay in touch with existing customers or to recognize milestones in large projects. In this case a swimming pool contractor uses a mailing to say thank you for a near-complete project and to ask for referrals. The cover of the box reads &ldquo;Prepare for the end&rdquo; which the customer opens to reveal a rubber duck and a note that reads &ldquo;We're just days away from the time that you and your friends will be enjoying your new pool...&rdquo;</p>

<p><img alt="ib_object_marketing_06.gif" src="http://www.ideabook.com/tutorials/images/ib_object_marketing_06.gif" align="right"; hspace="2px"; vspace="2px">This question, &ldquo;Is cleaning a do-it-yourself project?&rdquo; is answered with a practical little gift&mdash;a whisk broom. The tag details the services a professional janitorial company performs that a do-it-yourselfer might overlook.</p>

<p><strong>A box in a box</strong></p>

<p>The best way to mail your object box is to pack it inside another box. That way, you know that your message will arrive without the wear and tear of handling. As you decide on the object you want to send and the size and shape of the box you'll use to hold it, consider the standard sizes of boxes available to mail it. If you ship using an overnight shipper or USPS Priority Mail, the shipping box can be had, free of charge.</p>

<p><strong>Object marketing is a powerful tool</strong></p>

<p>Use your imagination to find the perfect object or try one of those pictured. If your mailing is clever enough, your prospect may well end up walking around the office showing it off&mdash;the ultimate dream of every marketeer.</p>

<p align="center"><a href="http://www.ideabook.com/store.html"><img src="/store_images/ideabook_graphic_design_templates.gif" alt="Ideabook design store: templates, books, and tools for communications design" /></a></p>
<!-- AddThis Button BEGIN -->
<script type="text/javascript">var addthis_pub="chuckgreen";</script>
<a href="http://www.addthis.com/bookmark.php?v=20" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s7.addthis.com/static/btn/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a><script type="text/javascript" src="http://s7.addthis.com/js/200/addthis_widget.js"></script>
<!-- AddThis Button END -->]]>
    </content>
</entry>

<entry>
    <title>Logo ideas&#58; A transparency project</title>
    <link rel="alternate" type="text/html" href="http://www.ideabook.com/tutorials/logo_design/design_it_yourself_graphic_workshop.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.ideabook.com/cgi-bin/mt/mt-atom.cgi/weblog/blog_id=4/entry_id=731" title="Logo ideas&amp;#58; A transparency project" />
    <id>tag:www.ideabook.com,2007:/tutorials//4.731</id>
    
    <published>2009-03-29T00:30:17Z</published>
    <updated>2009-03-28T17:13:38Z</updated>
    
    <summary>Thought it would be fun to show you one of the projects from my bookDesign-It-Yourself: Graphic Workshop, A Step-By-Step Guide.</summary>
    <author>
        <name>chuck</name>
        <uri>http://www.ideabook.com</uri>
    </author>
    
        <category term="Logo Design" />
    
    <content type="html" xml:lang="en" xml:base="http://www.ideabook.com/tutorials/">
        <![CDATA[<p>BY CHUCK GREEN  Thought it would be fun to share one of the projects from my book <em>Design-It-Yourself: Graphic Workshop, A Step-By-Step Guide.</em> In addition to chapters on Establishing Your Mission, Do Some Research, Choosing Paper, and so on, the book includes 25 identity projects. The second half of the book focuses on newsletters. Here is one of the identity projects:</p>]]>
        <![CDATA[<p>This style requires some real finesse with your paint program, but the results can be stunning. A program such as Adobe Photoshop allows you to layer one image on top of another. It is possible then to change the opacity of a layer enough to see through it to the layers below. That single feature allows seemingly endless possibilities.</p>

<p align="center"><img alt="Design-It-Yourself, Graphic Workshop by Chuck Green" src="http://www.ideabook.com/tutorials/images/ib_logo_transparency_01.jpg";></p>

<p>(A) The orange plant and sliced orange are extracted from the same illustration. (B) The sliced orange is the top layer of the logo. The layer below the orange includes the shadow of the orange. (C) The next layer holds a semitransparent version of the plant illustration. (D) The bottom layer is the background. (E) For the business card, a simple white rectangle is on the layer above the illustration. The opacity of the rectangle is adjusted to reveal the illustration below. (F) The parts and pieces of illustrations are combined to create a second version of the logo for the envelope.</p>

<p align="center"><img alt="Design-It-Yourself, Graphic Workshop by Chuck Green" src="http://www.ideabook.com/tutorials/images/ib_logo_transparency_09.gif";></p>

<p>(G) The space between the letters in the word "ORCHARDS" is increased to allow for the descending loop of the "p"--one of the small details that make the difference between a design that works and one that doesn't.</p>

<p align="center"><img alt="Design-It-Yourself, Graphic Workshop by Chuck Green" src="http://www.ideabook.com/tutorials/images/ib_logo_transparency_10.gif";></p>

<p><strong>What you need</strong></p>

<p>Editing the illustration requires a paint or digital imaging program such as Adobe Photoshop or Jasc Software's Paint Shop Pro. Simple text and shapes can be produced with a desktop publishing program such as Adobe InDesign, Adobe PageMaker, QuarkXPress, or Microsoft Publisher. </p>

<p>Illustration source: Oranges from Antique Botanical Illustrations VII, From Visual Language, 888-702-8777, www.visuallanguage.com, © Visual Language, all rights reserved. Type families: Bickham Script, Minion, Myriad, Adobe Systems, Inc., 800-682-3623, www.adobe.com/type.</p>

<p><strong>Letterhead</strong><br />
   <br />
(1) "Samplerhaven" Bickham Script, 60pt; "ORCHARDS" Myriad 800bl, 700se, 18pt; (2) Defining phrase Myriad Regular, 9/10pt, align left; (3) Letter body Minion, 12/18pt, align left; (4) Address Myriad Regular, 7.5/10pt, align left    </p>

<p align="center"><img alt="Design-It-Yourself, Graphic Workshop by Chuck Green" src="http://www.ideabook.com/tutorials/images/ib_logo_transparency_06.gif";></p>

<p><strong>Business Card, Front</strong><br />
    <br />
(5) "Samplerhaven" Bickham Script, 38pt; "ORCHARDS" Myriad 800bl, 700se, 8pt; (6) Name Myriad Regular, 8pt, align center; Title Myriad Regular, 7pt, align center; (7) Address Myriad Regular, 7/9pt, align center; Defining phrase Myriad Regular, 6pt, align center<br />
      <br />
<strong>Business Card, Back</strong></p>

<p>(8) "ORANGES" Myriad 800bl, 700se, 6pt, align left; Text Myriad 800bl, 700se, Bold, 7/9pt, align left</p>

<p align="center"><img alt="Design-It-Yourself, Graphic Workshop by Chuck Green" src="http://www.ideabook.com/tutorials/images/ib_logo_transparency_07.gif";></p>

<p><strong>Envelope</strong></p>

<p>(9) "Samplerhaven" Bickham Script, 34pt; "ORCHARDS" Myriad 800bl, 700se, 7pt; Address Myriad Regular, 7/8pt, align center; (10) Defining phrase Myriad Regular, 6/7pt, align center      <br />
Color</p>

<p align="center"><img alt="Design-It-Yourself, Graphic Workshop by Chuck Green" src="http://www.ideabook.com/tutorials/images/ib_logo_transparency_08.gif";></p>

<p>Printed in four-color process using values of cyan, magenta, yellow, and black (CMYK) as defined on the color palette below. Actual color will vary. <p align="right"><img alt="Design-It-Yourself, Graphic Workshop by Chuck Green" src="http://www.ideabook.com/tutorials/images/ib_logo_transparency_05.gif";></p></p>

<p><!-- AddThis Button BEGIN --><br />
<script type="text/javascript">var addthis_pub="chuckgreen";</script><br />
<a href="http://www.addthis.com/bookmark.php?v=20" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s7.addthis.com/static/btn/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a><script type="text/javascript" src="http://s7.addthis.com/js/200/addthis_widget.js"></script><br />
<!-- AddThis Button END --><br />
</p>]]>
    </content>
</entry>

<entry>
    <title>Advice for a new designer</title>
    <link rel="alternate" type="text/html" href="http://www.ideabook.com/tutorials/1_view/advice_for_a_new_designer.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.ideabook.com/cgi-bin/mt/mt-atom.cgi/weblog/blog_id=4/entry_id=511" title="Advice for a new designer" />
    <id>tag:www.pageplane.com,2006:/tutorials//4.511</id>
    
    <published>2009-01-29T18:14:22Z</published>
    <updated>2009-03-28T17:07:56Z</updated>
    
    <summary><![CDATA[Some time back I was asked, &ldquo;What career advice can you offer to someone who want to follow in your footsteps?&rdquo; Beyond seeking the counsel of a clinical psychiatrist, here's my answer.]]></summary>
    <author>
        <name>chuck</name>
        <uri>http://www.ideabook.com</uri>
    </author>
    
        <category term="1 View" />
    
    <content type="html" xml:lang="en" xml:base="http://www.ideabook.com/tutorials/">
        <![CDATA[<p>BY CHUCK GREEN Some time back I was asked, &ldquo;What career advice can you offer to someone who wants to follow in your footsteps?&rdquo; Beyond seeking the counsel of a clinical psychiatrist, here's my answer.</p>]]>
        <![CDATA[<p><img alt="ib_view_01.gif" src="http://www.ideabook.com/tutorials/images/ib_view_01.gif" align="right";>What is 1 view? Designers and authors have at least two things in common&mdash;they think they know stuff and they believe other people care what they think. This, of course, could have something to do with the fact that many of us have blimp-like egos. Being both a designer AND an author I have enough opinions for three people (I hear you, but technically I AM an author&mdash;a reporter once told me anyone who writes a couple of books that are published by someone other than his parents can legitimately be called an author). </p>

<p><img alt="ib_view_08.gif" src="http://www.ideabook.com/tutorials/images/ib_view_08.gif" align="absbottom";><strong>Find the right place to learn</strong> Numero uno is this: find talented, experienced people to work with early on. It is tempting to accept a job where you run the show&mdash;where you are perhaps the top or only designer&mdash;or to become a freelancer. For most of us, I think working in that kind of vacuum is a mistake until you have five or ten years of real work experience. You miss out on all the valuable information you absorb by being around design-wise people&mdash;the day-to-day thinking and processing that turns ideas into results.</p>

<p>If you're serious about your career, go right to the top. Who do you think are the top designers in the world? The top copywriters? What are the top ten advertising agencies and design studios? Go to them and ask for a job&mdash;no kidding. Work cheap if you have to, while you can afford to, and take advantage of real-world, on the job learning. It is the fast track to knowledge.</p>

<p><img alt="ib_view_09.gif" src="http://www.ideabook.com/tutorials/images/ib_view_09.gif" align="absbottom";><strong>Learn about the business side of creativity</strong> If I knew twenty years ago what I know now I'd have learned more about the business side of creativity. The truth is, it is tuff to make big bucks working for an hourly wage. To make money you have to franchise your knowledge&mdash;you have to employ people, markup costs, make presentations, and take financial risks.</p>

<p>To my way of thinking, it as just as important to get to know the account managers and media buyers (and what they do) as it is to get acquainted with the creative director.</p>

<p>You'll be way ahead of the game if you read&mdash;The Business Side of Creativity by Cameron Foote&mdash;a hands-on guide to running a graphic design or communications business, and if you're contemplating striking out on your own, The E Myth Revisited by Michael E. Gerber&mdash;a brilliant book that will help you determine whether you should or not.</p>

<p><img alt="ib_view_10.gif" src="http://www.ideabook.com/tutorials/images/ib_view_10.gif" align="absbottom";><strong>Master your presentation skills</strong> The next best career advice I can give you is this: if your presentation skills are weak, you must improve them. Not should&mdash;must. Today, as you are reading this page, there are thousands of truly brilliant ideas being generated in the minds of timid people. They will never see the light of day because the artists are unable to sell them&mdash;they are too nervous, too intimidated, or simply lack the skills to communicate their ideas with clarity and enthusiasm.</p>

<p>If you fear talking to a group or just have trouble organizing your thoughts&mdash;make learning these skills one of your top priorities. I know it sounds hokey, but take the basic Dale Carnegie Course (dalecarnegie.com) then join your local Toastmasters Club (toastmasters.org). This combination will do more for you personally than you can imagine&mdash;I guarantee it.</p>

<p><img alt="ib_view_11.gif" src="http://www.ideabook.com/tutorials/images/ib_view_11.gif" align="absbottom";><strong>Don't let your work get in the way of your life</strong>   Of all these things, the most important thing I can tell you is this: don't let your work get in the way of your life. I tell you this because at its best, the job of being an art director, a designer, a copywriter, or some other type of marketeer, can be so much fun, so satisfying, that you get it confused with being important.</p>

<p>In reality, what really matters most, in my opinion, is how your work helps or hinders the really important stuff&mdash;how well you serve your God, your family, and those around you. This, as you might guess, is the advice I have the most trouble following myself.</p>

<p align="center"><a href="http://www.ideabook.com/store.html"><img src="/store_images/ideabook_graphic_design_templates.gif" alt="Ideabook design store: templates, books, and tools for communications design" /></a></p>
<!-- AddThis Button BEGIN -->
<script type="text/javascript">var addthis_pub="chuckgreen";</script>
<a href="http://www.addthis.com/bookmark.php?v=20" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s7.addthis.com/static/btn/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a><script type="text/javascript" src="http://s7.addthis.com/js/200/addthis_widget.js"></script>
<!-- AddThis Button END -->]]>
    </content>
</entry>

<entry>
    <title>Illustrated headlines</title>
    <link rel="alternate" type="text/html" href="http://www.ideabook.com/tutorials/typography/illustrated_headlines.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.ideabook.com/cgi-bin/mt/mt-atom.cgi/weblog/blog_id=4/entry_id=483" title="Illustrated headlines" />
    <id>tag:www.pageplane.com,2006:/tutorials//4.483</id>
    
    <published>2009-01-19T15:15:01Z</published>
    <updated>2009-01-30T04:03:43Z</updated>
    
    <summary><![CDATA[What is so cool about design is that there is no such thing as not having enough to work with&mdash;budget, space, illustrations, and so on. If there is a limit, it is my imagination. And there's certainly nothing &ldquo;wrong&rdquo; with these headlines (1)&mdash;but they sure grab more attention after I set them in an imaginary box (2). ]]></summary>
    <author>
        <name>chuck</name>
        <uri>http://www.ideabook.com</uri>
    </author>
    
        <category term="Typography" />
    
    <content type="html" xml:lang="en" xml:base="http://www.ideabook.com/tutorials/">
        <![CDATA[<p>BY CHUCK GREEN What is so cool about design is that there is no such thing as not having enough to work with&mdash;budget, space, illustrations, and so on. If there is a limit, it is my imagination. And there's certainly nothing &ldquo;wrong&rdquo; with these headlines (figure 1)&mdash;but they sure grab more attention after I set them in an imaginary box (figure 2).</p>]]>
        <![CDATA[<p>This typeface (Interstate Ultra Black by Tobias Frere-Jones [Font Bureau]) is a wonderful example of a typeface that is a beautiful design in itself (I particularly like the shape of the cap &ldquo;S&rdquo;).</p>

<p><img alt="ib_idea_illustrated_heads_01.gif" src="http://www.ideabook.com/tutorials/images/ib_idea_illustrated_heads_01.gif";></p>

<p align="center"><a href="http://www.ideabook.com/store.html"><img src="/store_images/ideabook_graphic_design_templates.gif" alt="Ideabook design store: templates, books, and tools for communications design" /></a></p>]]>
    </content>
</entry>

<entry>
    <title>The designer&apos;s prep, print,and proof checklist</title>
    <link rel="alternate" type="text/html" href="http://www.ideabook.com/tutorials/print_design/the_designers_prep_print_and_p.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.ideabook.com/cgi-bin/mt/mt-atom.cgi/weblog/blog_id=4/entry_id=530" title="The designer's prep, print,&lt;br /&gt;and proof checklist" />
    <id>tag:www.pageplane.com,2007:/tutorials//4.530</id>
    
    <published>2008-10-17T21:20:00Z</published>
    <updated>2008-12-30T15:48:02Z</updated>
    
    <summary><![CDATA[The printing process can produce 1,000 examples of success as easily as it can produce 1,000 examples of failure. Whether you have your newsletter reproduced 100, 1,000, or 10,000 times, you&mdash;by the way you prepare the material for the press, oversee the printing, and review the results&mdash;control the outcome.]]></summary>
    <author>
        <name>chuck</name>
        <uri>http://www.ideabook.com</uri>
    </author>
    
        <category term="Print Design" />
    
    <content type="html" xml:lang="en" xml:base="http://www.ideabook.com/tutorials/">
        <![CDATA[<p>BY CHUCK GREEN The printing process can produce 1,000 examples of success as easily as it can produce 1,000 examples of failure. Whether you have your newsletter reproduced 100, 1,000, or 10,000 times, <i>you&mdash;by the way you prepare the material for the press, oversee the printing, and review the results&mdash;control the outcome.</i></p>]]>
        <![CDATA[<p>Printing has three very distinct stages: preparation, execution, and follow-up. The first stage, commonly referred to as the "prepress" process, is the series of steps taken to prepare your project for printing. In prepress, the printer takes the files you created along with the fonts and images you linked to them, and translates them into a form their computer hardware and software understands.</p>

<p>The prepress process for a printing press, among other things, determines how each page is positioned on the sheet (imposition) to achieve the most economical use of space. It ensures the pages are perfectly aligned front to back. That screen values are applied to photographs and artwork. That a slight overlap, or "trap," is applied between colors that touch. And the colors are separated for making individual printing plates.</p>

<p><strong>Preflight your files</strong></p>

<p>In either case, your first responsibility of the prepress process is to <i>"preflight"  your files.</i> Preflighting is the process of gathering together and reviewing all the elements necessary to translate what you create on your computer to the printer's computer. Most printers can provide you with a preflight checklist.</p>

<p>Some desktop publishing programs have a preflight feature that aids in the process. At minimum, the printer will require the names and descriptions of the document files and any other image files linked to them, the name and version number of the software program used to produce them, and copies of the fonts used (check your font license agreement for restrictions about sharing fonts).</p>

<p align="center"><a href="http://www.ideabook.com/store.html"><img src="/store_images/ideabook_graphic_design_templates.gif" alt="Ideabook design store: templates, books, and tools for communications design" /></a></p>
 
<strong>Determine who is responsible for what</strong>

<p>Before you hand over your files, be sure you and the printer <i>agree about who is responsible for what.</i> One printer might prefer to work with your actual desktop publishing program file, to open it in the program you used to produce it, and prepare it themselves. Another might assume you have prepared a file complete with such settings as screen frequency, screen angles, negative orientation, and others.<br />
 <br />
<strong>Review and sign off on a proof</strong></p>

<p>Once your files are prepared for a printing press, you will be asked to <i>review and sign off</i> on a proof of your job before it is printed. A proof is a printout that should, as closely as possible, demonstrate the final printed piece. </p>

<p>There are many different types of proofs. Some printers still provide a blueline (named for its monochrome blue color) made by exposing a film negative on a sheet of light-sensitive paper. It shows a highly accurate representation of what to expect from the printing process minus actual color. If you specify more than one or two colors, a color proof is sometimes required to approximate the colors you should expect.<br />
 <br />
Today, in an ever-changing print marketplace, new and more accurate ways of proofing are available. Your printing representative can explain the differences, and show you examples of the systems they use. </p>

<p>Your responsibility, in any case, is the same: to check and recheck the proof thoroughly. Once you sign off on it, responsibility for everything shown on the proof is yours, even if it is the printer's mistake. This is an important distinction to understand. If something as simple as an errant line break eliminated an important phone number, and that mistake undermined your entire project, your approval may still be legally binding&mdash;leaving you and your organization to bear the entire cost of reprinting.</p>

<p>Use a red pen or pencil to circle errors and make notes. Are pages printed at the right size? Are the photographs, artwork, and text in the right places? Are the images and text clear and focused? Are the correct typefaces used? Did special characters such as fractions and copyright marks translate correctly? Circle scratches, dust, and broken characters that might be caused by impurities in the film used to make the proof and that, in turn, will be used to make the printing plates. If there are significant changes, request a second proof so you are sure all the changes were made.</p>

<p>If printing will be done on a production copier, prepress primarily concerns translating the files to the printer's copier and reviewing sample copies before a complete run is produced.</p>

<p><strong>Check your job in progress</strong></p>

<p>Good printing is the absence of mistakes. The proofs you sign off on gave you a good idea of what your finished job should look like. Now your responsibility shifts to seeing that the results are a fair representation of what you approved. There are two stages at which to intercept problems&mdash;during the printing process, and after it is complete. </p>

<p>Many printers are receptive to, and in fact encourage, clients to <i>check their jobs in progress</i> at the beginning of the press run. This is especially true if there is some part of the process that requires an aesthetic judgment&mdash;if, for example, you are using process colors (CMYK), the press operator can often fine-tune the result by increasing or decreasing the intensity of individual colors. But remember, press time is expensive. If you choose to approve your job on press, be prepared to give clear directions and to make quick decisions. Check with your printing representative to see what their policy is and requirements are for press checks. </p>

<p align="center"><a href="http://www.ideabook.com/store.html"><img src="/store_images/ideabook_graphic_design_templates.gif" alt="Ideabook design store: templates, books, and tools for communications design" /></a></p>

<p>Whether you are looking at a job in progress or postpress, the figures show a few of the most obvious problems to look for. Though a small portion of just about every job will be spoiled by one or more of them, attentive press workers should spot and discard problem sheets. And, though quality varies from printer to printer, most would agree that problems this extreme are not considered deliverable.</p>

<p>Check your job in progress and, afterward, question anything that is distinctly different from the proof you approved. Watch for these potential printing problems:</p>

<p><img alt="ib_checklist_01.gif" src="http://www.ideabook.com/tutorials/images/ib_checklist_01.gif";></p>

<p><i>Coverage</i> Check the ink coverage&mdash;too little (A), normal (B), or too much (C).  </p>

<p><img alt="ib_checklist_02.gif" src="http://www.ideabook.com/tutorials/images/ib_checklist_02.gif";></p>

<p><i>Mottle</i> Check solid areas for mottle&mdash;uneven, spotty areas of ink.</p>

<p><img alt="ib_checklist_03.gif" src="http://www.ideabook.com/tutorials/images/ib_checklist_03.gif";></p>

<p><i>Registration and trapping</i>> All colors and shapes should be aligned, or registered, with great precision. Poor registration can result in a gap between ink colors (D).  </p>

<p><img alt="ib_checklist_04.gif" src="http://www.ideabook.com/tutorials/images/ib_checklist_04.gif";></p>

<p><i>Pinholes and hickies</i> A pinhole (E) is the result of a hole in the printing plate negative. Erratically shaped hickies (F) are caused by dirt or paper particles that adhere to the plate or rollers.</p>

<p><img alt="ib_checklist_05.gif" src="http://www.ideabook.com/tutorials/images/ib_checklist_05.gif";></p>

<p><i>Skew</i> A crooked or skewed image (G) could be the result of a misaligned plate.  </p>

<p><img alt="ib_checklist_06.gif" src="http://www.ideabook.com/tutorials/images/ib_checklist_06.gif";></p>

<p><i>Trimming</i> Some of the most common problems occur after the job is printed. A page trimmed even slightly out of alignment can be drastically altered (H).</p>

<p><img alt="ib_checklist_07.gif" src="http://www.ideabook.com/tutorials/images/ib_checklist_07.gif";></p>

<p><i>Ghosting</i>> A doubled or blurred image, termed "ghosting," is typically caused by a misapplication of ink on the rollers.</p>

<p><strong>Recheck your job after it is delivered</strong></p>

<p>Repeat the process by <i>rechecking your job when it is delivered.</i> Look at a representative sample of pieces from the beginning, middle, and end of the run. If the middle third of the job is spoiled, you don't want to discover it through a phone call from a subscriber.</p>

<p><strong>Do a rough count</strong><br />
 <br />
Next, <i>do a rough count</i> to determine if you got the quantity of pieces you paid for. Count a stack of 100 pieces, measure the height of the stack, and roughly calculate if you are within ten percent of the quantity you ordered. Most printers consider ten percent over or under the amount you requested as acceptable. Therefore, if you need exactly 1000 copies, be sure to tell the printer beforehand that anything less is unacceptable. Some printers expect you to pay extra for overruns unless you agree otherwise in advance.</p>

<p><strong>Oversee and approve postpress finishing</strong></p>

<p>Your final responsibility is to <i>oversee and approve postpress finishing</i>&mdash;how sheets are folded, bound, trimmed, drilled, and packaged. At a small press, these steps may be accomplished by a team of people using a series of individual devices. At the largest printer, the same steps may be completed on a single, computerized assembly line.</p>

<p>A traditional 8.5 by 11 inch, eight-page newsletter is printed front and back on two sheets slightly larger than 11 by 17 inches, which are then paired together, folded in half, and saddle-stitched&mdash;stapled on the fold. It is obvious if the pages were incorrectly paired: The pages will be out of order. If the margins are not uniform, the pages may not have been registered accurately front to back or trimmed accurately. </p>

<p><strong>Negotiate a price adjustment for printing errors</strong></p>

<p>If the printer makes errors, it is reasonable to <i>negotiate an adjustment in the price.</i> If there are minor problems with your job, something even a meticulous reader would normally miss, you can request a reprint, but it may be more practical to ask for an adjustment of the price; most printers are amenable. If there are significant, obvious problems with your job, insist on a reprint. Though some readers might not notice a problem, it may cause others to judge your organization negatively.</p>

<p><strong>Stay abreast of developing</strong></p>

<p>A final word about printing: there is no final word. The printing business, for some time, has been in and remains in fast forward. There are all types of developing technologies that solve the inherent problems of conventional prepress, printing, and postpress processes. Direct-to-press systems, for example, circumvent much of the time, practice, and cost necessary to prepare and produce printing plates. <i>Stay abreast of developing printing technologies. Printing representatives can introduce you to new, less costly ways of doing things; you have only to judge whether they meet or exceed the standards of cost, accuracy, and quality set by conventional methods.</i></p>

<p>For a comprehensive look at the printing process, get a copy of the Pocket Pal Graphic Arts Production Handbook from <a href="http://www.internationalpaper.com/Paper/Paper%20Products/Pocket%20Pal%20Home.html">International Paper.</a></p>

<p align="center"><a href="http://www.ideabook.com/store.html"><img src="/store_images/ideabook_graphic_design_templates.gif" alt="Ideabook design store: templates, books, and tools for communications design" /></a></p>]]>
    </content>
</entry>

<entry>
    <title>The form and function of folds</title>
    <link rel="alternate" type="text/html" href="http://www.ideabook.com/tutorials/print_design/the_form_and_function_of_folds.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.ideabook.com/cgi-bin/mt/mt-atom.cgi/weblog/blog_id=4/entry_id=524" title="The form and function of folds" />
    <id>tag:www.pageplane.com,2006:/tutorials//4.524</id>
    
    <published>2008-09-21T03:50:23Z</published>
    <updated>2008-09-23T00:34:07Z</updated>
    
    <summary>Folds are as important to your brochure design as illustrations, typefaces, and color. A smart layout heightens the drama with which your message is revealed to the reader.</summary>
    <author>
        <name>chuck</name>
        <uri>http://www.ideabook.com</uri>
    </author>
    
        <category term="Print Design" />
    
    <content type="html" xml:lang="en" xml:base="http://www.ideabook.com/tutorials/">
        <![CDATA[<p>BY CHUCK GREEN Folds are as important to your brochure design as illustrations, typefaces, and color. A smart layout heightens the drama with which your message is revealed to the reader.</p>]]>
        <![CDATA[<p>How do you do it? Think of your information in slide show form&mdash;a presentation with a beginning, a middle, and an end. The beginning grabs attention&mdash;a cover headline gets the reader interested. The middle presents the story&mdash;the details of your product or service and your offer. And the end asks for action&mdash;a specific response such as a phone call or a visit to your Web. The reader unfolds the printed sheet to reveal each part of your story step-by-step.</p>

<p>Before you begin writing and designing your next project, lay out your presentation by calculating the number of transitions necessary to tell the story. Then choose one of these designs or use them as a starting point to create your own variation. Some simple advance planning will help you maximize the drama with which your story unfolds.</p>

<p><strong>1 > Map your message</strong></p>

<p>Have lots of information to present? A map fold can reduce a large sheet to a compact size. You can recreate this 8-page version or make yours twice the size with double the number of panels. The cover (A) opens to a two-page spread (B) where you begin to develop your message. You might answer the cover headline with a subhead or splash an illustration across both pages. Spread B opens to reveal four pages&mdash;two over two.</p>

<p><img alt="ib_folds_01.gif" src="http://www.ideabook.com/tutorials/images/ib_folds_01.gif";></p>

<p><strong>2 > Roll out the story</strong></p>

<p>If you have information that needs to be introduced a little at a time, a roll fold is the answer. The cover (A) opens to a two-page spread (B/C) where you present the first stage of your message&mdash;a subhead and text on the left page (B) and an illustration on the right (C). As the reader unrolls the sheet, the next two-page spread appears. You can add as many pages as necessary to accommodate your message.</p>

<p align="center"><a href="http://www.ideabook.com/store.html"><img src="/store_images/ideabook_graphic_design_templates.gif" alt="Ideabook design store: templates, books, and tools for communications design" /></a></p> 

<p><img alt="ib_folds_02.gif" src="http://www.ideabook.com/tutorials/images/ib_folds_02.gif";> </p>

<p><strong>3 > Make the transition</strong></p>

<p>Many of the most interesting layouts provide a transitional spread to draw you into the story. The cover page (A) presents the headline and page B serves as a transition to the body of text on spread C. The back covers of all of these layouts are typically used for the name, address, and other details necessary for getting in touch.</p>

<p><img alt="ib_folds_03.gif" src="http://www.ideabook.com/tutorials/images/ib_folds_03.gif";> </p>

<p><strong>4 > Open the gate</strong></p>

<p>Behind the cover (A) of this layout, is a two-page "gate" (B) that opens to a four-page spread (C). An illustration or subhead and text on spread B makes a nice transition between the cover and the text beyond the gate. Desktop publishing programs are particularly good for dividing text and graphics into all the panels of a sheet.</p>

<p><img alt="ib_folds_04.gif" src="http://www.ideabook.com/tutorials/images/ib_folds_04.gif";> </p>

<p><strong>5 > Reveal the message</strong></p>

<p>The cover (A) of this layout is shortened to allow you to reveal a little of what's inside (B) on the inside back panel (C). If, for example, you place a photograph in the B position, a slice of the photograph would show through as part of the cover (A). That way, the image on the inside also sets the tone for the outside. </p>

<p><img alt="ib_folds_05.gif" src="http://www.ideabook.com/tutorials/images/ib_folds_05.gif";> </p>

<p><strong>6 > Think outside the box</strong></p>

<p>These are just a few of the fold combinations possible. Your local commercial printer can show you many more. This layout demonstrates how something as simple as cutting the unfolded sheet at a slant (A) can produce attention-getting results. Your headline goes on the cover (B)&mdash;the rest of the brochure is divided into three distinct sections&mdash;1, 2, 3&mdash;you could even print the names of three different products or services on the tabs. </p>

<p><img alt="ib_folds_026.gif" src="http://www.ideabook.com/tutorials/images/ib_folds_06.gif";> </p>

<p>It pays to know commercial printers and their equipment. You may find that the press on which your piece will be printed could accommodate a larger or differently configured sheet than you first consider&mdash;and for just a marginal increase in cost. Find out, up front, what sheet sizes you have to work with and the design process will be that much more efficient and effective. </p>

<p>I constantly battle my instinct to use a standard approach, a standard layout, or a standard size&mdash;the &ldquo;Everyone else does it that way, why shouldn't I&rdquo; syndrome. To my way of thinking, one thing that separates average from good designers is the willingness to recognize that barrier and to break it.<br /></p>

<p align="center"><a href="http://www.ideabook.com/store.html"><img src="/store_images/ideabook_graphic_design_templates.gif" alt="Ideabook design store: templates, books, and tools for communications design" /></a></p>]]>
    </content>
</entry>

<entry>
    <title>Step-by-step logo</title>
    <link rel="alternate" type="text/html" href="http://www.ideabook.com/tutorials/logo_design/stepbystep_logo.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.ideabook.com/cgi-bin/mt/mt-atom.cgi/weblog/blog_id=4/entry_id=528" title="Step-by-step logo" />
    <id>tag:www.pageplane.com,2006:/tutorials//4.528</id>
    
    <published>2008-08-09T18:28:00Z</published>
    <updated>2009-05-16T05:15:20Z</updated>
    
    <summary><![CDATA[I don't know about you but I love to see examples of how other designers work&mdash;they reveal better (or worse) ways of doing things and allow me to gauge whether my methods are mainstream or totally whacked-out. &ldquo;If anyone finds out how I obsess about this stuff,&rdquo; I tell myself, &ldquo;they'll stick me in a home.&rdquo;]]></summary>
    <author>
        <name>chuck</name>
        <uri>http://www.ideabook.com</uri>
    </author>
    
        <category term="Logo Design" />
    
    <content type="html" xml:lang="en" xml:base="http://www.ideabook.com/tutorials/">
        <![CDATA[<p>BY CHUCK GREEN I don't know about you but I love to see examples of how other designers work&mdash;they reveal better (or worse) ways of doing things and allow me to gauge whether my methods are mainstream or totally whacked-out. &ldquo;If anyone finds out how I obsess about this stuff,&rdquo; I tell myself, &ldquo;they'll stick me in a home.&rdquo;</p>]]>
        <![CDATA[<p>The problem is that step-by-step examples are rare. Why? Mainly because unless you are interested in sharing such information, there isn't much reason for recording it. And even if you are, detailing the steps can get in the way of the process. If I'm ready to move to the next stage of an idea, I am normally not interested in recording what I've done to get there.</p>

<p align="center"><img alt="ib_step_logo_04.jpg" src="/tutorials/images/ib_step_logo_04.jpg";></p>

<p>The good news is I rarely let normal get in my way. What follows are some of the steps I took to create a recent logo. I saved some of the graphics I created along the way and have attempted to recall a little bit about what I was thinking. There is, of course, more to a logo design process than what you see here&mdash;this exercise includes little about the typical ramp up of preliminary discussions, research, and so on&mdash;space, time, and vanity limit me to showing just a portion of the process.</p>

<p>I don't know about you, but I start out on paper. I find it most productive to sketch out ideas in a notebook. A Moleskine notebook is my weapon of choice&mdash;its small and sturdy enough to carry in my back pocket. (I like them so much I sell the plain and horizontal-lined flavors in the ideabook.com store&mdash; found the graph version shown here a little noisy for me.)</p>

<p>I'm most concerned with concepts at this stage&mdash;not designs. To my way of thinking, designs emerge from concepts, concepts do not emerge from designs. My goal in creating a logo is, at best, to demonstrate the benefit of using the product or service and at minimum to create a visual symbol of the subject matter.</p>

<p>I often show my clients those rough ideas. I have found that getting feedback on basic concepts is best for everyone involved. It allows us to weed out ideas that look good to me but don't work for the client. It acknowledges that the client knows the subject best, no matter how much research I do. </p>

<p>What may appear to me to be a great solution to the problem sometimes just doesn't work for reasons I could not  be expected to know.</p>

<p>The logo I'll discuss here was designed for a helicopter transport company&mdash;Metro Aviation. I started by going through my sketches and choosing the concepts I thought had most merit.</p>

<p><strong>Step 1 (below) ></strong> I created some slightly tighter drawings of five of the ideas&mdash;the first, something to symbolize the basic rotor and lift dynamics.<br />
 <br />
<p align="center"><img alt="ib_step_logo_07.jpg" src="/tutorials/images/ib_step_logo_07.jpg";></p></p>

<p><strong>Step 2 ></strong> Second is a helicopter with bird wings. Yes it's ugly (looks like a bat-copter)&mdash;but we're just exploring concepts, not designs.

<p align="center"><img alt="ib_step_logo_08.jpg" src="/tutorials/images/ib_step_logo_08.jpg";></p>

<p><strong>Step 3 ></strong> Next, a more realistic rendition of a copter integrated with the type&mdash;perhaps a flyover where the aircraft casts a shadow in the letter form.

<p align="center"><img alt="ib_step_logo_09.jpg" src="/tutorials/images/ib_step_logo_09.jpg";></p>

<p><strong>Step 4 ></strong> From the outset, the client expressed an interest in using a hummingbird as a symbol for the helicopter so I began to explore that idea as well.

<p align="center"><img alt="ib_step_logo_10.jpg" src="/tutorials/images/ib_step_logo_10.jpg";></p>

<p><strong>Step 5 ></strong> The problem with the hummingbird was that, as I began doing research, I found lots of other helicopter companies were using something similar as their mark.</p>

<p align="center"><img alt="ib_step_logo_11.jpg" src="/tutorials/images/ib_step_logo_11.jpg";></p>

<p><strong>Step 6 ></strong> That didn't rule it out, it just meant I would have develop the idea further to make it distinctive. To me, this version looks a bit more like its hovering.</p>

<p align="center"><img alt="ib_step_logo_12.jpg" src="/tutorials/images/ib_step_logo_12.jpg";></p>
<p align="center"><a href="http://www.ideabook.com/indesign_templates_step_by_step.html"><img src="/images/chuck_green_indesign_ideabook.jpg" alt="Chuck Green adobe indesign ideabook templates" /></a></p>

<p><br />
<strong>Step 7 ></strong> But it was this design that made me think, &ldquo;I'm onto something,&rdquo;&mdash;the combination of the hummingbird, the implied motion of hovering, and the additional visual element of rotation added the extra something I was looking for. </p>

<p>My confidence was strengthened further when the client chose it from the lineup. </p>

<p align="center"><img alt="ib_step_logo_13.jpg" src="/tutorials/images/ib_step_logo_13.jpg";></p>

<p><strong>Step 8 ></strong> The rest, as they say, is history. The idea of the hovering bird stuck and I began to develop a design. First, I gathered together some photographs so that my actual design would reflect the correct proportions and positioning. </p>

<p align="center"><img alt="ib_step_logo_14.jpg" src="/tutorials/images/ib_step_logo_14.jpg";></p>

<p><strong>Step 9 ></strong> Research is crucial. If some aspect of your subject is inaccurate, you can waste amazing amounts of time pursuing a design your client will reject out of hand. In this case, you can see how different the beginning shape of the actual artwork (right) is from my original sketch (left).</p>

<p align="center"><img alt="ib_step_logo_15.jpg" src="/tutorials/images/ib_step_logo_15.jpg";></p>

<p>Step 10 ></strong> The problem with logo design is you have to create finished art or something close to it to communicate your idea. I may tweak it after I get the client's okay, but I've got to be 95 percent finished with the art to sell it to the client. My software of choice is Adobe Illustrator. Here, I started by roughing out the body.</p>

<p align="center"><img alt="ib_step_logo_16.jpg" src="/tutorials/images/ib_step_logo_16.jpg";></p>

<p><strong>Step 11 ></strong> I created the feathers using a series of ovals.</p>

<p align="center"><img alt="ib_step_logo_17.jpg" src="/tutorials/images/ib_step_logo_17.jpg";></p>

<p><strong>Step 12 ></strong> Then I rotated the body and wing into hovering position.</p>

<p align="center"><img alt="ib_step_logo_18.jpg" src="/tutorials/images/ib_step_logo_18.jpg";></p>

<p><strong>Step 13 ></strong> You have to mine a lot of rocks to find the gold. This is one of many ideas I experimented with in my attempt to show &ldquo;rotation.&rdquo; Really awful isn't it?</p>

<p align="center"><img alt="ib_step_logo_19.jpg" src="/tutorials/images/ib_step_logo_19.jpg";></p>

<p><strong>Step 14 ></strong> What seemed to work best was to use some type of oval to simulate the blur of the blades.</p>

<p align="center"><img alt="ib_step_logo_20.jpg" src="/tutorials/images/ib_step_logo_20.jpg";></p>

<p><strong>Step 15 ></strong> Even better was a swirl. I took this clip art element...</p>

<p align="center"><img alt="ib_step_logo_21.jpg" src="/tutorials/images/ib_step_logo_21.jpg";></p>

<p><strong>Step 16 ></strong> and scaled it down vertically. Then I tilted the bird's body back to a vertical position so I was sure to get it centered correctly. What follows are variations of this basic design.</p>

<p align="center"><img alt="ib_step_logo_22.jpg" src="/tutorials/images/ib_step_logo_22.jpg";></p>
<p align="center"><a href="http://www.ideabook.com/tutorials/"><img src="/images/chuck_green_ideabook_graphic_design.jpg" alt="Chuck Green's free graphic design articles and tutorials from ideabook" /></a></p>

<p><br />
<strong>Step 17 ></strong> First, I added color and used the top of the swirl to define the division between the bird's body and its head. I also added a slight gap between the bottom of the swirl and the tail to accentuate the division between the swirl and the body. Finally, I added another oval below to act as a shadow.</p>

<p align="center"><img alt="ib_step_logo_23.jpg" src="/tutorials/images/ib_step_logo_23.jpg";></p>

<p><strong>Step 18 ></strong> Dividing the swirl into two colors helped to further accentuate the swirling motion.</p>

<p align="center"><img alt="ib_step_logo_24.jpg" src="/tutorials/images/ib_step_logo_24.jpg";></p>

<p><strong>Step 19 ></strong> I tried adding another shape as if the swirl were casting a shadow on the lower body. It works, but I thought it was getting a little too complex.</p>

<p align="center"><img alt="ib_step_logo_25.jpg" src="/tutorials/images/ib_step_logo_25.jpg";></p>

<p>Step 20 ></strong> And I tried changing the black swirl to gray.</p>

<p align="center"><img alt="ib_step_logo_26.jpg" src="/tutorials/images/ib_step_logo_26.jpg";></p>

<p><strong>Step 21></strong> This version includes a couple of light gray shapes I thought might give the image a little more of a sense of movement&mdash;nope.</p>

<p align="center"><img alt="ib_step_logo_27.jpg" src="/tutorials/images/ib_step_logo_27.jpg";></p>

<p><strong>Step 22 ></strong> I finally settled on filling in the spaces between the bird's body and the swirl. My thinking was to simplify the final version as much as possible and, for me, removing the negative space helped.</p>

<p align="center"><img alt="ib_step_logo_28.jpg" src="/tutorials/images/ib_step_logo_28.jpg";></p>
<p align="center"><a href="http://www.ideabook.com/indesign_templates_step_by_step.html"><img src="/images/chuck_green_indesign_ideabook.jpg" alt="Chuck Green adobe indesign ideabook templates" /></a></p>

<p><br />
<strong>Step 23 ></strong> I was actually really happy with this basic design. I even went so far as to work it into a business card layout using the colors the client requested.</p>

<p align="center"><img alt="ib_step_logo_29.jpg" src="/tutorials/images/ib_step_logo_29.jpg";></p>

<p><strong>Step 24 ></strong> But here comes a reality check. The client decided the idea of hovering just wasn't convincing enough. He liked the design but thought the hovering motion would be more true to form if it was above the body as it would be on a helicopter.</p>

<p>Wow. Its always difficult to hear when a client isn't as excited about your solution as you are. But I can tell you the axiom &ldquo;the customer is always right&rdquo; is always true. At least if you want to stay in business. </p>

<p>I could spend the time necessary to provide the client with carefully considered, well-spoken reasons for going with what I created, but clients are no different than designers&mdash;if it doesn't work for you, it doesn't work for you&mdash;period.</p>

<p><strong>Step 25 ></strong> So back to the drawing board. How do I glue these pieces together in a way that works?</p>

<p align="center"><img alt="ib_step_logo_31.jpg" src="/tutorials/images/ib_step_logo_31.jpg";></p>

<p><strong>Step 26 ></strong> First, I had to re-think the wings. The swirl took the place of the wings so I had to get them back in there.</p>

<p align="center"><img alt="ib_step_logo_32.jpg" src="/tutorials/images/ib_step_logo_32.jpg";></p>

<p><strong>Step 27 ></strong> That worked for me, but the swirl didn't.</p>

<p align="center"><img alt="ib_step_logo_33.jpg" src="/tutorials/images/ib_step_logo_33.jpg";></p>

<p><strong>Step 28 ></strong> I needed something simpler. A solid shape? Nope too massive.</p>

<p align="center"><img alt="ib_step_logo_34.jpg" src="/tutorials/images/ib_step_logo_34.jpg";></p>

<p><strong>Step 29 ></strong> Again, I found simpler better. It worked for me and, more importantly, it was just what the client wanted.</p>

<p align="center"><img alt="ib_step_logo_35.jpg" src="/tutorials/images/ib_step_logo_35.jpg";></p>

<p><strong>Step 30 ></strong> Next, I adjusted the colors to match the helicopter color scheme (blue and yellow) and added the shadow.</p>

<p align="center"><img alt="ib_step_logo_36.jpg" src="/tutorials/images/ib_step_logo_36.jpg";></p>

<p><strong>Step 31 ></strong> The final hurdle was the tail. We tried several different versions. One...</p>

<p align="center"><img alt="ib_step_logo_37.jpg" src="/tutorials/images/ib_step_logo_37.jpg";></p>

<p><strong>Step 32 ></strong> Two...</p>

<p align="center"><img alt="ib_step_logo_38.jpg" src="/tutorials/images/ib_step_logo_38.jpg";></p>

<p><strong>Step 33 ></strong> Three...</p>

<p align="center"><img alt="ib_step_logo_39.jpg" src="/tutorials/images/ib_step_logo_39.jpg";></p>

<p><strong>Step 34 ></strong> and four...</p>

<p align="center"><img alt="ib_step_logo_40.jpg" src="/tutorials/images/ib_step_logo_40.jpg";></p>

<p><strong>Step 35 ></strong> I like it when clients push. Though I may cry and moan to myself at the time, more often than not, we end up with a better solution. That said, in this case, I personally prefer the interim solution, but then I'm not paying the bill. </p>

<p align="center"><img alt="ib_step_logo_41.jpg" src="/tutorials/images/ib_step_logo_41.jpg";></p>

<p><a href="/tutorials/images/ideabook_logo_samples.pdf"><img src="/tutorials/images/ib_step_logo_42.gif" alt="Step-by-step Logo" align="right"/></a></p>

<p>Logo design is legalized gambling. When I take on a project I don't know if it will take eight hours or five days. In fact what I've shown you here is the tip of the iceberg. To the right, in PDF form, is a summary of some of the many iterations of the logo. </p>

<p>Though it is a challenge from all sides, there is nothing quite so exciting for a designer than discovering, developing, and implementing an image that becomes the visual representation of an entire organization. <br />
<br><br />
<br><br />
<br><br />
<p align="center"><a href="http://www.ideabook.com/tutorials/"><img src="/images/chuck_green_ideabook_graphic_design.jpg" alt="Chuck Green's free graphic design articles and tutorials from ideabook" /></a></p></p>]]>
    </content>
</entry>

<entry>
    <title>The suicide of design</title>
    <link rel="alternate" type="text/html" href="http://www.ideabook.com/tutorials/design_business/the_suicide_of_design.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.ideabook.com/cgi-bin/mt/mt-atom.cgi/weblog/blog_id=4/entry_id=846" title="The suicide of design" />
    <id>tag:www.ideabook.com,2008:/tutorials//4.846</id>
    
    <published>2008-07-28T23:08:23Z</published>
    <updated>2008-08-11T15:49:53Z</updated>
    
    <summary>BY CHUCK GREEN Recently and yet again, I was asked for a copy of a font. Someone I thought of as a legitimate designer asked me to e-mail a font I paid for so they would not have to. Though...</summary>
    <author>
        <name>chuck</name>
        <uri>http://www.ideabook.com</uri>
    </author>
    
        <category term="Design Biz" />
    
    <content type="html" xml:lang="en" xml:base="http://www.ideabook.com/tutorials/">
        <![CDATA[<p>BY CHUCK GREEN  Recently and yet again, I was asked for a copy of a font. Someone I thought of as a legitimate designer asked me to e-mail a font I paid for so they would not have to. Though it has happened many times, this &ldquo;I'm a shoplifter so you must be one too,&rdquo; attitude never ceases to amaze (and insult) me. Is my attitude extreme? I think not. In fact, I believe the pilfering of images, fonts, and software is not just benign cheating or victimless crime, I think of it as professional suicide. Here's why:</p>]]>
        <![CDATA[<p><strong>1. Minimizing the value of other people's work minimizes ours</strong>.</p>

<p><img alt="Minimizing the value of other people's work minimizes ours" src="http://www.ideabook.com/tutorials/images/ib_suicide_of_design_01.gif" align="right"/>Every knowledgeable graphic designer understands that good design and development require creativity, technical knowledge, and resources. A typeface designer not only conceives of, draws, and refines every turn and corner of every letter of the alphabet; they also craft sets of numbers, symbols, ornaments, and a standard set of foreign characters. Add ligatures, alternative characters, and width and weight variations and a single typeface family can easily represent literally thousands of individual images.</p>

<p>So ask yourself this: &ldquo;Does type design have any merit or value?&rdquo; If so then, &ldquo;Should a type designer be compensated for the hours they work?&rdquo; And finally this, &ldquo;Should type designers donate their vision and craft so we can profit from it?&rdquo;</p>

<p><img alt="Voluntary compliance is the key to professional survival" src="http://www.ideabook.com/tutorials/images/ib_suicide_of_design_02.gif" align="left"/><strong>2. Voluntary compliance is the key to professional survival.</strong></p>

<p>But why should we pay for software? In 2008, the retail prices of Adobe Creative Suite 3 (Photoshop, Illustrator, InDesign, etc.) and the Apple 30-inch Cinema HD Display were both $1799. So why are virtually 100 percent of the monitors paid for while some estimates say as much as 35 percent of software is pirated? </p>

<p>Because of a convenient misconception. I guarantee you that most of the people who use pirated software would not pick up a $1800 monitor and walk out of a store without paying for it. The monitor has weight and form to it, it represents a value that the software does not. It is convenient to think that the monitor has some value the software does not. But walking off with the software is no less theft.</p>

<p>A free society is dependent on voluntary compliance with the law. If we ever get to the point that we must rely on enforcement for compliance, the game is lost.</p>

<p><strong>3. Solidarity of purpose is the cost of admission</strong>.</p>

<p><img alt="Solidarity of purpose is the cost of admission" src="http://www.ideabook.com/tutorials/images/ib_suicide_of_design_03.gif" align="right"/>Your adoption of the common goals and interests of our profession is the price of admission to it. If you expect to be treated ethically and fairly by your clients and colleagues you need to do the same. </p>

<p>The same holds true for all of the resources we employ&mdash;fonts, hardware, teaching materials, photographs, illustrations, and so on. My client hires me for the messages I craft to communicate their ideas and the imagery and technology I employ to create them. They pay, in no small part, for my knowledge about how all these pieces fit together, where to get them, and how to use them.</p>

<p>Every designer's work, whether they want to acknowledge it or not, is built on the work of others. A communications designer does not work alone&mdash;ever. The people and organizations that supply us with the creative elements and tools for our work depend on us to share our profits with them. Depriving them of their share is not only selfish; it will result in the death of our profession by our own hand.</p>

<p><strong>I welcome your thoughts.</strong> To comment, click &ldquo;Contact Chuck&rdquo; button. </p>

<p align="center"><a href="mailto:info@ideabook.com?subject=The suicide of design feedback"><img src="/images/contact_chuck_ideabook.gif" alt="The suicide of design by Chuck Green and ideabook.com" /></a></p>

<p align="center"><a href="http://www.ideabook.com/store.html"><img src="http://www.ideabook.com/store_images/ideabook_graphic_design_templates.gif" alt="Ideabook design store: templates, books, and tools for communications design" /></a></p>

<hr>
<br>
<em>Conversation about this article</em>
<br>
<p>&ldquo;If you think about it, there is time, education, and skill invested in the design of a font. The time it took to perfect this craft could have taken several years. The cost of the font designer's education could of easily been in the thousands. Then the skill it often takes is priceless. So, when you pay for a font, you are not just paying for the act of creating it or the product itself. Rather, we are paying for that person's skill, knowledge, and a lifetime of experience as well their ability to make a living. We are also making an investment in our career as designers, because the work of a font designer is inexplicably tied to what we do in many ways.&rdquo;</p>

<p>&ldquo;When we don't pay for, or value, what goes into a font, why should anyone value what goes into making any design. This is what is happening in the field of graphic design today. When someone wants a logo, most of the time they want a product. They don't care what goes into the process. They want something pretty or decorative. Many designers are insulted when their ideas are undervalued, or their skill, education, and experience are undervalued. So why undervalue those things that make our craft possible?&rdquo; Kerry C.</p>

<hr>

<p>"What to do if you are a struggling young designer or student? You want to get ahead in this crazy world of marketing, design, and creative thinking, but you can't afford the newest, latest and greatest software, so what do you do? Usually you 'borrow' the software from a friend or get a group of your colleagues together and scrape up the money to buy at least one licensed copy of the needed tools. Is this right? Probably not. As an old, grumpy former print production guy, I have seen my share of work that comes across my desk that is incomplete, missing files and not assembled correctly, all due to lack of knowledge in the workings of programs like InDesign. What do we do?"</p>
 
<p>"I realize the time and money that goes in to designing and producing programs and software and I've seen all this new technology completely change our business. Is the business better because of it? I'm not sure. All of the new technology does give designer much more flexibility. The problem is how to they pay for it when business is down and you are depending on the next job to pay the rent? Somewhere in-between lies the answer."</p>

<p>"Maybe it's different models of the software that can be changed when the designer can afford more than the full-tilt program with all the bells and whistles. I know of many honest young designers that would never think of pirating software. I also know an equal amount who have no problem with it. So, does the purveyor of the software only sell the top of the line programs, or does he suggest something else? How do students and young designers get the knowledge they need to take advantage of all the latest in technology? Too often, they don't and either use pirated software or lose the assignment because they don't have it. It's not like buying a new set of Prismacolor markers to change your ideas and or make them better. I understand that I didn't answer the question, but maybe this may give pause to someone who is a lot smarter than me to stop and think about it." Denny H.</p>

<p><em>Thanks for your comment Denny. I understand your concerns.
What we are talking about is the "system" in which we live-the voluntary "I'll provide this for you if you'll provide this for me." Every time (or example) you use your telephone, you acknowledge your dependence on the system. By paying your phone bill you compensate the worker who mined the ore that produced the bolt used to assemble the tower on which the lines are strung that make your call possible. I assume you see the value in that.</em></p>

<p><em>If I only followed the laws I endorse and you only followed those you endorse the system would break. And if enough parts break the result can be catastrophic. To me, whether you steal a car or a software program makes no difference in the scheme of our voluntary system. Undermine the system and ultimately you will suffer the consequences. I can think of countless reasons I don't like follow this law or that. The only thing that I would like less is every-man-for-himself.
</em> Chuck</p>

<p>"Chuck: I am not an advocate the piracy of programs or software under any conditions. What I'm looking for is some way to get young designers with no budget a chance to somehow make use of this. I still get a lot of files produced on PhotoShop 4.0 and PageMaker that are difficult to put into today's electronic formats. I'm semi-retired now, but have tried to keep myself educated on whats going on around me. I still consult for a number of small and/or young designers who are not equipped with the latest in software and it makes it difficult in some cases to get what I want in raw files to a printer.  I'm for some way to get these kids software that they can purchase and build on.</p> 

<p>"My knowledge of all that goes into that isn't on a par with most younger guys. I come from the days of copper plates for color reproduction and film negatives. Further, my Dad, a small printer, hand set most of his work. I know the gains made. I just don't want to see young talent held back by their inability to be able to buy the needed programs. I know it's a licensing nightmare, but how do we get kids in high school graphics classes the tools they need? I know I can't afford them anymore and really don't need them, as I can get buy with what I have. I really enjoy reading your takes on what's going on in the business today and when I compare it to what I did 30 years ago, it's almost unimaginable. I know my Dad, who passed away at a young age wouldn't know where he was at, if I could show him a print shop today.</p>

<p><em>Last week my son purchased Adobe Creative Suite 3.3 Design Premium for $600 using his student discount. Seems like a deal considering you easily could have paid $600 to create the plates for a single print job 25 years ago. Doing a quick search, I found a release in the Adobe archive titled: "Adobe Systems Contributes $5.9 Million In Software To Educate and Empower Underprivileged Youth." Sometimes (I fear), the excuse of "it costs too much" translates to, "taking it is easier."</em> Chuck</p>

<hr>

<p>"These last three articles 'preach' the same messages I have been trying to get across to my twelfth-grade graphic design students. But you weren't too 'preachy,' as you originally feared. In fact, you worded your essays so well that I would like to use them as classroom handouts so that the students would have a permanent reminder of the ideals they should strive for. But, of course, I wouldn't do that without your permission! If you would rather I didn't print the pages for the students, I would at least like to require read them to read them online, and prove that they have done so by either passing a quiz or filling in one of the dreaded worksheets so universally despised."</p> 

<p>"I have been telling them that to be a good designer requires humility, because their product must not be primarily a vehicle for their own self-expression. The job of the designer is to solve communication problems. They must understand the client and the client's target audience, and connect the two, by making sure that the audience receives the client's message. The less the audience is aware of the design, the more effectively they connect with the client."</p>

<p>"This principle was encapsulated neatly by the great calligrapher and type designer Rudolph Koch: "The calligrapher is the servant. The master is the text." Jonathan B.</p>

<p><em>Nicely said Jonathan.</em> Chuck</p>

<hr>

<p>"I own a printing company and also write a newsletter (called Printips) available by subscription for printing company owners to send to their customers. In the past I have written newsletters on copyright (because customers of printing companies sometimes copy images from Internet sites believing they are in the public domain) and stressed the importance of paying for and/or getting permission to use intellectual property. In addition, we do not provide fonts with our newsletter files as that would violate Adobe's rights."</p>

<p>"Your comments on 'design without deception' is very pertinent to another dilemma printers face: customers who ask us to provide a font we have used when we are designing so they can use it to produce files inhouse. I would like your permission to excerpt from your comments (with full attribution) for the Printips newsletter."</p>

<p>"Thanks for keeping us all ethical." Nancy D.</p>

<p><em>Thanks for that Nancy. I've gotten several requests from folks who want to re-use the three articles in this series. Here is a limited permission for reprinting these three articles only (not other material on ideabook.com): How to design without deception, Commercial graphic design is not self-expression, or The suicide of design. Terms: Please do not edit the text, include the entire text of the article, and attribute the articles as follows: Chuck Green is the author of numerous books on communications design and host of www.ideabook.com -- a popular center for the exchange of print and online communication ideas.</em> Chuck</p>

<hr> 

<p>"As usual, really well articulated. Just like I wrote previously, commenting on an earlier installment of this series, I'm again encouraged that you and others share a moral compass for professional conduct when so often "cutting corners" is viewed as acceptable. Thanks for writing these."</p>

<p>"I especially appreciate the very lucid observation 'A free society is dependent on voluntary compliance with the law. If we ever get to the point that we must rely on enforcement for compliance, the game is lost.'"</p>

<p>I've had discussions with my son about why it's wrong to illegally copy digital music files. Since he's also is a musician (who has done a little garage recording), I used that same argument with him 'Minimizing the value of other people's work minimizes ours.' I said 'One day you may invest your time and money in recording a CD and put it out for sale, would want others to illegally copy it?'" Jerry S.</p>

<hr>

<p>"I wanted to add a bit to the discussion specifically about students. Adobe and other software manufacturers sell student licenses at a fraction of the cost of the professional licenses (and it's exactly the same software) in order to meet those cash-strapped students halfway, not to mention encourage them to buy and use that software later in their professional careers."</p> 

<p>"Students, especially college students, may also have access to computer lab facilities with legally licensed software (and fonts), like the ones at the university where I work. There are also freeware fonts made available on the web by their designers (though of course those may not be the same quality as a purchased font). So for students, there are some perfectly legal alternatives to piracy." Sarah K.</p>

<hr>

<p>"I think it is the same thing we see when we ask people if downloading music, movies or TV is stealing. Dr. Steven Covey who wrote the 7 habits books has a test he uses with college kids. He asks them to think of something they have done that others would consider wrong and then to close their eyes and really ask themselves if it was wrong even though they have hundreds of reasons to justify what they did. Thankfully, most of the time they admit that their inner voice believes (deep down) that what they did was wrong. Your line 'A free society is dependent on voluntary compliance with the law. If we ever get to the point that we must rely on enforcement for compliance, the game is lost.' is OUTSTANDING." Jim B</p>

<hr>

<p>"I have a hard time believing that any person involved in design (at any level) doesn't already know that asking someone to copy a font is stealing. An explanation about the skill necessary to develop a font etc. only gives them the excuse to say, "Gee, I didn't realize that." They know darn well they are stealing."</p>

<p>"It is the same in the music industry. I remember once designing a textile design and before our customer got it on their retail floor--another very large retailer saw it being woven in India - reduced the design and had it on their floor before our customer!" Lynn E.</p>

<p><em>I think there are many people who choose not to think about it. And many relativists who believe their personal circumstances justify a disregard for the systems that govern the world within which they operate.</em> Chuck</p>

<hr>

<p>"Oftentimes, I have no use for a font other than to match the clients' existing collateral. You get into a sticky issue wherein the client has paid for the font already. I could buy the font to use it for the client's work, and then have the client reimburse me, but then the client would be paying for the same font twice."</p> 

<p>"I certainly wouldn't want to eat the cost myself for a font I probably won't ever use again, particularly if the font I need is only available as part of a family that costs $200 or more. How would you suggest handling this situation?" Tomas R.</p> 

<p><em>Hoefler & Frere-Jones at www.typography.com puts this succinctly: "Freelancers, outside contractors, advertising agencies, and other suppliers are independent entities, and each needs its own font license. Keep in mind that when it comes to licensing, fonts are no different than any other kind of software." Agreed.</em> Chuck</p>

<hr>

<p></p>

<p align="center"><a href="http://www.ideabook.com/store.html"><img src="http://www.ideabook.com/store_images/ideabook_graphic_design_templates.gif" alt="Ideabook design store: templates, books, and tools for communications design" /></a></p>]]>
    </content>
</entry>

</feed> 

