Author Archive

Creating A Lasting Impression // Innovative and Memorable Designs


  

We can all agree that the work we do should inform, should be appropriate to the client and their audience and should, of course, look good. But there’s a fourth attribute worth aiming for: creating a lasting impression.

Visual memory is fascinating — we often use it without realizing. If, for example, you ask someone how many rooms they have in their home, before answering, most will walk through each room in their mind’s eye (possibly even with their eyes closed to aid concentration), adding up as they go. If graphic designers can tap into the benefits of this phenomenon, providing visual triggers to keep the subject matter of their work fresh in the audience’s memories, they will surely enjoy advantages.

Categorically describing what makes a design memorable is almost impossible. As with many other aspects of graphics and typography, general principles rather than absolute rules apply. However, aspects of dynamism and the unusual and unexpected more often than not play a significant role in memorable designs. Not all visual mnemonics can be described as being aesthetically pleasing; some designs might be deliberately shocking or provocative in order to be talked about and remembered.

A wide range of variables can affect the probability of a lasting impression, although very often luck, coincidence or timing helps. Striking color combinations, arresting images and clever use of typography and language can be helpful, too, but what captures an audience’s imagination and stays with them is frequently more complicated and possibly linked to the element of surprise. This article brings together a collection of memorable projects and try to identify how designers have made them unforgettable.

Creating Basic Memories

Professor Bruce Brown of the University of Brighton in the UK is an expert in visual memory. He describes letterforms as “meaningless signs, specifically designed to help us construct permanent memories for otherwise meaningless sounds so being the simplest and most powerful mnemonic system devised.� For most of us, learning the alphabet is part of our early lives and helps us to establish communication skills; in our early years, we work on the connection between signs, symbols and sounds until they are secured in our memory to be retrieved at will and in any order.

We become experts in using these tools to help recover ideas from our memories, bringing them together to create meaning. The importance of this phenomena must not be underestimated, and Professor Brown puts it well when he says:

“Without the ability to create memories we would perceive no more than each disjointed second of our isolated existences; we would have no language, no alphabet, no discourse, no identity and no culture.”

Witty And Shocking Designs That Leave A Lasting Impression

There’s no doubt that information wrapped in a witty or shocking package is hard to forget, and the following examples are typical. Not only does the memory of them linger, but they’re often so powerful that you’ll want to share them with friends.

“All Eyes On You” by Britzpetermann

All Eyes on You.
“All Eyes on You�, a moving window display by Britzpetermann, Bonn, Germany. (View video)

About this project:

Schau, a series of interactive window displays by Britzpetermann, includes a window packed with large roving eyeballs. Each eye follows passers by in a strangely spooky manner that is not easily forgotten.

Why is this design memorable?

Eyes have a powerful significance, which always draw the viewer strongly into an image. So, being confronted by an array of giant eyeballs that seem to be dismembered and floating in space will certainly be very memorable. However, when the eyes appear to make active contact with you personally, following your every move, as if responding not only to your actions but perhaps to your every thought, then they become truly unforgettable.

“Hand Made Type” by Tien-Min Liao

Hand Made Type, by Taiwanese designer/illustrator Tien-Min Liao.

Hand Made Type, by Taiwanese designer/illustrator Tien-Min Liao.
“Hand Made Type� by Taiwanese designer and illustrator Tien-Min Liao. (View video)

About this project:

“Hand Made Type� is an animated project that shows hand-drawn uppercase letters painted on hands, speedily and subtly converting to their lowercase equivalents in fluid movements.

Why is this design memorable?

This project has such an unusual concept and is fascinating to watch. Looking at the detail in these clever animations, we find ourselves flexing our fingers and trying to mimic Tien-Min Liao’s careful movements. We are all able to use our hands in very expressive ways, and the combination of type and hands together is extremely powerful and, therefore, difficult to forget. We are also left wanting to know more: Where did this amazing idea come from, and how long did it take to achieve these marvellous results?

“Chaumont Poster” by Sagmeister

Poster by Sagmeister Inc. for their exhibit at Chaumont 2004-5.
(Large version)

Sagmeister's letter-teeth as used in the Chaumont poster.
Poster by Sagmeister for its exhibit at Chaumont 2004-5.

About this project:

This poster by Stefan Sagmeister (the “kingâ€� of highly mnemonic design) contains a number of disturbing images that are very hard to forget. Letterforms that appear to have been extruded from human flesh, people with intertwined body parts, and teeth that appear to have been cut into letters and numbers — all of these create shock responses.

Why is this design memorable?

We defy anyone to look at Sagmeister’s typographic front teeth and not run their tongue over their own teeth to check that they are all still complete.

There is something innately fascinating about the human body. We are all very familiar with the curves, creases, surfaces and details of our own physique, but being presented with surprising, even shocking, close-up detail of some of the hidden areas of another person’s anatomy can be irresistibly captivating.

Ad for “Concordia Children’s Services”

About this project:

In this ad by Young and Rubicam for Concordia Children’s Services in the Philippines, the question is asked, “If you don’t help feed them, who will?� The advertisement shows babies feeding from a sow like piglets and is intended to shock its audience into appreciating the dreadful plight of the many abandoned babies in Manila.

Why is this design memorable?

Seeing numerous babies in the extraordinary situation of feeding from a pig is initially very arresting and shocking; but for us, the totally unhygienic environment is what really makes us squirm. In most societies, whether rich or poor, babies are treasured, cosseted, loved and kept distant from grime and germs; in this image, the newborns are shown fending for themselves. They are pictured grovelling in the mud and competing with each to feed. We defy anyone not to have a physical response to this ad and hold it in their mind’s eye for a long time.

When Movement And Interaction Make Designs Addictive

The designs showcased in this section have a compulsive quality about them. The imagery is fascinating and appealing, but the interactive nature of each example makes it hard to resist and highly memorable.

“Karlo Jurina Selbstgespräche” by Britzpetermann

Karlo Jurina Selbstgespräche by Britzpetermann
Still shots don’t do this project justice. View a behind the scenes video on Vimeo, or visit the website yourself!

About this project:

Interaction and movement in response to outside stimuli are two aspects that can make Web design really memorable and enjoyable. This album visualization for Karlo Jurina Selbstgespräche by Britzpetermann is truly breathtaking.

Why is this design memorable?

Throughout each of the 15 tracks, a precise movement of carefully positioned, colorful symbols highlights every individual note, causing you to almost believe that you could be, or are, playing every stunning note yourself. The melodies of Jurina’s beautiful acoustic guitar will resonate from your computer, while the arrangement of over 300 bright, individual and precisely ordered marks will seem to breath from your screen in response to the rhythm of the composition.

The idea of the personal response to the subtleties of sound and rhythm is what comes to the fore with this project, leaving you not only with a strong yet surprisingly subtle visual interpretation of music, but also the strangely satisfying idea that your own personal responses and movements could play a role in creating this wonderful sound.

Try out Selbstgespräche for yourself.

“Hidden Heroes” by Grimm Gallun Holtappels

Hidden Heroes.

Hidden Heroes.
The award-winning “Hidden Heroes� online exhibit, designed by Grimm Gallun Holtappels.

About this project:

Who has not at some point looked down at one of the myriad of products that make everyday life easier and thought, “Wow, that’s clever. What a simple memorable design.� The Hidden Heroes online exhibit, designed by Grimm Gallun Holtappels, pays homage to the zipper, the paperclip and many other such items.

Why is this design memorable?

Interaction with the exhibit is highly pleasurable because it stimulates several of the five senses. The design is beautiful and colorfully pleasing to the eye, while every action of the mouse creates a satisfying response and amusingly memorable sound that transports you right back to personal memories of using a particular Hidden Hero. Our favorite is the Flipflop, designed by Bernd D. Hummel around 1960; great noise — it transports us to sunny days and sand between our toes!

You can experience your own Hidden Hero, too!

Website of “Grimm Gallun Holtappels”

Grimm Gallun Holtappels's Website

Grimm Gallun Holtappels's Website

Grimm Gallun Holtappels's Website
The lively and addictive website of Grimm Gallun Holtappels.

About this project:

Grimm Gallun Holtappels has created an almost addictive experience on its own website. By showing us around its office space, we are allowed to shuffle through a trail of files that fly through bright white rooms, giving off pleasingly subtle page-turning noises. Each file selected then speedily transports us to a new workspace and converts to a two-part three-dimensional box that can be rotated in different directions to reveal different details.

Why is this design memorable?

Experiencing the pleasures of moving through this online 3-D environment is very personal and mnemonic. Looking at the office space, we are aware of the depth of field and of other rooms existing in the distance. The ability to turn and twist the three-dimensional boxes, revealing different planes and detail, is very reminiscent of experiencing and interacting with the intriguing puzzles and other captivating games of our childhood. For us, one of the most memorable and subtle aspects of this design is the constant gentle movement of the website, seeming to rise and fall as if in time with our breath, emphasizing the personal and sensory nature of this viewing experience.

Enjoy your interaction on the Grimm Gallun Holtappels website.

When Use Of Unexpected Materials Takes Your Breath Away

In this section, we highlight design examples that involve totally unexpected materials, plus extraordinary dexterity and commitment on the part of the designers. It is impossible not to be amazed by the workmanship that went into these venerable pieces, and one cannot help but get a lasting impression.

“Banana Wall” by Sagmeister

Sagmeister’s Banana Wall.

Sagmeister’s Banana Wall.

Sagmeister’s Banana Wall.

Sagmeister’s Banana Wall.

Sagmeister’s Banana Wall.
The various stages of Sagmeister’s “Banana Wall� for Deitch Projects.

About this project:

Certain examples of highly memorable design not only stay with us, but make us think, “I wish I had thought of that.� It is amazing to consider the dexterity needed to produce this huge design spectacle, in which the designer selected unusual materials for their capacity to ripen and change color. Green fruit is used to create border patterns, rules and letterforms that spell out “self confidence produces fine results� while yellow bananas create a contrasting background.

Why is this design memorable?

This project confronts us with piles of fast-ripening bananas, and the slightly infuriating fast-ripening aspect of this popular fruit is used to amazing affect by Stefan Sagmeister. All of us have experienced bananas ripening more quickly than we would like, but how many of us have thought to use the change in color of 10,000 pieces of fruit to creative affect? It’s a great example of pushing something so common to the extreme, and it creates a memorable and unique experience. The clever, meaningful link between Sagmeister’s quote and the color change is also a powerful metaphor. As Stefan Sagmeister says:

“After a number of days, the green bananas turned yellow, too, and the type disappeared. When the yellow background bananas turned brown, the type (and the self-confidence) appeared again, only to go away when all bananas turned brown.”

“Obsessions Make My Life Worse And Work Better� by Sagmeister

Obsessions Make My Life Worse and Work Better, created by Sagmeister Inc. using thousands of coins

Obsessions Make My Life Worse and Work Better’ created by Sagmeister Inc. using thousands of coins

Obsessions Make My Life Worse and Work Better’ created by Sagmeister Inc. using thousands of coins

Obsessions Make My Life Worse and Work Better’ created by Sagmeister Inc. using thousands of coins
“Obsessions Make My Life Worse and Work Better� created by Sagmeister using thousands of coins.

About this project:

The subject of this piece by Stefan Sagmeister perhaps helps to explain the attention to detail in his other designs in this section. “Obsessions make my life worse and work better� at first glance appears to be a typographic design involving copper-colored letterforms that are elaborately embellished with floral decoration. However, upon closer inspection, this project makes highly unexpected and mnemonic use of materials. This time, small coins have been carefully and precisely arranged across a paving-slab grid structure.

Why is this design memorable?

As with the other designs in this section, the dexterity and patience necessary to produce this result is breathtaking. The vulnerability of this design is also plainly evident. The work is executed outside in a public space and is open to being disturbed by the weather and visitors. In fact, during the first night after completion, a local resident spotted passers by removing a souvenir coin or two and called the police. Unfortunately, the authorities responded quite dramatically, sweeping up all of the coins into black bin bags — supposedly to secure the work! We can hardly believe what it must have felt like to discover the blank space, and a part of remembering this piece is being able to identify with this experience.

“The Comedy Carpet” in Blackpool, UK

The Comedy Carpet located in Blackpool, UK

The Comedy Carpet located in Blackpool, UK
“The Comedy Carpet� located in Blackpool, UK.

About this project:

Many of the other mnemonic works in this section are made of materials that give them a fragility and vulnerability that make them mind-blowing, almost literally. However, The Comedy Carpet by Gordon Young and Why Not Associates involves the memorable and amazing use of materials in a different way.

The carpet, a typographic work on an extraordinary scale, is a celebration of comedy, and it references more than 1000 comedians and comedy writers. The design itself takes its inspiration from traditional music-hall posters; it features songs, jokes and catchphrases in granite letters, carefully embedded in a concrete layer and displayed in carpet form in front of Blackpool Tower on England’s northwest coast. Described by its creators as “A remarkable homage to those who have made the nation laugh, it’s also a stage for popular entertainment that celebrates entertainment itself.�

Why is this design memorable?

The answer to this question is the mixture of high-quality design, amazing manufacture, grandness of scale and outdoor setting.

The making of this extraordinary carpet certainly helps make the product itself so memorable. At first sight, the letterforms seem painted, but each of the 16,000 30-millimeter characters were cut by the carpet team in a workshop specially established for this project. For us, having the chance to walk on this beautifully constructed carpet of type makes for an unforgettable experience.

Executing this typographic detail at such a momentous scale in a famous outdoor environment is quite remarkable. Of course, those who understand English and recognize the comedians will enjoy another highly memorable feature: humor. Like the other works in this section, the Comedy Carpet turns the ordinary into the extraordinary, making it larger than life and totally immersive.

Using Color And Composition As Visual Triggers

Cleverly chosen colors and careful composition have the power to make a design distinctive and striking. The works in this section demonstrate a number of ways in which color and composition can have great impact and linger in the mind.

“Elephant Magazine” by Studio8 Design

Pages from Elephant Magazine

Pages from Elephant Magazine

Pages from Elephant Magazine

Pages from Elephant Magazine
Elephant magazine demonstrates a compositional dynamic that is highly memorable.

About this project:

Elephant magazine by Studio 8 without a doubt uses color, image and composition to effect, but the London-based design company’s skill with composition is what prompted us to focus on this magazine.

Why is this design memorable?

Elegant typography, including text with a lightness of touch, is carefully arranged on pages, with letterforms headings used in unexpected ways to create beautiful imagery and dynamic spaces. Careful and precise alignment helps to bring the details together, fixing your attention on what is important, while leaving a pleasurable lasting impression that is sure to have you looking out for other issues.

“Maps” by Paula Scher

Paula Scher's Maps

Paula Scher's Maps

Paula Scher's Maps

Paula Scher's Maps

Paula Scher's Maps
Paula Scher’s Maps has an amazing interplay of color and pattern.

About this project:

In the 1990s, Pentagram’s Paula Scher began painting colorful maps with incredible layered detail. Her creations use hand-painted type to show countries, cities, oceans and districts, as well as cultural connections, in compelling patterns.

Maps is published by Princeton Architectural Press and highlights 39 of Scher’s captivating works in great detail. Many sections are shown in full size, and the cover features a 3 × 2-foot poster of “World Tradeâ€� painted in 2010.

Why is this design memorable?

Compositions are packed with a huge amount of colored hand-lettering that overlays and interacts in an exciting way. Even without reading the words, the imagery is unforgettable, as the incredible detail, layering, color, composition and subject matter draw you into the depths of each work. As with many of the other designs in this article, the question springs to mind, “How did she do it?�

Conclusion

No doubt, many other examples could have been highlighted in this article, and hopefully you have been stimulated to recall favorites of your own. The dictionary says that a mnemonic design is intended to aid or improve the memory, which suggests that designers can never be sure of the impact their work will have.

Although we have categorized the works in order to tease out a number of common design decisions, an integral part of remembering a work involves such things as our personal experiences, culture and history and significant moments in our life. Designers can do their best to create fantastic designs and provide triggers that unlock memories, but having total control over whether an impression is lasting is impossible.

Related Links

(il) (al)


© Carolyn Knight, Jessica Glaser for Smashing Magazine, 2012.


Why Subtle Typographic Choices Make All The Difference


  

A strong understanding of how designers control meaning is essential for anyone interested in graphic design or typography. In a previous article, we discussed how sophisticated and complex visual and verbal language can get, examining instances that show how type can be used to effectively take control of meaning.

In this article, we’ll look at the reasons why subtle typographic changes can create considerable effect. We’ll refer to one or two linguistic and semiotic examples, as well as design case studies, to get to grips with why subtle changes can make all the difference.

Let’s consider a couple of simple sentences: “The boy walks a dog� and “The boy walks the dog.� The meanings are significantly different simply by the change of one small word. “A dog� is any old dog, while “the dog� is one we know and recognize. Similarly, small changes in typography can fundamentally alter impact and interpretation. For example, type size can be increased, the weight or font can be changed, and positioning within a frame altered; with each alteration, the meaning also changes. An authoritative, urgent, big, bold “STOP� suddenly becomes more lighthearted and less weighty and might even come across as teasing when rendered as “Oh, stop, stop it! I like it!�

An urgent, big, bold STOP

A quiet, playful (oh please) stop
Two visualizations of the same word but with typographic treatments that have entirely different emphases and meaning. (Credit: Bright Pink Communication Design)

The last couple of examples stem from the ideas of one of the fathers of 20th-century linguistics, Ferdinand de Saussure, who felt that each word (or “sign�) had one specific meaning (signification). Applying this concept to typography, de Saussure’s principles imply that each typeface and design choice carries a predetermined meaning. Just as in the two sentences about “the� and “a� dog and the two visuals showing different takes on “Stop,� each has a significantly different meaning. (To read about de Saussure’s ideas in depth, see Course in General Linguistics.)

However, meaning comes not simply from comparing one visual interpretation to another. As de Saussure suggests, meaning is also established by the context in which visuals are set. This idea, from 20th-century French philosopher Roland Barthes, is known as “secondary signification.� Barthes notes that a visual interpretation (sign) does not have just one meaning, as might be deduced from de Saussure’s work, but that a second socially and culturally specific meaning can be gleaned from the context in which the visual treatment appears. In Western society, you can find an example of this in the typographic styling of fashion brand Juicy Couture.

Juicy Couture logo
The name style of an iconic fashion brand.

The gothic letterforms are seen by the brand’s target audience as being the height of fashion and desirability. To some, however, the same typeface in a different context would imply tradition, heritage, reputation and possibly even political persuasion. A more traditional use of this style of font can be found in the masthead of the UK newspaper The Telegraph.

The Telegraph Masthead
The online masthead of one of the UK’s premier newspapers.

Type undoubtedly plays a role in the creation of meaning, but connotation does, too. For example, the distinct stylings of handwritten text can be deliberately used to bring a range of meanings to a message. On the page from Ben and Jerry’s website shown below, we can discern economy, personal concern and friendliness, but look at how the casual font gets you to drop your guard for just a moment. This allows Ben and Jerry’s to talk about something as serious as citizenship, when you expect it to be talking about imaginative ice-cream flavors!

Ben and Jerry's Foundation
A page from the website of Ben and Jerry’s charitable foundation.

In a 2010 UK Volkswagen ad campaign designed by DDB UK, what appears to be slightly innocent, carefully hand-lettered text reinforces the message that the operating costs of a Volkswagen Golf car are 18% cheaper than the (unspecified) competition. This typographic approach also communicates the secondary yet equally important message that Volkswagen cars are affordable to purchase and that the company doesn’t produce extravagant, expensive ads — all to keep prices low for customers.

VW Cost Effective Ad
Ad for the Volkswagen Golf

Typography That Reinforces Meaning And Context

In their book Reading Images: The Grammar of Visual Design, Gunther Kress and Theo van Leeuwen confirm the role of the visual aspect of typography.

The visual component of text is an independently organized and structured message, connected with the verbal text, but in no way dependent on it and similarly the other way round.

Amazingly, we are conditioned to relate certain typographic styles, colors, shapes and patterns to certain products and situations. For example, you are not likely willing to clean your teeth with paste that comes out of a pack covered in brown, lightweight serif type. When aligned with our expectations, visual language can make a stronger impact than verbal meaning. Returning to our first example, the word “STOP� could now say “LOVE� and still be seen as an authoritative, urgent, big, bold warning sign.

A powerful bold Love
A typographic treatment that asserts “LOVE� as a powerful, consuming emotion. (Credit: Bright Pink Communication Design)

The impact that can be achieved by designers being involved in the writing or editing of copy is dramatic. If we combine the eloquence of the copywriter with the knowledge and skill of the designer or typographer, we are able to achieve surprising yet totally cohesive solutions to design problems. Words carefully selected not only for their literal meaning but also for their sound, length and shape can help to “sculpt� a particular message, thus enhancing its value.

An example of this level of collaboration can be found in the promotional brochure for UK homebuilders Wimpey. As with most consumables, all new homes could be said to share many similar characteristics, and most homebuilders could be said to employ similar promotions, language and terminology. So, vendors need to be distinctive in order to create that must-have feeling.

A delicate play between copy and typography
The synergy of type and language in this UK home-buying brochure builds atmosphere and maximizes desirability. (Image: Bright Pink Communication Design)

This double-page spread features an extract from the poem “Spring� by Christina Rossetti. Its descriptive tone not only conveys the development site’s proximity to the countryside and nature, but is also used as a pleasing metaphor for putting down roots and starting a new life.

The typographic treatment of the Rossetti poem emphasizes certain words both for their meaning and for their sound and shape. The highlighted words function as a group on their own, in addition to being integral to the poem as a whole. The poem allows the designer to be deliberate with the line lengths, with the words sitting comfortably together as a staggered group, complementing the other compositional elements on the page.

The result of collaboration between writer and designer is demonstrated in many of the promotional products of Ben and Jerry’s. Ice cream flavors are given humorous names and descriptions, accompanied by energetic design and typographic exuberance. This careful approach reinforces the message that Ben and Jerry’s is a speciality product — even handmade — produced with high-quality ingredients by caring individuals with a sense of humor and eye to all things fun.

Ben and Jerry's cherry advertisement uses purposefully written copy to fill the space perfectly

Ben and Jerry's Nuts advertisement pushes passive words behind an aggressive illustration in this playful ad
There is a full range of Ben and Jerry’s highly memorable ads in its online gallery (currently unavailable).

The ads, which are done tongue in cheek, focus on the ingredients in the ice cream and suggest that competing products might not have the same quantity and quality of ingredients that consumers expect. The illustrations capture the hand-drawn style mentioned earlier and also heighten the customer’s anticipation — the cherries are drawn extra large and juicy; the nuts are varied and plentiful. The typography has been carefully selected to drive home these characteristics and get your taste buds moving and convince you that Ben and Jerry’s is the only ice cream worth eating.

Of course, endless examples can be found of how subtle typographic choices make all the difference. Whether designers and writers work together or independently, fine-tuning their words and designs can lead to clever and effective results. And yet there is no doubt that understanding the implications of typographic details and the use of verbal language enables us to maximize communication. Effective design begets effective communication, and while major design decisions are obviously important, the little things often make all the difference.

(al) (il)

Note: A big thank you to our typography editor, Alexander Charchar, for preparing this article.


© Carolyn Knight, Jessica Glaser for Smashing Magazine, 2012.


When Typography Speaks Louder Than Words


  

Clever graphic designers love to use typography to explore the interaction between the look of type and what type actually says. In communicating a message, a balance has to be achieved between the visual and the verbal aspects of a design.

Sometimes, however, designers explore the visual aspect of type to a much greater extent than the verbal. In these cases, the visual language does all the talking. This article explores when the visual elements of typography speak louder than words.

Cal Swan, author of Language and Typography, makes this point well when he says, “These two distinct areas often come together in practice as there is clearly a very strong relationship between the conception of the words as a message and their transmission in visible form.�

To avoid any misunderstanding, let’s clarify what the terms “visual languageâ€� and “verbal languageâ€� mean. In professional graphic design, visual language refers to the meanings created by the visual appearance of both text and image. In this article, the term “visual languageâ€� refers to the character and significance created by carefully selected typography. Verbal language is the literal meaning of words, phrases and sentences.

In this first of a two-part series, we will look at the powerful effect that typography has in taking control of meaning. We will discuss a range of examples, from verbal language that inspires and shapes visual treatment to visual language that dominates verbal meaning. The implications of typographic choices in meaning and interpretation will also be examined. And we will show how the same message can be presented in a number of ways to convey and encourage a diversity of responses.

We all have different cultural backgrounds and experiences that affect our perception of type one way or another. So, regardless of the designer’s skill and effort, a number of uncontrollable aspects remain, including the viewer’s perception, expectations, knowledge, experiences and preferences. And while accounting for all such unpredictable responses to type is impossible, awareness is critical.

For starters, let’s look at an interesting piece from an ad campaign by Greenpeace:

Greenpeace campaign name style to raise awareness of the impact of deforestation.
The name style from Greenpeace’s campaign to raise awareness of the impact of deforestation.

In this ad, you are confronted with the familiar name style of one of the world’s favorite chocolate bars, the Kit Kat. The type style and letterform proportions and certainly the color, shape and angle all create an instantly recognizable connection with the Kit Kat brand — so much so that you would be forgiven for seeing the name Kit Kat before reading and taking in the actual written message. Your familiarity with the brand is an instant draw, and appreciating the change of message might take you a second look.

Manipulating Feelings and Reactions

The visual language established when designing with type can bring into play not only emotions, but also physical responses. The following examples are simple illustrations of the varied and emotive effects and highly dominant control that can be achieved by changing the visual language of a message, while still presenting the same verbal language.

This first of a pair of illustrations shows a single large bold word, set in lowercase and closely kerned. The positioning in the frame makes the word dominant and loud, and the message comes across as enthusiastic, friendly and confident. The person speaking is pleased to see you and is coming towards you with a big smile on their face.

A big bold hello

The second illustration contrasts dramatically with the first, despite featuring the exact same greeting. The font, case, scale, color and positioning all suggest a considerably more distant and hesitant meeting. In fact, you would be forgiven for thinking that the person speaking here is not at all sure they even want to acknowledge you and would have preferred to ignore you completely.

A quieter way of saying hello – small and to the side.

Reading these examples aloud helps us instantly appreciate the different effects of visual language. If you read the first example out loud, it would be a loud enthusiastic call that exudes genuine delight, friendliness and openness. Reading aloud the second example, the exact same word, it would be delivered in a much quieter tone, an almost hesitant voice, lacking the assurance and delight of the first. There is an infinite range of typographic alternatives that achieve subtle or dramatic changes in volume and tone of voice.

Making The Most Of Visual Language

Verbal language is often used to inspire and shape design and typography in order to get a message across, with the goal being to make the most of the viewer’s reaction. Carefully mixing a design’s implication with literal meaning can lead to a memorable outcome. The following designs are great examples of the effects that can be achieved by employing verbal language that has helped to inspire a visual treatment.

Our first illustration is taken from the work of renowned American graphic designer Herb Lubalin, who was described in a monograph about him by Gertrude Snyder and Alan Peckolick as being “a tenacious typographer, whose graphic concept employed copy, art and typography, and he used available production methods to underline the drama inherent in the message. Idea preceded design.�

Given the subject of this article, this quote is especially fitting. It shows Lubalin as a designer who valued the combined communicative power of language, typography and composition. The book goes on to explain that he used production methods not just for effect but also as a way to emphasize the meaning and message of a project. In Lubalin’s time, these decisions would have entailed manual labor, posing greater limitations than we face today. Finally, this quote confirms that, for Lubalin, concept was of paramount importance and always came before design.

One of his many entries in the Visual Graphics Corporation’s 1964 competition features a carefully selected quote by US editor and writer Caskie Stinnett.

Herb Lubalin's cleverly pushes one emotion visually while saying something the opposite
One of Lubalin’s many typographically expressive designs that have become iconic and inspiring to generations of graphic designers. (Image: Peter Gabor)

Using delicate and well-considered composition of typographic detailing, Lubalin has succeeded in making an unpleasant message seem attractive and pleasing. The quote states “A diplomat is a person who can tell you to go to hell in such a way that you actually look forward to the trip.� The focal point of this statement, being told to “go to hell,� is shown in an elaborate and elegant calligraphic form, enabling this mildly offensive statement to be mistaken for something that could be looked forward to with great anticipation at first sight.

The work of hand-lettering designer Alison Carmichael provides a range of current examples that beautifully illustrate the powerful effect of typography when it takes control of meaning. One such design is her award-winning self-promotional ad for the Creative Circle. Carmichael’s hand-lettering is engraved and inked in an elaborate style on the lid of an old school desk. At first sight, we seem to be looking at a beautiful, possibly historic, work of gothic lettering; seconds later, reality strikes and the rather unpleasant meaning of the text becomes clear.

Nasty words written beautifully – Michelle is a Slag
Award-winning self-promotional ad by Alison Carmichael for the Creative Circle.

Type Tarts is a UK initiative established to raise awareness of the plight of workers trafficked into the sex industry. Contributing designers are asked to send type-oriented “Tart cards� for exhibition. Many London prostitutes advertise their services by displaying promotional cards in phone boxes. Even in the age of the Internet and mobile phones and in the face of police crackdowns, these cards have achieved a cult following, being highly praised and collected as art.

Both examples below use expressive typefaces and type manipulation to visually reinforce the meanings of the provocative text. In the context of the campaign, figuring out the meaning of the cards is easy enough.

Nice and Tight by Duncan Bancroft.
“Nice and Tight� by Duncan Bancroft

Big and Bouncy by Peter Fletcher
“Big and Bouncy� by Peter Fletcher

Another stunning example of the visual language of type is by American designer Jason Munn, well known for his highly acclaimed music posters. This example for Liars is mainly typographic, with sections of each letter cleverly removed so that the viewer doesn’t get the full picture. What is the truth? The choice of typeface is also significant; its extreme contrasts of thick and thin strokes point to the contrast between truth and lies.

Jason Munn’s poster for the American band Liars
Jason Munn’s poster for the US band Liars

The designs above use type to reinforce the meaning of their statements. Meanwhile, the British Battleaxe Collection’s visuals for a proposed range of type-based tea towels feature quotes from strong UK female comedy characters. These designs are doing something slightly different; type is used primarily to reinforce the agenda and assertive tone of the speakers.

Nasty words written playfully – I want your superiors to find out which cow my milk comes from
British Battleaxe typographic tea towel design, inspired by the voice of the lead character in the BBC sitcom Keeping Up Appearances. (Credit: Bright Pink Communication Design)

The example above features a quote from the BBC sitcom Keeping Up Appearances. The words themselves are spoken by the program’s main character — the eccentric, social-climbing and bossy Hyacinth Bucket, a lady in her 60s with grand aspirations. Typographically, the letterforms have been selected and grouped to emphasize the desires of the character. The words “I wantâ€� and “myâ€� stand out because of a dramatic change of scale. “Superiorsâ€� is emphasized with capital letters, whereas “yourâ€� is reduced in size and given lowercase letters, thus downgrading the importance of whom she is talking to, in keeping with the character’s bossy nature and tone of voice when speaking to her milkman.

In this design, the typeface has been dictated by the character’s tone of voice. The serif typeface with its stylish italics and capital letters captures the meaning and cultural context of this statement from a “woman of a certain age.�

Typography is used to communicate tone of voice, personality, age, gender and mood, and it can be easily manipulated. If, instead of this serif font that so successfully represents this woman’s personality, we used a slab serif, suddenly the character changes, as does the emotional impact of the statement. Judging simply by the font, the narrator is no longer definitively female; she is no longer in their mid-60s, and her mood is not merely pompous, but could be described as verging on angry. It’s a great example of how quickly the tone can shift with a simple change of typeface.

Playful words take on a new meaning with a different font – I want your superiors to find out which cow my milk comes from
A different typographic treatment of this tea towel clearly manipulates the tone of voice and possibly even changes the gender of the speaker. (Credit: Bright Pink Communication Design)

The Power Of Typography Cannot Be Underestimated

All the examples discussed in this article demonstrate that typographic treatment works alongside verbal language to create, enhance and alter meaning. While the aesthetic value of design is always important, the significance of type in influencing meaning should not be underestimated.

The role — and, in fact, the obligation — of the designer in establishing a tone that adds meaning to the verbal message is a matter of regular debate. Many graphic designers and academics argue that the designer has a responsibility to add “flavorâ€� to their work, not only helping to convey and enhance meaning, but also making the message enjoyable and encouraging to “readâ€� and also memorable.

In the second part of this article, we’ll continue looking at the relationship between visual and verbal language. We’ll touch briefly on the structure and semiotics of language, as well as showcase some remarkable examples, all helping to explain why subtle typographic changes make all the difference.

Further Resources

(al) (il)

Image credits of image used for Smashing Magazine’s frontpage.

Note: A big thank you to our fabulous Typography editor, Alexander Charchar, for preparing this article.


© Carolyn Knight, Jessica Glaser for Smashing Magazine, 2012.


  •   
  • Copyright © 1996-2010 BlogmyQuery - BMQ. All rights reserved.
    iDream theme by Templates Next | Powered by WordPress