Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The Value of Logos - Andrew Bergeron - WordCamp OC 2015

The Value of Logos - Andrew Bergeron - WordCamp OC 2015

A logo should not cost the same as a cup of coffee (read: fiverr.com) – as WordPress designer/developer “unicorn” we often get stuck with a client who wants “just a simple logo”. The problem is logos are not simple, they are very important – and they are on every page of your website. This talk will offer guidelines on how to judge a good from a bad logo and offer some inspiration/steps for others to follow to build their own brilliant logos.

Visual Rhythm

June 06, 2015
Tweet

More Decks by Visual Rhythm

Other Decks in Design

Transcript

  1. thank you.

    View Slide

  2. View Slide

  3. View Slide

  4. View Slide

  5. View Slide

  6. View Slide

  7. elf

    View Slide

  8. emblem, trademark, brand, figure, symbol,
    design, sign, mark, insignia, crest, seal
    synonyms

    View Slide

  9. “word” , “speech” , “debate”,
    “story”, “utterance”, “reason”,
    “justification”, “narrative”
    lógos (λόγου):

    View Slide

  10. “I say”
    légō (λέγω):

    View Slide

  11. He defines the
    Trinity as God,
    His Word (Logos)
    and His Wisdom
    (Sophia). Celtic Triquetra
    ~ Theophilus of Antioch,
    late 2ed Century

    View Slide

  12. value ≠ $

    View Slide

  13. Logos
    represent the voice,
    mission and goals of an
    organization.

    View Slide

  14. View Slide

  15. …it was an attempt to
    make the logo very
    accessible to everyone,
    especially to young
    people so that Steve
    could get them into schools.
    ~ Rob Janoff 1977

    View Slide

  16. View Slide

  17. View Slide

  18. I selected a rabbit as the symbol for the magazine because
    of the humorous sexual connotation, and because he offered
    an image that was frisky and playful.
    I put him in a tuxedo to add the idea of sophistication.
    There was another editorial consideration, too. Since both
    'The New Yorker' and 'Esquire' use men as their symbols,
    I felt the rabbit would be distinctive; and the notion of
    a rabbit dressed up in formal evening attire struck me as
    charming, amusing and right.
    ~ Hugh Hefner 1967

    View Slide

  19. Logos
    communicate
    directly to
    their audience.

    View Slide

  20. View Slide

  21. View Slide

  22. View Slide

  23. Logos
    influence people
    and have the power
    to motivate action
    or stand for a movement

    View Slide

  24. View Slide

  25. I drew myself: the
    representative of an
    individual in despair, with
    hands palm outstretched
    outwards and downwards
    in the manner of Goya’s
    peasant before the
    firing squad.
    ~ Gerald Holtom 1958

    View Slide

  26. I drew myself: the
    representative of an
    individual in despair, with
    hands palm outstretched
    outwards and downwards
    in the manner of Goya’s
    peasant before the
    firing squad.
    ~ Gerald Holtom 1958

    View Slide

  27. I drew myself: the
    representative of an
    individual in despair, with
    hands palm outstretched
    outwards and downwards
    in the manner of Goya’s
    peasant before the
    firing squad.
    ~ Gerald Holtom 1958

    View Slide

  28. View Slide

  29. View Slide

  30. View Slide

  31. Because OBEY has no
    actual meaning, the
    various reactions and
    interpretations of those
    who view it reflect their
    personality and the nature
    of their sensibilities.
    ~ Shepard Fairey, 1990

    View Slide

  32. Flyers become litter,
    Magazines are recycled,
    Websites quickly become
    outdated. Unlike these
    other types of design,
    a logo is timeless.

    View Slide

  33. 1892 2015
    1969

    View Slide

  34. 1939
    1969
    1940
    1946 2015

    View Slide

  35. 1866 2015

    View Slide

  36. Global Appeal: After the
    connection between a
    company and a logo
    is understood, the name
    can be dropped and the
    symbol itself becomes
    it’s very own visual language.

    View Slide

  37. 2011
    1992 - 2011

    View Slide

  38. 1962 -2003 2003

    View Slide

  39. Signs and Symptoms
    of a Good Logo

    View Slide

  40. It must be original and
    simple in form, have a
    very high degree of
    memorability, and be easily
    recognized and noticeable.
    By no means every symbol has
    these characteristics,
    a proof of how difficult it is to
    design a really good symbol for
    a firm or range of goods.
    ~ Jan Tschichold
    The New Typography, 1928

    View Slide

  41. A good logo creates
    desirable associations
    - and avoids negative ones.

    View Slide

  42. View Slide

  43. View Slide

  44. A good logo should
    work in 1 color.
    Color will never save
    a bad design
    - only enhance a good one.

    View Slide

  45. View Slide

  46. A good logo should
    be legible when scaled
    in size - from Billboard
    to Favicon/Gravitar.

    View Slide

  47. How to create a good logo.

    View Slide

  48. Ask questions...

    View Slide

  49. Who is XYZ?

    View Slide

  50. What does XYZ want
    to communicate,
    emphasize, project?

    View Slide

  51. Should anything be
    de-emphasized
    or avoided?

    View Slide

  52. What logo is
    being used now?
    Why doesn’t it work?

    View Slide

  53. How does
    your competition
    identify itself?

    View Slide

  54. What differentiates
    XYZ from
    the competition?

    View Slide

  55. Are there any
    obvious visuals
    associated with XYZ,
    initials, endeavors?

    View Slide

  56. Who is the
    target audience?
    Will this change
    over time?

    View Slide

  57. What if logo XYZ was only type?
    Who is XYZ’s mascot?
    What letters should be used if XYZ’s
    logo were a monogram?

    View Slide

  58. LOGOTYPE
    distinctive type treatment

    View Slide

  59. View Slide

  60. MONOGRAM
    composed of one or more initials

    View Slide

  61. View Slide

  62. v
    MYTH
    imaginary; legendary; fictitious

    View Slide

  63. View Slide

  64. v
    ANALOGY
    using one thing to suggest
    another by virtue of
    shared qualities

    View Slide

  65. View Slide

  66. v
    MASCOT
    a person or animal used to
    represent the group

    View Slide

  67. View Slide

  68. v
    LITERALISM
    a more or less literal depiction

    View Slide

  69. View Slide

  70. v
    DIAGRAM
    depicting a process

    View Slide

  71. View Slide

  72. v
    REBUS
    a combination of letters and pictures

    View Slide

  73. View Slide

  74. v
    Design a logo using
    a reductive &
    simplistic approach.

    View Slide

  75. Write the story,
    take out all the good lines,
    and see if it still works.
    ~ Ernest Hemingway

    View Slide

  76. How much does a logo cost?

    View Slide

  77. $5

    View Slide

  78. v
    NormanCar
    Family owned, built with love in the USA
    Named after my Black Lab, Norman
    (who loved to ride in cars)
    Less sporty version of a Tesla — more traditional than a Prius
    Target household income: $200K+
    Insipired by Apple, GE and Audi logos
    Unique, inovative, modern, classic, memborable, “traditional with a twist”
    Color: Black and White (used on 100’s of car colors) - we like the colors orange, blue and brown
    Electric Cars for the People

    View Slide

  79. #1
    (18 hours later)

    View Slide

  80. #2
    (3 Days later)
    Hey Friend,
    I’m really sorry!
    I haven’t good ideas for this.
    I can refund you.
    ~ Fiver Designer #2

    View Slide

  81. #3
    (6 Days later)

    View Slide

  82. $35
    =
    Carolyn Davidson
    Student - Portland State University

    View Slide

  83. I don’t love it, but I think it will
    grow on me.
    ~ Phil Knight, 1971

    View Slide

  84. $
    logo ≠

    View Slide

  85. View Slide

  86. View Slide

  87. logo ≠

    View Slide

  88. Logos should be crafted
    like a sculpture.

    View Slide

  89. View Slide

  90. Creating a mark for
    Tiffany was an interesting
    challenge: to design a
    monogram that could be
    small enough for the
    winder of a man’s watch,
    or large enough for a
    construction shed.
    ~ Louis Fili 2005

    View Slide

  91. v
    A logo should
    drive the entire look & feel
    of the website design
    (fonts, colors, icons,
    branding, photo selection etc…).

    View Slide

  92. iPad

    View Slide

  93. v
    A good logo is perhaps
    one of the best design
    investments a company
    will ever make in terms
    of its retaining its
    value over time.

    View Slide

  94. 1935 2015

    View Slide

  95. View Slide

  96. fin.

    View Slide