Good typography shouldnâ€™t have to rely on ornamental crutches to stand tall. Yet despite all the tools and knowledge available to us, we readily embrace a flourishing, decorative typography, with cheap tricks used in a misguided attempt to make it â€œpopâ€. This ancient art may rapidly be gaining popularity, but are we paying it the respect it deserves?
Take a snapshot of the visual culture that surrounds youâ€”magazines, movie posters, packaging, websitesâ€”how much of it relies on typography? How much of the typography around you is actually well considered? Chances are youâ€™ll find a handful of beautifully crafted typographical designs competing with an avalanche of visually â€œrichâ€, image-heavy creations. Typography is then relegated to the role of â€œnecessary evilâ€ in order to display text, or ill-considered typographic pieces, where the meaning of MS WordArt has been interpreted a smidgen too literallyâ€¦ Why?
But with such power comes great responsibility. And even though modern tools give us the opportunity to do so many things, doing a great deal of these things isnâ€™t always a recipe for beautiful design. Just because we have many options opening up to us doesnâ€™t mean we need to employ every single one of them in the hope of developing a design that stands outâ€”and most likely for all the wrong reasons.
Thatâ€™s not to say typographic design canâ€™t be ornamental, complex or even illustrative. But centuries of working with movable type has left us with principles on which to base our typography, and itâ€™s our duty as designers to understand them (at least if weâ€™re aiming to break them). A good place to start is to look at what those who came before us have doneâ€”even the briefest throwback into the annals of typography and design history will help.
Consider Milton Glaserâ€™s â€œI love New Yorkâ€ logo from 1977, commissioned as part of a marketing campaign by the New York State Department of Commerce. Glaser, who did the work pro-bono, wisely avoided skylines, figures of people holding hands, or flowery ornaments by using only a simple heart shape to represent the key word of the mark: love. We all know the subsequent success of the logo, as it has been brandished on millions of white t-shirts, inspiring countless knock-offs since its inception.
And if the heart-symbol of Glaserâ€™s work seems too pictorial in this context, how about Robert Indianaâ€™s â€œLoveâ€ sculpture? Originally created for a Museum of Modern Art Christmas card in 1964, this iconic piece of type shuns imagery altogether, relying only on the power of letterforms (arguably based on Clarendon) to ignite our compassion.
Lovely examples of modern typographic icons.
Milton Glaserâ€™s post-9/11 update of his own masterpiece.
Of course, this kind of admiration for type didnâ€™t just start with 60â€™s advertising. Typography is a craft going back thousands of yearsâ€”to the birth of writing, if you wished to go deep enoughâ€”and has evolved and developed a great deal since that time. Theories have been postulated and developed as to how to best communicate through letterforms, especially when an idea needs to be transmitted as easily as possible. As Bringhurst explains while introducing the first chapter of his timeless â€œThe Elements of Typographic Styleâ€: Typography exists to honor content.
Beatrice Wardeâ€™s well known essay â€œThe Crystal Gobletâ€ beautifully explains the role of the typographer and his or her type, and she reinforced this point during an address given in 1930 to the British Typographers Guild in London. Advocating the idea that type was not there to be admired, or even noticed, that it existed only with the purpose of communicating an idea, she proclaimed; â€œI have a book at home of which I have no visual recollection whatever as far as its typography goes; when I think of it, all I see is the Three Musketeers and their comrades swaggering up and down the streets of Paris.â€ I wonder how many us have the same consideration for content when we browse through MyFonts or Typekit in search of the perfect typeface.
One of the many great designers who echoed Wardeâ€™s ethos was Jan Tschichold. His most well-known work is found in the legacy he created during his time working for Penguin (1947-1949), refining and redesigning the former book covers and creating the rulebook for the Penguin covers that followed him.
Notice the absence of decorative elements in this series of Penguin covers by Tschichold.
Looking at these covers one will see that the focus is unequivocally on the communication of a bookâ€™s title and author, and the result is truly magnificent. The covers are not beautiful because of particular ornaments or images, or even the individual shapes of the letters, but for their clarity of message. Itâ€™s not by accident that a clarity of (and focus on) typography has stuck with Penguin until the present day, which is beautifully demonstrated by David Pearsonâ€™s designs for the â€œGreat Ideasâ€ series from 2004, 2005 and 2008.
Though the style may be different, the focus on typography still embodies the spirit of Tschichold.
Challenging The Rules
The approach advocated by modernist typographers is one of clarity and legibility. Scientific methods (letâ€™s call it early â€œA/B testingâ€) were utilized in the quest to find the perfect typefaceâ€”not in terms of aesthetic, but rather efficiency for communicatingâ€”and rigid systems were developed to achieve ideal reading conditions. In the strictest sense, typographic beauty is not to be gained from the letters or ornaments themselves, but should come as a natural result from an â€œinvisibleâ€ type that unselfishly honors the words and content.
However, movements of any kind invariably inspire counter-movements, and the modernist ethos was to be thoroughly challenged towards the end of the last century, most notably by David Carson (b. 1954), Peter Saville (b. 1955) and Neville Brody (b. 1957). While earlier designers sought to communicate the messages they were setting as clearly and cleanly as possible, these young contenders wished to push the boundaries of legibility and normality, so that the emotion and idea wasnâ€™t delivered via what the words represented, but how the words were seen as objects separated from their meaning.
These three designers were to shape the face of contemporary typography with their groundbreaking work spanning magazines, newspapers, film titles (Carson and Brody) and record sleeves (Saville). They helped pioneer experimental typesetting in the 80â€²s and 90sâ€™, throwing the modernist rulebook out the window, yet retaining the communicative authority for letters and words.
Nowadays itâ€™s easy to argue that their use of type did indeed include a great deal of flourish and extras. But seen in the context of the post-modern era, itâ€™s clear that this was not simply an attempt to â€œbeautifyâ€ their work. On the contrary, the disrespect for clarity and to embrace â€œgrungeâ€ were design statements opposing the impersonal coldness of the modernist designersâ€¦ they were adding emotion to the words they were communicating, which also reflected the cultural movement of the time.
Jan Tschichold might have turned in his grave at brash expressions such as these, but the power of typography seemed stronger than ever. Their work showed that there is an infinite number of ways that typography can be used to communicate a message.
Clockwise from top left: Savilleâ€™s cover for Hard-Fi: Once Upon a Time in the West, Carsonâ€™s High Priority spread for NY magazine, Nike ad by Neville Brody.
The conscious tenet arising from such examples is an appreciation, by the designer, of how typography can be emotionally valuable. Each of the above examples evoke somethingâ€”whether heartfelt, or slightly adrenalin pumping, it can be concluded that this is often the role of illustrative typography: to move the heart, and not just yell at the mind.
From Movable Type To Type That Moves
Regardless of the word count, the typographic experience can be as emotional as any pictorial masterpiece. This notion is beautifully exemplified by the â€œComing Togetherâ€ campaign for FontAid by The Society of Typographic Aficionados (SOTA) in support of relief efforts following the 2010 disaster in Haiti. The projectâ€”a font consisting of hundreds of ampersands designed by contemporary typographersâ€”showed that despite the common saying that â€œa picture speaks a thousand wordsâ€, sometimes all you need is a handful of lettersâ€¦ or indeed, just a single character.
The â€œComing Togetherâ€ typeface shows us the power of a single character.
Other, less sentimental examples of moving (literal as well as metaphorical) type are masterfully displayed on the blog of Trent Walton, a true magician in terms of utilizing modern technologies to add depth to his typography. When spelling out the title Workspace, a particularly illustrative typographic treatment conjures up images of your very ownâ€”or perhaps your dadâ€™s very ownâ€”workspace, complete with holes in the wall for hanging up indispensable tools (â€œI really needed that magnetic stud finderâ€).
In another example, Unitasking, the â€œIâ€ in the headline doubles as an illuminated â€œ1â€ when it is interacted with, emphasizing the message of the article. Granted, neither example can be described as â€œpureâ€ typography. But note how the extensive use of technology with typographic tricks can be used to illustrate the message, infusing it with added emotion, rather than for decorative purposes.
Movable, interactive typography with nostalgic undertones.
Laborious use of CSS trickery adds value to the message.
Stefan Sagmeister is another designer (actually, another legend) fascinated by the concept of emotional typography and how design can touch our fellow human beings, and heâ€™s unafraid to use unconventional means of communication. For a 1999 AIGA lecture poster he literally carved all the copy into his own body using a razor blade (well, his studio mate did the carving) before photographing himself, the result being so disturbingly powerful that itâ€™s difficult to look away.
But itâ€™s not all gore, of course. As part of his â€œThings I have learnedâ€ series he created a type-only billboard for Experimenta Lisbon, spelling out his message in capital letters: â€œComplaining is silly. Either act or forgetâ€. Simple enough, right? Not quite. Using no ink what so ever, Sagmeister and his team created a gigantic stencil and exposed huge sheets of newsprint to the scorching sun over a period of weeks.
The letters (covered by the stencil) would remain white as the newsprint yellowed, and by the time the billboard went up the statement was easily read by onlookers. The subsequent effect was, as you may have deduced by now, that the letters would slowly fade away as the previously non-exposed newsprint would yellow to the same color as the background. Thus the message to â€œact or forgetâ€ was emotionally strengthened with every passing day.
Sometimes typography can be effective without trying to be beautiful.
Using the sunâ€™s ultraviolet rays to slowly fade away the message.
At this point weâ€™ve come a long way from the clear, simple typography of Tschichold. Iâ€™m sure many of you are questioning whether the latter examples, in comparison, rely too much on visual tricks to get their messages across. Indeed, I opened this article by challenging the over-use of ornaments and decoration in order to enhance our typography, and yet arenâ€™t Waltonâ€™s and Sagmeisterâ€™s work examples of just that? Not quite.
Despite heavy use of non-typographic elements, there are no unnecessary flourishes to be found, nor are there any signs of unrelated decoration (though, to be pedantic, Waltonâ€™s use of surface textures may be superfluous). In truth, both designers are adding value by choosing techniques and expressions that purposefully match the content and create an emotional frame in which to deliver the message, thus highlighting itâ€™s impact.
Contemporary experimentalists like Walton and Sagmeister might contradict traditional typographic principles, yet they play an important role in the global, ongoing design conversation by constantly discovering new and unconventional means for typographic expression.
Spread The Word. Literally.
In all honesty, type is not just movable, it has the power to moveâ€”and itâ€™s up to us to carry this legacy forward and into the digital frontier, that is inevitably our future. By learning from past examples of excellence, we can challenge the status quo of mediocre typography and misplaced stock photography, and start to push things forward. We donâ€™t always need to do too much (well written copy is, after all, your very best friend), and we certainly donâ€™t have to use all the tools in our drawer every time.
But we can continuously look for new ways to add value, as long as we make sure our typography doesnâ€™t communicate anything other than the intended message. Sometimes that means heavy use of CSS, making creative use of sunshine, or experimenting with size and position. Other timesâ€”perhaps most timesâ€”it means keeping things simple, letting the words do the talking and letting the typography work itself gently into the background.
Remember, despite the plethora of typographical tools we now have at our immediate disposal, weâ€™re the latest chapter of a long history of typographic craftsmanshipâ€”typographers painstakingly arranged letters by hand for centuries before the computer (or even phototypesetting) came along. We should honor the hard work that has been put in by those who came before us. We can do this by recognizing typography as an essential part of our work (be it for Web or print), learn about the principles (especially if youâ€™re aiming to break them) and consider all the factors that make for great communication through letterforms.
If right now you are thinking â€œbut my boss will never let me do what Sagmeister does!â€â€”donâ€™t sweat it, most projects donâ€™t allow for typographic experimentation. But that doesnâ€™t mean you canâ€™t hone your skillsâ€”thereâ€™s plenty to be gained from taking pride in the small things, and making sure you get the details right. If your brief dictates uninspiring imagery, put your effort and pride into perfecting the accompanying typography. Is the line-length appropriate? What about font-size, line-height, and hierarchical contrast? Does the typeface echo the sentiments of the message? Maybe if you get all the small things right, the bigger things will come easier once that suitable project comes your way.
So roll up those sleeves, consider the meaning of the words youâ€™re setting, and pay some respect to the centuries of evolution behind the typeface youâ€™re using today, and just as importantly, the craft of typography as a means of expression. By all means use images, but just remember that you donâ€™t always have toâ€”typography can be just as meaningful by itself, even without the alluring magic of word-art.
A Thank You to our fabulous Typography editor, Alexander Charchar, for preparing this article.