Think twice before stacking letters vertically

02h62732Vertically stacked letters, a common treatment a century ago, is not a preferred layout technique for sign work.

Though sometimes requested by clients, stacking letters vertically is not only awkward-looking but it compromises legibility. As explained by typographer Ellen Lupton in Thinking With Type, “Roman letters are designed to sit side by side, not on top of one another.” If it is necessary to stack letters, they should be all capitals. Lower case letters treated this way take on a precarious look that is visually unappealing. It also helps to carefully adjust the centering optically of each letter.

A simpler and more readable solution for a narrow vertical format is to rotate the entire line of text. A vertical axis is thus achieved, but the natural relationship of the letters sitting on a common baseline is preserved.

Does this mean that letters should never be stacked? No. In fact, sometimes this treatment is an easy way to achieve a retro look. But it should be used judiciously and with an awareness that it can limit readability.

 

stacked-letters-comparison02

…………………….

 

Ellen Lupton is a designer and educator, and the author of several books on design.    Thinking With Type by Ellen Lupton (second edition)

Advertisement

A designer must also be an editor

looking for gold

“The design process is one of sifting through the less important to find the essential.”—Alex W. White in The Elements of Graphic Design (2002).

What White describes is editing.

Editing a layout for a sign usually means simplifying. It is visual surgery. A removal process. It rarely means adding elements to a composition.

At the beginning of the design process, in consultation with the client, there should be an editing out of all unnecessary and needlessly repetitious elements. The goal is conciseness and clarity. Further editing helps establish a hierarchy of importance. One element must be chosen—a word, a phrase, a graphic—to dominate the layout. This becomes the viewer’s entry point into the composition. This dominant element should be emphasized decisively. Nothing should be allowed to compete with it. Nothing else should be allowed to have equal billing. In the short time that most people spend looking at a sign (in moving traffic, about a second and a half at most), it should be possible for a viewer to recognize and understand this one dominant element.

Unfortunately, the sign world today abounds with overfilled sign design that is simply too much work to read. What is the reaction of most viewers when confronted with busy, crowded sign work?

Well, picture this: If you were served a drink filled to the very coffee05top, what would be your reaction? Would your inclination be to thank your server for trying to give you your money’s worth? Or rather, would you view the overfilled cup as a problem created by someone thoughtless? If a sign appears to be bulging with copy, if the message looks like it will be a chore to read, most readers will not make the effort required to slog through it. They will simply ignore it.

Furthermore, editing a design is more than just eliminating unnecessary verbiage. It means making a layout look organized by injecting white space to create groupings of related elements and to separate elements that are unrelated. Visual dividers and margins make the parts of a layout look accessible and manageable.  Adequate space creates a kind of visual breathing room. It makes a layout look comfortable on a given substrate rather than giving the impression that the message needs the next size larger sign. And if you are not going to increase the size of a sign to gain necessary white space, where is the space to come from to create margins and dividers? Obviously, the elements in the composition must be downsized.  And this is one of the real challenges for a novice sign maker who wishes to improve in layout ability: to progress beyond the viewpoint that negative space is to be feared as ‘wasted space,’ and that everything must be as big as possible. Far from being a waste, white space is the glue that holds everything together. Negative space is every bit as important as the positive. What would an individual letter, say, the letter ‘S,’ look like without the negative space surrounding it and within it? The answer is that it would not look like anything, because it wouldn’t exist.

For the beginning designer, learning to see negative space as a design element, and learning to manipulate it to enhance the positive, is one of the most significant strides he or she can make.

If we are accustomed to ‘filling up all the space,’ it may take real effort to force ourselves to edit crowded-looking design. It can be painful, just like surgery. It means learning a new way to think and see. But it gets easier the more we do it. And the end result is not just sign work that has more eye appeal, but signs that are more readable and that can be scanned and assimilated more quickly.  Generous use of white space can transform mediocre, easily ignored designs into compelling and effective reader magnets.

 

 

Bad designers. Why we may not realize we’re not very good.

When asked, most sign designers describe themselves as better-than-average graphic artists. The tendency for a person to believe that he or she is better than average is known as the “above-average effect,” and is common in many fields of work, not just design. And it is illogical. Math tells us that it is highly improbable that the majority of us are above average. Almost certainly, a significant number of us who think we are above average are actually below average. We just don’t know it.

What accounts for this? A study from Cornell University a few years ago (Unskilled and Unaware of It, Justin Kruger and David Dunning, 1999) revealed that, in many areas, the skills that make a person competent are the same skills needed to evaluate competence, both in one’s self and in others. This study suggested further that the persons least competent may not only not know it, but are the ones most likely to overestimate their ability.

The essential first step in problem solving is acknowledging the problem. So what hope is there for incompetent designers who don’t believe there is a problem?

 

Why does poor sign design predominate?

 

When, out of curiosity, I took some graphic design courses at a small community college, I learned that graphic design was not being taught, at least not at this school. The course work did not include information on what constitutes good or effective layout. Even the most basic of design principles was not covered. Could poor schooling be a partial explanation for why poor design predominates in the sign industry today?

So, what were they teaching in the design courses at this college, if not design?

The graphic design courses in this school teach students to use design software, nothing more. Rather than teaching design, they are teaching the use of the tools to produce design—primarily Adobe Illustrator and Photoshop. The use of the tools is important, of course. But rather than labeling these courses Graphic Design I, II and III, would it not have been better to call them, Adobe I, II and III? At the time, I joked to someone that this was like being told you were going to receive electrician’s training and then being taught to use screw drivers. An unfair comparison?

Surely my experience with college graphic design courses is not representative of all graphics arts training, and is the exception rather than the rule. Perhaps size matters, since the school was a small college. But if my experience is a common scenario—that graphic design training is only about learning software manipulation—it helps explain why so many sign designers today lack skills needed for producing effective sign work. Poor training could be playing a big role in the dumbing down of sign design.

 

Effective sign design requires careful listening

At first glance, the sign design looked great. The sign company sales person had told the sign designer that the client, the owner of a shoe store, wanted something avant-garde, kind of sexy, with a shoe graphic. The sales person suggested to the designer that maybe a high heel would look nice. The designer produced a very appealing design that was immediately rejected by the customer. Why?

The above sales person truly enjoyed selling signs and he was quite a talker. But he was less effective as a listener. He rarely asked pertinent questions, and he was not inclined to learn much about a client’s business, an unfortunate circumstance in this case. Because one well-placed question would have quickly revealed that the shoe store sold only men’s shoes.

A designer’s job is to communicate messages effectively. This is impossible if the client’s message is not clearly understood to begin with. Pointed questions, along with careful listening, provide the raw material for good design work. Good design principles cannot be properly implemented without this initial customer feedback.

The sign sales person should ask questions such as, what, exactly, does the client’s business do? What is the client trying to accomplish? What are his or her goals?

New York designer Michael Bierut once said in an interview that it is important to spend time asking questions and being sincerely interested in the client and his or her business. About his own method, he said “I keep asking questions and questions and questions…” He said further, “…when I see a bad design, it’s not because the client hasn’t been educated. It’s because the designer hasn’t been educated by the client. I don’t meant taking orders from a hack client. I mean genuinely becoming sympathetic and interested with what the client is trying to communicate…”

Without a clear understanding of what the sign buyer is trying to communicate, a designer cannot be effective.

 

 

 

 

 

 

Organize your layouts using Proximity

The design principle of proximity organizes layouts so that they can be read easier and quicker. What is proximity? It is the moving of design elements closer together or further apart. The goal is to create groupings.

Grouping design elements by proximity makes the message easier to comprehend, because it helps the viewer connect related elements without effort. It makes thought groups clear, where one piece of information ends and another begins.

poor-design-decisions-481__605
This photo from the site boredpanda.com illustrates how poor use of proximity can muddy the intended meaning of a sign. Perhaps the designer thought the message would be clear by using colors to connect the related words in the two lines of copy. The humorous result shows that proximity trumps color.

 

A mistake that many novice designers make is to fill up a sign with the largest possible lettering and graphics. The result is that there is no clear separation between crowded thought groups and the composition becomes a chore to decipher.

Part of the problem is that an inexperienced designer fears white space, believing that by reducing it the letters can be made larger and “easier to read.” This is self-defeating because the resulting layout has a busy, crowded look that appears disorganized and is actually more difficult to read. Such a layout can look like too much work to a viewer. It is easily ignored.  —for a comprehensive discussion of the importance of not making a viewer work to comprehend a message, see Don’t Make Me Think Revisited by Steve Krug (2014). While his discussion centers on web page usability, it applies with equal force to sign layout.

The importance of proximity, creating groupings, is especially important when copy is heavy.

When a client insists on a sign with heavy copy it puts a great burden on readability. Heavy copy, in itself, is a strike against a layout. It should be taken for granted that a significant number of viewers will ignore the sign because of heavy copy alone. But we can still make it readable, inviting, by using proximity, aggressively corralling copy into copy blocks surrounded by generous margins. We can create the visual impression that the layout is less busy than it really is.

Aggressively corral copy into copy blocks surrounded by generous margins. The proximity principle means grouping related elements to enhance readability.
Aggressively corral copy into copy blocks surrounded by generous margins. The proximity principle means grouping related elements to enhance readability, as shown on the right.

A menu sign is an excellent example of a sign that usually has heavy copy, but that can be tamed by using margins and clear separations of menu items. Clarity on a menu is absolutely critical. The proximity principle can make it happen.

menu
A menu is typically heavy copy, yet clarity and organization are essential. The above menu, designed by Kevin Dyke, Kevin Dyke Designz, illustrates excellent use of the proximity principle. Generous margins and ‘gutters’ divide all the design elements. Secondary copy is corralled into tight copy blocks under each menu item. Food groupings are further collected together into gray boxes with generous margins between them. The grouping of all the elements has been aggressive enough to even have space “left over” for inviting photos, yet the overall effect is inviting, comfortable, without being crowded.

 

Sign design hierarchy is like a chain of thought

It’s helpful to compare the hierarchy necessary in good sign design to a chain of thought.

A chain of thought is the logical sequence of the parts of an argument. It is a succession of “points” on a path of reasoning. That’s why we call it a line of reasoning—because there should be a logical order to the parts.

Good sign design is also a sequence of information. It should be presented to viewers like the beads on a string. They should be able to easily view the information in a logical order. They should be able, without thinking, to read first what we want them to read first, to read second what we want them to read second, and so on. We must create a visual hierarchy, in descending importance.

A good sign design’s plan always includes the order in which the parts are to be viewed. If we do not control this sequencing of visual information, the composition will likely be easily ignored, just like an illogical, incoherent argument is ignored.Beads

Is the sign client always right?

There are sign makers whose philosophy is to do whatever the customer asks without questioning anything. When given a design, they reproduce it faithfully without a second thought. They consider themselves tools rather than creatives. Some will even knowingly reproduce spelling and punctuation errors if the client wrote it down that way (I have witnessed this). They are uncomfortable if they can’t charge for sign work by the square inch or square foot. They sell graphics by the pound, as it were.

These sign makers are not really interested in solving design problems. They have little concern about what a client needs. They prefer the client figure those things out before they come in. They just want to output product and move on to the next job. Sign whores, to put it crudely.

Then there are sign makers who are the extreme opposite. They will turn down sign work designed by customers. They are offended if a customer brings in a drawing and says, “My nephew made this design. Can you use it on my sign?” They often claim that their reputation as sign makers will be destroyed if they start reproducing lame design brought in by customers. These prima donnas are not so much concerned for the interests of the client. Rather, they hate having their design ability ignored or bypassed. Their sizable “artist ego” requires that clients humbly submit or go elsewhere. They believe the client is always (or usually) wrong.

I am not making this up. I have personally known both of the above types of sign makers. I do not wish to be either one.

I believe that part of my job as a sign maker is to solve problems. I have an extensive knowledge of what sign work can do for a client. I know how to make signs that are effective. I am an expert. I want to do the best I can do to help sign buyers benefit from my expertise. And I want to charge accordingly.

But what if clients have special needs? For example, what if they haven’t budgeted for signs? In such a case, I may not be able to help them. Making signs affordable to everyone that wants one is not one of my goals. If they have no money why are they buying signs? If they did not allow for all their basic needs in their business plan, then they may have little business sense and likely will fail.

But what if a client comes to me with some atrocious nephew-art and asks me to reproduce it? I could tell them I’m not interested in doing “unprofessional-looking” work and send them to a competitor. This is what the prima donnas do. But I don’t.

Why? Is it because my artist-ego is smaller? Am I lowering myself? No, I don’t think so. Because I view myself as a very good problem solver. If anything, my ego is greater. Because I believe I can usually do high quality work even with one creative hand tied behind my back. Those who always refuse to accept the challenge presented by nephew-art may be inadvertently admitting to limited design ability.

Nephew-art presents a special challenge in more than one way. It’s usually poor quality design, rarely usable as is. It’s easier to scrap it and start from scratch. But often bad artwork represents an idea that can be viable if reworked. It can be challenging, to be sure. But when you are able to pull it off, it is very satisfying. It can be a real testament to your ability as a designer. At the same time it can be very pleasing to a client that may have an emotional investment in the original art.

Nephew-art also represents a challenge to a designer in another way. It can be an opportunity to improve your salesmanship, your power to persuade. I enjoy taking a questionable design and tweaking it, bettering it. And now that we do most design work on computer, we can actually do this in the presence of a client. And this gives us opportunity to explain what we’re doing and why we’re doing it. It may seem like hard work at first. The prima donnas rarely submit to this. It’s too hard. But the more we do it the easier it becomes. It means knowing your software well, being able to work rapidly in front of a small audience, and explaining as you go. Designing this way can be a real challenge. And it’s not always possible. Sometimes you need more time than just a few minutes in front of a customer. In which case you can work on the design for presentation later. Actually, you can work on two versions—one with the customer’s art unchanged, and one with a tweaked and improved version. Sometimes, if the job is paying for it, you can show a good-better-best series.

In the end, you can produce an acceptably good design and educate a client at the same time. A win-win, unquestionably.

So, is the customer always right? No. But neither is the customer always wrong. If we shoo them away, along with their ugly art, we really haven’t solved the problem. They eventually find someone to do what they want and the ugly lives on.

What makes type legible?

Some sign people see type as nothing more than letterforms. But this view is what produces poor typography. Effective design requires that we see more than the shapes of the letters.

Good typography results from understanding the importance of the spaces as well—between the letters and surrounding the letters. Also, between words, lines and blocks of copy. It is this negative space that makes type either more legible or less legible.

To a novice sign designer, typography is about choosing a letter style and nothing more. Choosing something “interesting” or something fashionable. But good typography, and hence good design, is more about clarity rather than cute or complex. It is more about simplicity rather than what is interesting. It has been said that good typography tends to be invisible. That lettering should usually be “transparent,” allowing the message to come through.

Alex White said, in The Elements of Graphic Design, that “If the reader becomes aware of the letterforms, the type face was a bad choice because it detracts from the smooth transmission of the message within.”

Clipart has no place in logo design

It’s one thing to use a piece of clipart to spice up a banner or sign, but quite another thing to incorporate clipart into a brand mark or logo. In fact, it’s a very bad idea.
There are almost always copyright issues associated with clipart. Many clipart collections have stringent usage restrictions and may even specifically forbid use in a logo design. For example, iStockphoto prohibits the use of any royalty-free images purchased from their site for logo designs. This is stated very clearly in the iStockphoto license: “You may not … use any of the Content as part of a trade-mark, design-mark, trade-name, business name, service mark, or logo.”
Most clipart collections, whether ‘royalty free’ or not, retain rights to their work. They may license an image to you, that is, let you borrow it, for a limited range of uses, but you cannot own it.

If a company uses a clipart image as part of a logo, not only does that mean that the company does not have complete ownership rights to their own logo, but they may be exposing themselves to a possible infringement claim. Besides, using artwork that everyone else can use—does this not defeat the purpose of branding?
Obviously, images we use in creating a logo or mark should be original artwork, or artwork to which we own all rights.