File: seymour.html

package info (click to toggle)
lg-issue113 1-1
  • links: PTS
  • area: main
  • in suites: sarge
  • size: 1,932 kB
  • ctags: 42
  • sloc: sh: 364; makefile: 34
file content (505 lines) | stat: -rw-r--r-- 16,348 bytes parent folder | download
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505

<html>
<head>
<link href="../lg.css" rel="stylesheet" type="text/css" media="screen, projection"  />
<link rel="shortcut icon" href="../favicon.ico" />
<title>Design Awareness LG #113</title>

<style type="text/css" media="screen, projection">
<!--

-->
</style>

<link rel="alternate" type="application/rss+xml" title="LG RSS" href="lg.rss" />
<link rel="alternate" type="application/rdf+xml" title="LG RDF" href="lg.rdf" />
<link rel="alternate" type="application/atom+xml" title="LG Atom" href="lg.atom.xml" />

</head>

<body>


<img src="../gx/2003/newlogo-blank-200-gold2.jpg" id="logo" alt="Linux Gazette"/>
<p id="fun">...making Linux just a little more fun!</p>


<div class="content articlecontent">

<div id="previousnexttop">
<A HREF="orr.html" >&lt;-- prev</A> | <A HREF="youngman.html" >next --&gt;</A>
</div>



<h1>Design Awareness</h1>
<p id="by"><b>By <A HREF="../authors/seymour.html">Mark Seymour</A></b></p>

<p>
<h3>Another bout of logorrhea</h3>

<p>Snow is no longer falling outside my window and it's officially
Spring, so a man's thoughts naturally turn to a new pair of blue
jeans. (For the purposes of this column, anyway.) To celebrate,
we'll create one or two logos for a new blue jeans manufacturer
called <em>Pants On Fire</em>.</p>

<p>But first let's examine a common household product whose logo
has recently undergone a redesign, and analyze the change.</p>

<p>Cooking for oneself, you sometimes end up reaching for a can of
something. Here's a list of <a href=
"http://www.hormel.com/home.asp">Hormel</a> products, with their
industry classifications, some of which might be in your
cupboard:</p>

<p><b>Deli</b><br>
DI LUSSO&#8482; Deli Products<br>
HORMEL&#8482; Snack Size Deli Meats &amp; Cheese<br>
HORMEL&#174; Deli Beef<br>
HORMEL&#174; Deli Dry Sausage<br>
HORMEL&#174; Deli Ham<br>
HORMEL&#174; Deli Turkey<br>
HORMEL&#174; Party Trays<br>
<br>
<b>Ethnic</b><br>
BUFALO&#174; Authentic Mexican Products<br>
CARAPELLI&#174; Olive Oils<br>
CHI-CHI'S&#174; Mexican Products<br>
DONA MARIA&#174; Authentic Mexican Products<br>
HERDEZ&#174; Authentic Mexican Products<br>
HOUSE OF TSANG&#174; Asian Sauces and Oils<br>
MARRAKESH EXPRESS&#174; Mediterranean Products<br>
PATAK'S&#174; Indian Products<br>
PELOPONNESE&#174; Mediterranean Products<br>
<br>
<b>Pantry</b><br>
DINTY MOORE&#174; Products<br>
HERB-OX&#174; Bouillon<br>
HORMEL&#174; Bacon Toppings<br>
HORMEL&#174; Chili<br>
HORMEL&#174; Chunk Meats<br>
HORMEL&#174; KID'S KITCHEN&#174; Microwave Meals<br>
HORMEL&#174; Microwave Meals and Soups<br>
MARY KITCHEN&#174; Hash<br>
SPAM&#174; Family of Products<br>
STAGG&#174; Chili<br>
<br>
<b>Refrigerated</b><br>
CURE 81&#174; Ham<br>
HORMEL&#174; ALWAYS TENDER&#174; Flavored Pork, Beef, Chicken &amp;
Turkey<br>
HORMEL&#174; Bacon<br>
HORMEL&#174; Fully Cooked Entrees<br>
HORMEL&#174; OLD SMOKEHOUSE&#8482; Summer Sausage<br>
HORMEL&#174; Pepperoni<br>
HORMEL&#174; WRANGLERS&#174; Franks<br>
JENNIE-O TURKEY STORE&#174;<br>
LIGHT &amp; LEAN&#174; Premium Luncheon Meat<br>
LITTLE SIZZLERS&#174; Pork Sausage</p>

<p>Besides showing how acquiring companies over the years may stick
you with brand names that outlive their time (though I'm sure there
are food manufacturers who would kill to own SPAM), this list also
illustrates the dilemma frequently confronted by designers and
their clients: so many logos, so little money...</p>

<p>The list of 'ethnic' foods also shows how you may have to deal
with cultural sensibilities when designing a suite of logos. For
instance, DONA MARIA loses something in the translation when it
doesn't carry the enya, that little squiggle over the 'n' in <em>Do&ntilde;a</em>,
which changes it from 'Donna' to 'Donya', which means something
entirely different. While Bufalo with one F means the same in
Spanish as the word does in English with two Fs, it will look odd
if the can isn't in the ethnic food aisle. And "Marrakesh Express"
obviously didn't mean the same thing to the Hormel people when they
bought or developed the brand as it did to those of us who lived
through a time when you took that train (there was even a <a href=
"http://www.oldielyrics.com/lyrics/crosby_stills_nash/marrakesh_express.html">
song</a> about it) in order to purchase large quantities of a
processed agricultural product that Hormel can't legally
sell...</p>

<p>But we're going to look at just one Hormel product line:
<i>Dinty Moore</i>. Just within this one brand, there are many
varieties, including:</p>

<p><b>Canned Products<br></b>Beef Stew<br>
Chicken &amp; Dumplings<br>
Chicken Stew<br>
Meatball Stew<br>
Turkey Stew<br>
<br>
<b>Microwavable Products</b><br>
Beef Stew (7.5 oz cup)<br>
Beef Stew (10 oz tray)<br>
Chicken &amp; Dumplings (7.5 oz cup)<br>
Noodles &amp; Chicken (7.5 oz cup)<br>
Rice with Chicken (7.5 oz cup)<br>
Scalloped Potatoes &amp; Ham (7.5 oz cup)</p>

<p>Our focus will be on the beef stew, which carries the same
logotype as all the other Dinty Moore products. The brand logo is
simple and, even in its 'new' incarnation, fairly traditional:</p>

<p><img src="misc/seymour/newDMlogo.jpg" alt="" height="147" width=
"200" border="0">
</p>

<p>The logo, while tidied up recently, is still not very exciting
nor evocative. But the use of blue as a 'food' color doesn't do
anything for my appetite; I'm not sure how they got stuck with it
originally, and not sure why they didn't modify it when the logo
was redesigned. The blue got a little lighter, and the font 'domed'
with shading, but the change was more evolutionary than
revolutionary.</p>

<p>Left unstated, even on its own webpage, is all the 'back story':
who the hell is Dinty Moore, and why should we care? The official
Hormel history page merely mentions its beginning as a brand name
in 1935. Apparently Dinty <i>was</i> a real person, even though the
<a href=
"http://www.absoluteastronomy.com/encyclopedia/B/Br/Bringing_Up_Father.htm">
story</a> is a little complicated.</p>

<table border="0" cellspacing="0" cellpadding="2" align="center">
<tr>
<td><img src="misc/seymour/DMtop1.jpg" border="0">
</td>
<td><img src="misc/seymour/DMtop2.jpg" border="0">
</td>
</tr>

<tr>
<td><img src="misc/seymour/DMside1.jpg" border="0">
</td>
<td><img src="misc/seymour/DMside2.jpg" border="0">
</td>
</tr>

<tr>
<td width="189" align="center">Original packaging</td>
<td width="235" align="center">Revised packaging</td>
</tr>
</table>

<p>But its Dinty Moore's finger that we're talking about here. It
was there the last time I bought a can, a big red fingerprint right
on the lid, but it's gone from the new one. The story behind that
print might have been interesting, but it too is not in evidence
anywhere. 

<p class="editorial">[ So <strong>that's</strong> where that finger came
from! The people at <a
href="http://www.cnn.com/2005/US/03/24/chili.finger.reut/">Wendy's</a> have
been wondering... -- Ben ]

<p> As the photo shows, it was labeled as the "Dinty Moore
Mark of Product Quality" but what, if anything, that had to do with
Dinty's approval of the contents, I'm not sure. What a three-inch
fingerprint had to do with <i>anything</i>, I'm also not sure, but
the second series of photos shows that the designers couldn't
figure that out, either, and took it off. The entire color way of
the can has shifted as well, especially on the top, from red toward
blue; someone at Hormel likes blue, I guess. Maybe it tests
well...</p>

<p>For the writers among us, there were a few interesting wording
changes as well: the old can read "still made with Fresh potatoes
&amp; carrots", while the new label has the contents just "Made
with fresh potatoes &amp; carrots". An all-red "no preservatives"
slugline fell off the back of the old label and now appears inside
three oddly shaped trapezoids (one yellow with black letters, one
blue with white letters, and one in black with no text for no
apparent reason) on the front of the new label; some lawyer's idea,
no doubt. The shift to all caps for "BEEF STEW" and "FREE" would
get a zing from my old professor, Arnold Bank, so I'm giving one to
them in his absence; it may fit the box better, but it doesn't make
it easier to read.</p>

<p>A last little design note, one dear to my heart: where to put
the "registered trademark" symbol.</p>

<p>On the original logo, the &#174; was above the top curve of the
'e' at the end. On the redesigned logo, it hangs off the spur of
the 'e' on the baseline. Neither is better than the other, but it's
one of the niceties of logo design that always needs to be
addressed.</p>

<p>(<b>Meaningless but important note:</b> In the 'good things on
the Internet' category, my new favorite URL name has to be <a href=
"http://www.thesegoto11.com/">http://www.thesegoto11.com/</a> The
phrase <i>These go to eleven</i> refers to a scene in Rob Reiner's
movie <a href="http://us.imdb.com/title/tt0088258/">Spinal Tap</a>;
if you haven't seen this classic rock &amp; roll spoof, you should.
The logo's pretty darn good, too.)</p>

<p>Now for a few logos and logotypes for our imaginary blue jeans
company, Pants On Fire, Inc. (a friend of mine became its president
when he said one thing and did another once too often...) It's a
classic childhood phrase, and I'm surprised it hasn't been snatched
up already. (If there's some little boutique jeans store in
Hollywood using the name, my apologies; you didn't show up in a
Google search.)</p>

<p>The imagery for the logo/logotypes is obvious: pants and/or
fire. We can use them by themselves (a logo), to create emphasis
for text (a logotype), or as a combination of images and text.</p>

<p>Here are several Pants On Fire logos, a narrow one and a squarer
variant:</p>

<table align="center" border="0">
<tr>
<td valign="bottom" width="189" height="82"><img src=
"misc/seymour/PoF-FlatLogo.jpg" alt="" height="144" width="76"
align="top" border="0">
</td>
<td valign="bottom" width="235" height="82"><img src=
"misc/seymour/PoF-FlatLogo2.jpg" alt="" height="145" width="157"
align="top" border="0">
</td>
</tr>

<tr>
<td colspan="2" width="428">
<div align="left">(see a larger image <a href=
"misc/seymour/PoFlarge.html">here</a>)</div>
</td>
</tr>
</table>

<div align="left">
<p>Here are a pair of logotypes (neither of which I'm really happy
with, but this column is due):</p>
</div>

<div align="center">
<table border="0" cellspacing="0" cellpadding="2">
<tr>
<td width="245">
<div align="center"><img src="misc/seymour/PoFlogotype3.jpg" alt=""
height="44" width="228" border="0">
</div>
</td>
<td width="236"><img src="misc/seymour/PoFlogotype4.jpg" alt=""
height="65" width="108" border="0">
</td>
</tr>

<tr>
<td colspan="2" width="485">
<div align="center">(see larger images <a href=
"misc/seymour/PoFlogotypeslarge.html">here</a>)</div>
</td>
</tr>
</table>
</div>

<div align="left">
<div align="left">
<p>Here are several combination logos:</p>
</div>
</div>

<div align="center">
<table border="0" cellspacing="0" cellpadding="2">
<tr>
<td width="179">
<div align="center"><img src="misc/seymour/PoF-logotype1.jpg" alt=
"" height="82" width="248" border="0">
</div>
</td>
<td valign="bottom" width="230"><img src=
"misc/seymour/PoF-logotype2.jpg" alt="" height="39" width="236"
align="bottom" border="0">
</td>
</tr>

<tr>
<td colspan="2" width="413">
<div align="center"><img src="misc/seymour/PoFlogo3.jpg" alt=""
height="160" width="239" border="0">
</div>
</td>
</tr>

<tr>
<td align="left" width="179">
<div align="center"><img src="misc/seymour/PoF-logo1.jpg" alt=""
height="274" width="140" border="0">
</div>
</td>
<td align="center" width="230"><img src=
"misc/seymour/PoF-logo2.jpg" alt="" height="282" width="140"
border="0">
</td>
</tr>

<tr>
<td colspan="2" align="left" width="488">
<div align="center">(see larger images <a href=
"misc/seymour/PoFlogoslarge.html">here</a>)</div>
</td>
</tr>
</table>
</div>

<div align="left">
<p>And here's even a rudimentary logo in 3D (courtesy of my old
friend <a href="mailto:kelley02790@charter.net">Kelley</a>, the
modeling whiz):</p>
</div>

<div align="center">
<table border="0" cellspacing="0" cellpadding="2">
<tr height="82">
<td valign="bottom" width="189" height="82"><img src=
"misc/seymour/PoF3D.jpg" alt="" height="211" width="227" border=
"0">
</td>
</tr>

<tr>
<td width="189">
<div align="left">(see a larger image <a href=
"misc/seymour/PoF3d.html">here</a>)</div>
</td>
</tr>
</table>
</div>

<div align="left">
<p>These, of course, do not begin to cover the spectrum of possible
combinations using the company name and imagery relating to the
concept and the wording and the products. Just the choice of
font(s), let alone the many variations of weight and style, would
be a long and difficult process. (I wimped out here and, in the
interest of getting done on schedule, just went with Helvetica Bold.)
Trying to design for all the possible usages of the logo (pants labels,
tags, corporate identity print, signage, trucks, on-line, television,
posters, the list is endless) would limit some of the wilder choices, but
drive others: should the logo be able to stand alone as well as with text,
how small will it be legible, how many or how few colors can it be
represented with, etc.</p>

<p>There might well be sub-brands, such as UnderPants On Fire, that
I will leave to your imagination. (If you come up with a good logo
for it, of course, send it along.)</p>

<p>Then there's the Spanish language market (<i>Pantalones en el
fuego</i>), along with the rest of the world (Dutch: <i>Broek op
Brand</i>, French: <i>Pantalon sur le feu</i>, German: <i>Hosen auf
Feuer</i>, Italian: <i>Pantaloni su fuoco</i>, and so on). Care
would have to be taken, of course, to work with native language
speakers to see if the phrase meant anything remotely similar.
Note, too, that some languages capitalize many words and some do
not; that can seriously alter if and how you translate a logo. Many
companies do not translate their brand names, and rely on the
globalization of the marketplace to compensate.</p>
</div>

<p>I hope this column has given you some more logo issues to chew
on. As ever, if there are specifics you'd like covered, let me
know.</p>


</p>


<!-- *** BEGIN author bio *** -->
<P>&nbsp;
<P>
<!-- *** BEGIN bio *** -->
<hr>
<p>
<img align="left" alt="[BIO]" src="../gx/authors/seymour.jpg" width="200" height="200" class="bio">

<em>
<p> I started doing graphic design in junior high school, when it was still
the Dark Ages of technology. Bill Gates and Steve Jobs were both eleven
years old, and the state of the art was typing copy on Gestetner masters.
I've worked on every new technology since, but I still own an X-acto knife
and know how to use it.

<p> I've been a freelancer, and worked in advertising agencies, printing
companies, publishing houses, and marketing organizations in major
corporations. I also did a dozen years [1985-1997] at Apple Computer; my
first Macintosh was a Lisa with an astounding 1MB of memory, and my current
one is a Cube with a flat screen.

<p> I've had a website up since 1997, and created my latest one in 2004. I'm
still, painfully, learning how web design is different from, but not
necessarily better than, print.

</em>
<br clear="all">
<!-- *** END bio *** -->


<!-- *** END author bio *** -->

<div id="articlefooter">

<p>
Copyright &copy; 2005, Mark Seymour. Released under the <a
href="http://linuxgazette.net/copying.html">Open Publication license</a>
unless otherwise noted in the body of the article. Linux Gazette is not
produced, sponsored, or endorsed by its prior host, SSC, Inc.
</p>

<p>
Published in Issue 113 of Linux Gazette, April 2005
</p>

</div>


<div id="previousnextbottom">
<A HREF="orr.html" >&lt;-- prev</A> | <A HREF="youngman.html" >next --&gt;</A>
</div>


</div>






<div id="navigation">

<a href="../index.html">Home</a>
<a href="../faq/index.html">FAQ</a>
<a href="../lg_index.html">Site Map</a>
<a href="../mirrors.html">Mirrors</a>
<a href="../mirrors.html">Translations</a>
<a href="../search.html">Search</a>
<a href="../archives.html">Archives</a>
<a href="../authors/index.html">Authors</a>
<a href="../contact.html">Contact Us</a>

</div>



<div id="breadcrumbs">

<a href="../index.html">Home</a> &gt; 
<a href="index.html">April 2005 (#113)</a> &gt; 
Article

</div>





<img src="../gx/2003/sit3-shine.7-2.gif" id="tux" alt="Tux"/>




</body>
</html>