50 Shades of Bad Typography
- Rcnewcomb
- Vectric Archimage
- Posts: 6354
- Joined: Fri Nov 04, 2005 5:54 am
- Model of CNC Machine: 24x36 GCnC/WinCNC with ATC
- Location: San Jose, California, USA
- Contact:
50 Shades of Bad Typography
A brief article discussing the trials and tribulations of bad typography and kerning problems in design. From the web site thesfegotist.com ->Link
Summary: Good typography isn’t always about where the computer places your 26 characters. It’s about how it looks, flows and feels
50 Shades of Bad Typography
July 23rd, 2012
By Randall Erkelens
When the world was introduced to desktop publishing thirty years ago, proper punctuation marks and kerning pairs were not brought to the party. Foot and inch marks were used instead, and they weren’t exactly the best stunt doubles. Today, I expected a more savvy designer pool with an arsenal of modern tools to rectify this problem. Nope.
Then again, should I expect such a giant leap in only a quarter century? After all, 200 A.D. saw the rise of woodblock printing, a practice that ran the show until 1476 when the printing press was born. It was an era where typography used to be a specialized occupation filled by highly skilled artisans. It should be no different today.
When your keyboard isn’t set up for smart quotes by using the foot and inch key, you can create the proper marks on an Apple keyboard by the following keystrokes. To kern using your keyboard, use Shift-Command combination with your bracket keys shown below.
Tip: Use a serif font punctuation on san-serif design for more pronounced typographic presence. San-serif punctuation marks tend to be lifeless.
Bad kerning (or tracking) is equally destroying design. It’s 2012. We should have enough computing power today to accurately plot any two letters together with good spacing between them. And yet, our design software still struggles with how to negotiate visually-appealing kerning pairs. I’ve noticed the worst infractions between upper and lower case letters. The Heinz example below has issues so obvious, it’s hard to imagine what designer, art director or creative director signed off on this. POUR ABLE MUST ARD. Really?
Tip: It’s ok to have letters crash into each other to create correct letter spacing. The R and A in pourable need to touch due to the negative space created by the slant of the A. The B had to move to the left slightly too to close-up the white space.
Dr. Pepper recently ran a national campaign with a blatant kerning error. That is, unless the 10 Bold T Asting Calories was the primary message.
Now, look at this “Professional Sign’s & Lettering” company mark (of all businesses). Yes, they did use the proper apostrophe over inch mark, even though it’s still grammatically off since chances are unlikely the company is owned by some guy named Sign. But all the points they scored were lost when they left a gaping hole between the n and s. But we can give extra credit for the use of Brush Script.
Tip: Reduce the size of your apostrophe and lower its relative position to characters in the word. This gives it a better lockup in the word. You don’t have to accept where your design program plots your punctuation.
If I had to just kern one thing on any piece of creative, I’d spend extra time with your headline—especially if your layout is type and/or copy driven. Because when your all-type headline layout looks good, it is your visual. Treat it that way.
Good typography isn’t always about where the computer places your 26 characters. It’s about how it looks, flows and feels to the reader. And that takes effort. Effort takes time. If you don’t have time for good typography, another line of work might be in order. Goat herding, perhaps?
Randall Erkelens is a managing partner and creative rebel at Philosophy Communication, a Denver marketing and public relations firm.
Summary: Good typography isn’t always about where the computer places your 26 characters. It’s about how it looks, flows and feels
50 Shades of Bad Typography
July 23rd, 2012
By Randall Erkelens
When the world was introduced to desktop publishing thirty years ago, proper punctuation marks and kerning pairs were not brought to the party. Foot and inch marks were used instead, and they weren’t exactly the best stunt doubles. Today, I expected a more savvy designer pool with an arsenal of modern tools to rectify this problem. Nope.
Then again, should I expect such a giant leap in only a quarter century? After all, 200 A.D. saw the rise of woodblock printing, a practice that ran the show until 1476 when the printing press was born. It was an era where typography used to be a specialized occupation filled by highly skilled artisans. It should be no different today.
When your keyboard isn’t set up for smart quotes by using the foot and inch key, you can create the proper marks on an Apple keyboard by the following keystrokes. To kern using your keyboard, use Shift-Command combination with your bracket keys shown below.
Tip: Use a serif font punctuation on san-serif design for more pronounced typographic presence. San-serif punctuation marks tend to be lifeless.
Bad kerning (or tracking) is equally destroying design. It’s 2012. We should have enough computing power today to accurately plot any two letters together with good spacing between them. And yet, our design software still struggles with how to negotiate visually-appealing kerning pairs. I’ve noticed the worst infractions between upper and lower case letters. The Heinz example below has issues so obvious, it’s hard to imagine what designer, art director or creative director signed off on this. POUR ABLE MUST ARD. Really?
Tip: It’s ok to have letters crash into each other to create correct letter spacing. The R and A in pourable need to touch due to the negative space created by the slant of the A. The B had to move to the left slightly too to close-up the white space.
Dr. Pepper recently ran a national campaign with a blatant kerning error. That is, unless the 10 Bold T Asting Calories was the primary message.
Now, look at this “Professional Sign’s & Lettering” company mark (of all businesses). Yes, they did use the proper apostrophe over inch mark, even though it’s still grammatically off since chances are unlikely the company is owned by some guy named Sign. But all the points they scored were lost when they left a gaping hole between the n and s. But we can give extra credit for the use of Brush Script.
Tip: Reduce the size of your apostrophe and lower its relative position to characters in the word. This gives it a better lockup in the word. You don’t have to accept where your design program plots your punctuation.
If I had to just kern one thing on any piece of creative, I’d spend extra time with your headline—especially if your layout is type and/or copy driven. Because when your all-type headline layout looks good, it is your visual. Treat it that way.
Good typography isn’t always about where the computer places your 26 characters. It’s about how it looks, flows and feels to the reader. And that takes effort. Effort takes time. If you don’t have time for good typography, another line of work might be in order. Goat herding, perhaps?
Randall Erkelens is a managing partner and creative rebel at Philosophy Communication, a Denver marketing and public relations firm.
- Randall Newcomb
10 fingers in, 10 fingers out, another good day in the shop
10 fingers in, 10 fingers out, another good day in the shop
- mezalick
- Vectric Wizard
- Posts: 2999
- Joined: Mon Nov 03, 2008 9:07 am
- Model of CNC Machine: Camaster Cobra
- Location: Philadelphia, PA USA
- Contact:
Re: 50 Shades of Bad Typography
GREAT.....GREAT Post !
Thanks,,we all need that every now and again.
Michael
Thanks,,we all need that every now and again.
Michael
Michael Mezalick
https://www.youtube.com/user/mezalick
mm@mezalick.com
https://www.youtube.com/user/mezalick
mm@mezalick.com
- Ms Wolffie
- Vectric Wizard
- Posts: 2695
- Joined: Sat Mar 31, 2012 10:41 pm
- Model of CNC Machine: Blue Elephant 1325, Shark HD Pro
- Location: Tully Heads, Wet Tropics, Queensland, Australia
Re: 50 Shades of Bad Typography
Now, look at this “Professional Sign’s & Lettering” company mark (of all businesses). Yes, they did use the proper apostrophe over inch mark, even though it’s still grammatically off since chances are unlikely the company is owned by some guy named Sign.
One of my pet dislikes when I see a professional sign.
Cheers
Wolffie
One of my pet dislikes when I see a professional sign.
Cheers
Wolffie
Cheers
Wolffie
Whatshammacallit
Cut3D, VCarvePro 6.5, Aspire4, PhotoVCarve, Corel Graphics Suite X6
Wolffie
Whatshammacallit
Cut3D, VCarvePro 6.5, Aspire4, PhotoVCarve, Corel Graphics Suite X6
- JamesB
- Vectric Alumni
- Posts: 1257
- Joined: Tue May 30, 2006 1:24 pm
- Model of CNC Machine: Exel CNC SL60/90 Pro
- Location: Warwickshire, UK
Re: 50 Shades of Bad Typography
Probably a good time to point out how you can change text spacing in Cut2D, VCarve Pro and Aspire: http://support.vectric.com/aspire-quest ... xt-spacing
In VCP and Aspire this also works after you use "Text on a Curve" too.
Cheers,
James
In VCP and Aspire this also works after you use "Text on a Curve" too.
Cheers,
James
-
- Posts: 20
- Joined: Sat Mar 06, 2010 10:01 pm
Re: 50 Shades of Bad Typography
Relying on auto kerning is for lazy people who don't care about quality.
Here are a some tricks from an old signie.
Shield all but three letters at a time. Adjust until the spacing looks OK. Move right one letter and do it again. Continue to the end. Simple!
If you have one big word on a panel, (eg THORN, POLO or MANTA) with a letter at one end which is not square, the word should be moved slightly to the left or right so that the whole does not look unbalanced.
When assembling loose letters on a panel, don't forget that curved and pointy letters extend above or below square letters.
Have fun
Greg
Here are a some tricks from an old signie.
Shield all but three letters at a time. Adjust until the spacing looks OK. Move right one letter and do it again. Continue to the end. Simple!
If you have one big word on a panel, (eg THORN, POLO or MANTA) with a letter at one end which is not square, the word should be moved slightly to the left or right so that the whole does not look unbalanced.
When assembling loose letters on a panel, don't forget that curved and pointy letters extend above or below square letters.
Have fun
Greg
-
- Vectric Wizard
- Posts: 586
- Joined: Sat Jan 08, 2011 12:29 pm
- Model of CNC Machine: Professional done home built.
- Location: SW Michigan
Re: 50 Shades of Bad Typography
LOL;;But we can give extra credit for the use of Brush Script.
double extra credit because they used it on an arc..
- Rcnewcomb
- Vectric Archimage
- Posts: 6354
- Joined: Fri Nov 04, 2005 5:54 am
- Model of CNC Machine: 24x36 GCnC/WinCNC with ATC
- Location: San Jose, California, USA
- Contact:
Re: 50 Shades of Bad Typography
- Randall Newcomb
10 fingers in, 10 fingers out, another good day in the shop
10 fingers in, 10 fingers out, another good day in the shop
-
- Vectric Wizard
- Posts: 1687
- Joined: Sun Oct 24, 2010 7:28 pm
- Model of CNC Machine: homebuilt 4'x2' (Mach3+G540)
- Location: Guelph, Ontario
- Contact:
Re: 50 Shades of Bad Typography
Brilliant!Rcnewcomb wrote:
Paul Rowntree
WarpDriver, StandingWave, Topo and gadgets available at PaulRowntree.weebly.com
WarpDriver, StandingWave, Topo and gadgets available at PaulRowntree.weebly.com
-
- Vectric Wizard
- Posts: 1853
- Joined: Sun Sep 23, 2012 12:14 pm
- Model of CNC Machine: CNC Shark Pro, Probotix Meteor 25" x 50"
Re: 50 Shades of Bad Typography
Thanks for that! Biggest laugh I've had in 20 years.Rcnewcomb wrote:
- zeeway
- Vectric Wizard
- Posts: 3157
- Joined: Thu Feb 11, 2010 9:24 pm
- Model of CNC Machine: Self-built
- Location: SC, USA
Re: 50 Shades of Bad Typography
When we communicate with each other, the flow of information from one mind to another is smooth until some part of the message is not what we expect. That interrupts our reception of the message, and we start thinking about what is wrong with the message, rather than the message itself. You can see this in improper punctuation; poor spacing; the use of too may fonts; the use of images that are not consistent with the message; etc.
Some advertising people would have you believe that you have to use elements like that to perk up attention...that is the rationale for incorrect spelling in advertising...that does not appeal to me. These days, most people likely do not even notice incorrect spelling (my elitist views sneaking in here).
Good signage is good communication. Thank you for this post, Randall, it gets us thinking.
Angie
Some advertising people would have you believe that you have to use elements like that to perk up attention...that is the rationale for incorrect spelling in advertising...that does not appeal to me. These days, most people likely do not even notice incorrect spelling (my elitist views sneaking in here).
Good signage is good communication. Thank you for this post, Randall, it gets us thinking.
Angie
-
- Vectric Wizard
- Posts: 1853
- Joined: Sun Sep 23, 2012 12:14 pm
- Model of CNC Machine: CNC Shark Pro, Probotix Meteor 25" x 50"
Re: 50 Shades of Bad Typography
I have twin nieces. One named Annie and one named Amie. Their signatures look identical.
My name is Dave. My father's name is Paul. On more than a few occasions where they ask for my name at a fast food counter so they can call me when my order is ready, they've scribbled down Dave and end up calling for Paul. A little long with the upstroke on D and a little long with the loop for the e, and I become my Dad. Spooky to hear it, as my father has passed and no longer meets me for lunch.
My name is Dave. My father's name is Paul. On more than a few occasions where they ask for my name at a fast food counter so they can call me when my order is ready, they've scribbled down Dave and end up calling for Paul. A little long with the upstroke on D and a little long with the loop for the e, and I become my Dad. Spooky to hear it, as my father has passed and no longer meets me for lunch.
-
- Posts: 27
- Joined: Sat Oct 24, 2009 4:47 pm
- Model of CNC Machine: Maverick 3x5 Pro
- Location: The Okanogan
Re: 50 Shades of Bad Typography
Speaking of giant leaps....You had me at "Pourable Mustard"!Rcnewcomb wrote:Then again, should I expect such a giant leap in only a quarter century?
Great post.
"If you’ve got a business, you built that. Nobody else made that happen."