Dynamic Graphics+Create Magazine
HOME   |   SUBSCRIBE  |   ABOUT  |   CONTACT US  |   NEWSLETTERS  |   CALL FOR ENTRIES  |   ADVERTISE  |   SUBSCRIBER SERVICES  |   WEBCASTS  |   JOBS
Topics
Webcasts
Newsletter
Subscribe/Renew
 
Purchase past issues to complete your library or to find the essential tips and techniques you've been searching for.
 
Tutorials
Create a halftone border in Photoshop.
Add a halftone drop shadow using Photoshop.
Downloads
Free high-quality high resolution photos.
JUPITERIMAGES SEARCH
Jupiterimages offers millions of quality photos, fonts, clipart images and animations!

 
Jupiterimages.com
Clipart.com
Photos.com
Animation Factory
internet.commerce
Join Partner Program
Typographic Anarchy
How to break the rules of type—successfully 

by Sheree Clark
April 2007
There is a rule of thumb that a writer should avoid clichés like the plague. But rules were meant to be broken, and this writer, like the designers featured here, has always been one to go against the grain.

Kidding aside, there is a place in the world for rules, laws and standard conventions. A rule is a directive intended to influence or guide behavior. In the U.S., we drive on the right. Guests rise when the bride walks down the aisle. Athletes are disqualified for using steroids. But sometimes the rules change. Although no one is required to sit in the back of the bus anymore, you can’t get on an airplane without an ID. The old social taboo about wearing black attire to a wedding has been relaxed. And while drug use will still result in an athlete being sanctioned, sports eligibility rules change all the time.

There are rules in the design world as well, and it seems the vast majority of them deal with the use of type: Don’t use more than two fonts in a print ad. Use centered type sparingly. Eliminate widows and orphans. Choose serif type over sans serif for optimal readability. Do not use all capital letters for text. Today’s savvy designer can successfully disregard certain type norms by taking a few items into account.

The medium is the message
In every situation where type is used, the technique should be appropriate to the means. A headline treatment that works for a magazine spread might not be effective on a poster, for example. Letterspacing in a book can be tight, and the words will still be readable because a book or periodical is typically viewed from a direct angle and at arm’s length. On a highway sign, however, improper—or just plain bad—kerning could cause a missed exit.

The choice of a font or technique used in arranging type is affected by a variety of factors. From the ink holdout of the substrate to the finished size of a piece, each element of the medium being used should be taken into account.

Design for delivery via a computer monitor presents its own set of issues. The elastic nature of a web page—one that has to work across different computer platforms and screen sizes—makes the odds for success more difficult to calculate. A saving grace of a digital medium is, of course, that it is correctable, and even retractable. One complaint about illegibility, and a remedy can be executed immediately, often at little or no cost.

Get off on the right foot
The choice of a font and the way it is used presents an immediate “first impression” to the audience. In most instances the reader may not consciously notice the letterforms—particularly if a conventional typeface is used—but the viewer nonetheless will be influenced by the font. For example, a simple invitation set entirely in a classic script such as Zapfino that is centered line for line can quickly set the expectation that an event or presentation is going to be formal. But take the exact same text, set it in Futura or American Typewriter, and the personality of the occasion suddenly takes on a different feel. There are, of course, degrees of formality and informality—just as there are varying measures that factor in, like quality or urgency. The trick is in finding just the right delivery vehicle to convey the message as you intend it.


2001 Rice Alliance for Technology and Entrepreneurship booklet
This piece by Savage Design uses many different typefaces throughout, thus breaking a cardinal rule of typography. The book was designed as a satire on an old-fashioned chemistry textbook, including the cover, which mimics the Periodic Table of the Elements. Because the organization’s mission is to coordinate a forum for exchange and collaboration among the management, engineering and science communities at Rice University, the approach is effective and appropriate.


2002 Rice Alliance for Technology and Entrepreneurship booklet
By Savage Design, this brochure was developed to evoke the image of propaganda posters. The design includes multiple typefaces and a considerable amount of type, confined within boxes and with low contrast backgrounds. The theme of the book made the breaking of conventions seem appropriate.

Don’t be a fish out of water
A private event invitation is a whole different animal from a consumer packaging campaign. Type used on a menu is bound by a different set of criteria than the font you select for a neon sign. Likewise, you may be guided by different considerations when you’re trying to sell something, rather than merely entertain. If your message is the only one the receiver is dealing with at a given time, you can take a different stance than you might in a crowded message marketplace. Take care to ensure that your techniques or font choices are suitable for the environment in which they’ll be appearing.

Don’t bark up the wrong tree
An audience’s perception is colored by demographics, experience and—as we’ve seen above—milieu. For example, a memorable font—such as Baby Teeth, designed by Milton Glaser in 1968—may seem nostalgic and familiar to a Baby Boomer, while someone born in the 1980s might deem the same font retro, or simply find it dated. A frenetic layout comprised of a large number of mismatched typefaces will appeal more to one crowd than another. Some audiences are perfectly willing to “work” to receive a message about something that holds their interest, while others will be gone in a flash if you’re not immediately forthcoming with your offer or clear with your communication.


Mid-Iowa Health Foundation 2005 annual report
Designed by Sayles Graphic Design, large chunks of reversedout type punctuate this annual report and contribute to its appeal. Unusual paragraph justification adds another interesting feature.


Timbuktuu Coffee Bar logo
Deciding that the horizontal style of the orginal Timbuktuu logo took up too much real estate for widespread use, Sayles Graphic Design also developed an alternative, vertically oriented version. The stacked adaptation does not employ hyphens, but they are implied by the “breaks” in the name. Both versions are employed in the coffee bar’s identity, as shown on the various drink cups.

Here today, gone tomorrow
The anticipated shelf life of a piece is often a consideration in font selection. Certain projects are ephemeral: They are of and for the moment, and their fleeting nature often means they are bound by fewer constraints. An example of this would be a promotion for a concert. In such an instance, the audience is specific, highly motivated and the message is succinct. Communication developed within this context can be a little more unconventional.

Send up a trial balloon
When you are taking a design risk—especially one involving type and readability—it is often a good idea to test-drive your design. Ask someone who is unfamiliar with your project and whose judgment you trust for an objective assessment. Be prepared to ask specific questions such as “can you read this?” or “what feeling do you walk away from this with?” If you’re designing a menu that will be used in a lowlight situation, take a prototype to a dark restaurant and see for yourself what adjustments might be needed to ensure a successful end result.


Cranium Studio brochure
Taking an unorthodox approach to the firm’s promotional brochure let Cranium Studio position itself as distinctive. The design also creates unique white space that cannot be achieved with traditional left-to-right applications. The firm chose OCR by Adobe because the font is simple and legible, even when viewed from an angle.

What’s wrong with this picture?
It is a pretty safe bet that every designer has made missteps involving typography and font selection at some point. Common mistakes are using a toosmall point size, choosing a light ink color for the body copy, selecting an overly elaborate and hardto- read font. The trick is in learning from your mistakes (or better yet, the mistakes of others) and not repeating them. A post mortem is always a good idea at the end of a project; it can help you head off future type transgressions.

At the end of the day …
The most important question to ask is whether the typography—along with all the other elements of a design—comes together to enhance or detract from the message. Some rules were made to be broken, but a little advance work will help you avoid crying over spilled milk.


Creative Bloc 7 mailer
Taking the audience into account, this mail piece by Sayles Graphic Design for a creativity seminar violates a few rules of good typography. A variety of fonts—some even appearing upside down—were used successfully in the twocolor project.


Left: Beaverdale Bike Ride poster
The handcrafted look of the display type —along with “really done on an old typewriter” body copy— combine to make this poster by Sayles Graphic Design truly feel like a neighborhood event.

Right: 1960s Grateful Dead concert poster
The shelf lives of some projects are undeniably fleeting, and concert promotions are included in this category. This Wes Wilson poster certainly captures a moment in time, largely due to the type treatment used.

SIDEBARS:

Recommended resources
About Face: Reviving the Rules of Typography, by David Jury, $30, RotoVision, www.amazon.com

Stop Stealing Sheep & Find Out How Type Works, by Erik Spiekermann and E.M Ginger, $26.60, Adobe Press, www.adobepress.com

The Elements of Typographic Style, by Robert Bringhurst, $29.95, Hartley and Marks Publishers, www.amazon.com

The Complete Manual of Typography, by James Felici, $35, Adobe Press, www.adobepress.com

No More Rules: Graphic Design and Postmodernism, by Rick Poynor, $37, Yale University Press, http://yalepress.yale.edu/yupbooks/language_home.asp

Thinking with Type: A Critical Guide for Designers, Writers, Editors, & Students, by Ellen Lupton, $19.95, Princeton Architectural Press, www.papress.com

Digital Type Design Guide: The Page Designer’s Guide to Working With Type, by Sean Cavanaugh and Ken Oyer, $13.49, Hayden Books, www.amazon.com

Non Designer’s Type Book, by Robin Williams, $24.99, Peachpit, www.peachpit.com

In addition to offering fonts for sale, many of the following sites also feature tools and resources that you may find helpful.

Adobe—Providing typography since 1985, Adobe Type offers more than 2200 typefaces, including typographic refinements such as swashes, small caps and old style figures. “Adobe Originals” are new fonts and include updated classics from the world’s leading type designers.
www.adobe.com/type

Monotype Imaging—Formerly Agfa Monotype Corp., the company is home to the Monotype typeface library, a collection that includes widely used designs such as the Arial, Times New Roman and Gill Sans families. Monotype Imaging offers fonts for most of the world’s written languages.
www.fonts.com

Ascender Font Store—The Ascender team consists of renowned type designers, software engineers and font industry professionals. Ascender is a provider of custom fonts, multilingual Unicode fonts, Microsoft fonts, legibility fonts and fonts for branding identity.
www.ascenderfonts.com

Berthold—Berthold BQ fonts and the Adobe Related Berthold BE fonts are distributed around the world by authorized Berthold distributors. If there is no distributor in your area, contact the company directly.
www.bertholdtypes.com

Bitstream—A software development company that enables customers worldwide to render high quality text, browse the web on wireless devices, select from the largest collection of fonts online and customize documents over the internet. Its core competencies include browsing, font and publishing technologies.
www.bitstream.com

Elsner+Flake—Based in Germany, Eisner+Flake is a type development/font technology company. View, buy and download fonts online.
www.elsner-flake.com

Font Bureau—Founded in 1989 to serve the emerging needs of microcomputer-based magazine and newspaper publishers, the Font Bureau has designed over 1000 fonts for over 300 publications. A few of these designs remain the exclusive property of the publications but most have become part of Font Bureau’s Retail Library.
www.fontbureau.com

FontShop—Carries over 30,000 fonts from more than 50 international type foundries. FontShop is also a font workshop, handling font format conversions and creating custom type for specific needs. Logo fonts, modifi cations and tailored repackaging are all executed by a team of experienced designers and technicians.
www.fontshop.com

International Typeface Corporation (ITC)— Founded in 1970, ITC is a library of more than 1500 classic typefaces and new designs. ITC is one of the few companies that actively seek out and market new designs.
www.itcfonts.com

International TypeFounders, Inc. (ITF)— Owners of the Red Rooster Collection, ITF designs, produces and markets digital fonts in many formats. The company specializes in corporate and custom font design, kerning existing fonts, consultation and typeface licensing issues. Most of the typefaces in the ITF collection are original designs or have been exclusively licensed for the Red Rooster Collection.br> www.roostertypes.com or www.houseoftype.com

Linquist’s Software—A leading source of foreign language fonts since 1984, Lindquist’s makes available TrueType fonts and Type1 fonts for over 2000 languages for Windows and Macintosh computers.
www.linguistsoftware.com

Linotype—Many of today’s most important and internationally influential fonts derived from the Linotype Library and its predecessors. Original fonts that you can now find on every PC as PostScript fonts have been licensed from this huge library. Linotype offers more than 6000 high-quality typefaces.
www.linotype.com

Once upon a time ...
... typography was considered both an art form and a craft. Today the general consensus—among designers 40 and older, anyway—is that typography in general has gone to hell in a handbasket. While the younger crowd—those who don’t remember phototypesetting, or know from firsthand experience what paste up means—may not agree, there is debatably a degree of value in knowing typographic design theory and history. Fortunately, learning about type conventions doesn’t have to mean a trip to the book stacks or an arduous search for relevant materials. Your research can be as fun as going to the movies. Start with a visit to www.archive.org/details/Typesett1960, where you’ll be able to view a training clip (ca. 1960) that shows how mechanical typesetting worked. Locate and watch the classic The Art of Hermann Zapf, produced in 1967 at Hallmark Cards Inc. in Kansas City, to see a real master typographer in action. Then check out Helvetica, a 2007 independent film about typography, graphic design and global visual culture, slated to begin screening at film festivals worldwide this year.

About the author
Sheree Clark is managing partner of Sayles Graphic Design in Des Moines, Iowa; an author and speaker on organizational and business issues; and owner of Art/Smart Consulting, which provides selfpromotion and business strategies to creative professionals.
Events & Courses


JupiterOnlineMedia

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Solutions
Whitepapers and eBooks
IBM Whitepaper: Innovative Collaboration to Advance Your Business
Internet.com eBook: Real Life Rails
Avaya Article: Call Control XML - Powerful, Standards-Based Call Control
Tripwire Whitepaper: Seven Practical Steps to Mitigate Virtualization Security Risks
Internet.com eBook: The Pros and Cons of Outsourcing
Go Parallel Article: Scalable Parallelism with Intel(R) Threading Building Blocks
Internet.com eBook: Best Practices for Developing a Web Site
IBM CXO Whitepaper: The 2008 Global CEO Study "The Enterprise of the Future"
Avaya Article: Call Control XML in Action - A CCXML Auto Attendant
Go Parallel Article: James Reinders on the Intel Parallel Studio Beta Program
IBM CXO Whitepaper: Unlocking the DNA of the Adaptable Workforce--The Global Human Capital Study 2008
Adobe Acrobat Connect Pro: Web Conferencing and eLearning Whitepapers
Go Parallel Article: Getting Started with TBB on Windows
HP eBook: Storage Networking , Part 1
MORE WHITEPAPERS, EBOOKS, AND ARTICLES
Webcasts
Go Parallel Video: Intel(R) Threading Building Blocks: A New Method for Threading in C++
HP Video: Is Your Data Center Ready for a Real World Disaster?
Microsoft Partner Portal Video: Microsoft Gold Certified Partners Build Successful Practices
HP On Demand Webcast: Virtualization in Action
Go Parallel Video: Performance and Threading Tools for Game Developers
Rackspace Hosting Center: Customer Videos
Intel vPro Developer Virtual Bootcamp
HP Disaster-Proof Solutions eSeminar
HP On Demand Webcast: Discover the Benefits of Virtualization
MORE WEBCASTS, PODCASTS, AND VIDEOS
Downloads and eKits
Microsoft Download: Silverlight 2 Software Development Kit Beta 2
30-Day Trial: SPAMfighter Exchange Module
Red Gate Download: SQL Toolbelt
Iron Speed Designer Application Generator
Microsoft Download: Silverlight 2 Beta 2 Runtime
MORE DOWNLOADS, EKITS, AND FREE TRIALS
Tutorials and Demos
IBM IT Innovation Article: Green Servers Provide a Competitive Advantage
Microsoft Article: Expression Web 2 for PHP Developers--Simplify Your PHP Applications
Featured Algorithm: Intel Threading Building Blocks - parallel_reduce
MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES