Blog.SpoonGraphics

A Guide to Creating Professional Quality Logo Designs

Read the article

Logo design is often seen as a quick and easy job; you create a small graphic, stick it next to some text and the job is done! In reality there’s a lot more to it, which makes the whole process of creating a logo or identity a challenging task. Let’s take a look at some of the general rules of logo design, see what guidelines we should stick to in order to build high quality logos, and see how they can all be put into practice to create a logo design that works in the real world.

It’s easy listing out a bunch of logo design rules, but to make this post a little more useful and insightful I decided to show I would implement each pointer into a design of my own. To do so I created a logo for a fictional web hosting company named Media Stack, and dealt with the project as if it was for real (just without the client communication). I’ll not go into how the design was made as a step by step tutorial, but instead I’ll try and give some behind the scenes insight into my thoughts and ideas by showing how I have personally translated the advice from each rule or guideline into the final logo design.

Ask questions to put together a good design brief

When you take on a new logo design project for a client, one of the first steps will be gathering together all the information and knowledge you need about the client’s company, such as what they do, who their target audience is, what their aims are and how they want to be perceived through their branding. Many designers use an online form to put forward a bunch of questions, while others might ask over a telephone call or by email. Whichever method you use, try to gather as much information as possible. The more information you have, the easier it will be to tailor a design specifically to your client’s needs, and more importantly be able to accurately represent the company in logo format.

Media Stack sample design brief

Being a fictional project all the information for Media Stack is made up for the sake of the post, but I’ve aimed to make it a typical project for a small-medium sized business that’s emerging onto the scene. The sample design brief quickly outlines who Media Stack is, what they do and how they want to be seen by their customers. All this information can then be used to generate a unique logo that represents the company.

Every design begins with a sketch

Sketching is a great way to loosen up and quickly flesh out multiple ideas onto paper as they pass through your brain. No doubt you’ll have developed an initial idea from reading the design brief, now is your chance to note it down along with other keywords, doodles, diagrams and brainstorms.

Media Stack logo sketches

I began jotting down ideas for Media Stack by mind mapping various keywords that related to web hosting, and the idea of a stack of servers. The sketches that followed quickly fleshed out some ideas of how a stack of servers could be represented in visual format. The general shape of a server is a thin rectangle, so this could be developed into the design. Other ideas were to use the initials M and S, or maybe some kind of network icon.

Develop a concept

The whole idea of a logo is to create a concept that portrays the company and its values in some kind of graphical mark. The concept you come up with can be as literal or as abstract as you like. Logos don’t always have to portray exactly what the company does, instead it might focus on a particular value or message. This is where all that initial research about your client’s business really comes into play, as you can develop something that’s unique and relative to their company.

Media Stack logo design concept

The main idea I developed from my sketching for the Media Stack logo was to represent the stack of servers as a range of boxes, but rather than draw a range of boring old boxes, I wanted to inject a little visual interest and make the idea a little more abstract. Making the boxes three dimensional and hollow in the centre allowed the logo moved away from flat boxes, and helped develop a more unusual visual mark. You can look at the logo in two ways, firstly as a symmetrical symbol, but at a closer look you can see the illusion of three dimensions and the three layers being stacked on top of the other. The symbol itself also forms a kind of upwards facing arrow, which itself could be translated into growth and forward motion, which always give extra brownie points when it comes to representing a business!

Create the logo in vector format

Once you’ve chosen your design concept, you’ll be ready to begin crafting the digital logo file. Building a logo in vector format is one of the most important rules designers should follow. Vector graphics allow a design to be infinitely scaled to any size without losing any quality, whereas raster images that are made up of pixels will distort and become blurred when the size is altered. A vector logo file can be used for any purpose, whether it’s for tiny use on a receipt, or as a huge vinyl banner on the side of a building. Adobe Illustrator is the industry standard vector editing application, with Ai, EPS and PDF files being commonly accepted vector file types. Of course, your client probably won’t have the software to use this type of file, so you might want to render various sizes JPEG or PNG images for every day use, and supply the vector file for professional use.

Vector linework preview

The Media Stack logo was built in Adobe Illustrator, which is my application of preference for any vector work. The design was created out of a simple rectangle, which was then manipulated with the Direct Selection Tool to give the slanted appearance. Duplicating and reflecting this shape then allowed me to build up the symbol graphic. Each object was carefully positioned, with the document zoomed to the max and set in outline mode (CMD-Y).

Ensure your logo is balanced

Just like any type of Graphic Design, you should aim to balance your design with a suitable composition or structure. Logos that have two or more elements should be laid out in harmony. The best way to do this is use simple mathematics or to simply line things up.

Overview of the Media Stack logo composition

I could have just randomly scaled and placed the Media Stack graphic next to the text, but to ensure the logo was balanced I drew a range of guides that outlined the edges or corners of each major part of the design. This gave me a grid that I could align the text to, which helped make sure the lines of the symbol flowed nicely into the lines of the typography. The height of the text is one third the height of the symbol, and the distance between the logo and symbol is equal to the width between the two inner points of the logo’s inner negative space.

Should effects be used on your logo?

Some people enjoy logos with transparency effects and gradients, while others prefer the back-to-basics approach without the bells, whistles and shiny bits. I personally think a logo can often benefit from being tarted up with effects if the nature of how the logo is to be used allows for it. For instance if the design is for primary use on screen, a gradient here and there can really help add depth to the design and give it that extra level of prominence. Even if the logo is being used on litho-printed documents, today’s printers are more than capable of recreating all the effects we can produce on screen in ink. It’s worth noting that your logo should definitely work in a flat colour and mono formats to maintain its versatility, so ensure your logo also works without the effects.

Gradient effects used on the Media Stack logo

I decided to give the Media Stack logo an additional gradient to emphasise the 3D effect, which makes the message of a stack of objects slightly more recognisable. This full colour logo is the primary version, and is the one that will be used on-screen and on any full colour literature, but there’s also a flat colour version that doesn’t contain gradients, which is perfect for small scales, or for a limited colour print.

A great logo works in a single colour

A sign of a great logo is its versatility. Ideally your logo design can be adapted for use in any situation, and one of those situations will be the use of the logo in just a single colour. If your design relies heavily on colour or effects to generate its appearance, it limits the use of the logo in the real world. Think about how the design would work as a sticker which would need cutting out of vinyl, or how it would be etched onto a product. The beauty of a mono logo is that it can also be reversed out in order for it to work on any background colour or even a photograph.

Mono version of the Media Stack logo

As well as full colour and flat colour logo variations, I also developed a mono version of the Media Stack logo that is made up of just one colour. The mono version makes use of a couple of additional lines to maintain the shapes that are usually created by the changes in colour, so it maintains its visual appearance of being three separate elements.

Use colour psychology and theory in your design

Colour is one of the main ingredients when it comes to designing logos and brands. People can immediately develop a certain perception from a design simply from its colour, so it’s important to make wise choices for your designs. When it comes to choosing the colours for your logo design, think about what colours will relate to the message and value that you’re trying to put across in the design; some colours will help reinforce that message. Certain mixes of colours work better than others, this is when knowledge of colour theory comes into play. Some mixes of colours will appear bright and brash, others more muted and dignified, so some colour palettes will fit your design perfectly, while others could completely ruin its perception.

Colours used in the Media Stack logo

I’ve chosen the colour blue for the Media Stack logo. As well as simply being a pretty awesome colour, the colour blue is also documented as being seen as reliable and dedicated, which is probably why it’s one of the most popular colours for businesses. Unless the company you’re designing for wanted a complete brand overhaul, the colour might something that’s left intact from previous designs, as it’s an important element of brand recognition. Just imagine if Coca Cola changed their cans to blue…

Do you need to produce brand guidelines?

A brand guidelines document is like an instruction manual for your freshly baked logo, it tells the clients how it should be used and what best practices should be considered. For instance, the document might include details on what minimum dimensions the logo works at before becoming illegible, which version of the logo should be used on dark backgrounds and when it’s best to use the mono version. It might also include a section stating that the logo shouldn’t be squashed, stretched or the colours altered. The document might also contain details on the colour swatches used, in Hex, RGB, CMYK and Pantone formats, and what fonts were used in the design.

Sample Media Stack brand guidelines

Handy information that would help spread the Media Stack brand across all other company documents would be an overview of the blue and grey colour swatches used, as well as the identification of the News Gothic typeface that the logo is set in. It would also be useful to protect the design by showing how it should and shouldn’t be used. These examples might seem obvious to us designers, but we all know what can happen to our babies when clients get their hands on them!

Join the mailing list and receive my design resources bundle FREE!

Join the mailing list to have every new post hand delivered to your email inbox. Every subscriber gets a FREE bundle of 40+ icons, vectors, brushes & textures!

115 Comments

  1. LukeSF says:

    Nice article. You touched most points which are good to tune up a logo design process. So A+!
    P.S. + is for “ensure your logo also works without the effects”

    (0)
  2. ximi says:

    Great summary of a proper logo design process.

    I think the actually time spent researching the client and its background is often cut too short, many designer want to jump right into Illustrator and co – it’s great that you point out the right way.

    (0)
  3. Amey says:

    Great article. I love it when you give somebody a logo and then they complete warp it with screwed up dimensions… and keep it that way.

    (0)
  4. Very well explained.

    (0)
  5. Great post Chris. Very well written, put together & informative. Bookmarked!

    Keep these bad boys coming!

    (0)
  6. cool good….thanks…what all things will you ask to your clients before designing a logo? can u share?

    (0)
  7. adone says:

    Quick, easy, fantastic.

    (0)
  8. Well written Chris. I’ll be keeping this one for future use! Keep up the good work!

    (0)
  9. Mariusz says:

    Hi Chris, great article. Thanks for that ;-)
    Can you tell me what kind of pencil do you use for your sketches?

    (0)
  10. chopeh says:

    Well that just beat my article I posted the other day :(

    http://www.chopeh.com/blog/logo-design-start-to-finish/

    (0)
  11. DavePixonu says:

    excellent post – We were having the single colour debate only recently!

    (0)
  12. Alan says:

    Excellent tutorial Chris, this really helps out as im still seeing people not following these sorts of guidelines in Logo Design.

    (0)
  13. This is a great article. Simple and informative. I think the art of creating a great logo has been lost over the last few years. People expect it to be such a quick turnaround project. Well done. Keep up the great work.

    (0)
  14. Mahantesh Nagashetty says:

    great post….!!!

    (0)
  15. Julio Di Nicola says:

    Great job man!! I like your method… Thanks!

    (0)
  16. Hey Chris- I enjoy reading articles like this one. Do you any additional input on the topic of Research. What questions do you think is key to ask a client when starting a project for them? and besides asking them questions what additional research does one also have to do?

    Never thought about producing brand guidelines which I think is a great idea.

    Thanks and as always keep up the great work!!

    (0)
  17. Thanks so much Chris for sharing your experience with us,
    Just i have note, I think the typeface is not suitable with the kind of logo. Just suggestion
    Thanks again,

    (0)
  18. I am currently developing a logo for a copywriting project I intend to launch soon and this tutorial made me think of a couple of aspects that hadn’t occurred to me yet.

    Additionally, good job with the writing. Very clear and down-to-earth.

    (0)
  19. paul says:

    it was interesting to learn your process for designing logos. Although this one reminds me too much of the dropbox logo

    (0)
  20. Kiko says:

    Great job, clear and concise!

    (0)
  21. Allen says:

    Awesome article! thanks for sharing!

    (0)
  22. Krishna says:

    Really well written and explained.
    Definitely one to refer to when the time arises!

    Well done… :)

    (0)
  23. axisadman says:

    Great article Chris, really like the logo must work in mono colour test – keeps everything real and stops overkill of gradients, shadows and effects.

    (0)
  24. Zoe Feast says:

    Great artice! I think logos are one of the hardest things a designer can create. To capture the essence of a company requires real skill and is by no means a quick job.

    (0)
  25. Alex Rogahn says:

    I’ve always struggled with logo design. Brilliant, well-written and inspirational post. Gonna go try my hand at some logo designs now! :P

    (0)
  26. JC says:

    Great steps…I especially like that you started with a brief and sketch first instead of just diving in to the computer. Thanks for the article. Great stuff!

    (0)
  27. Superb post Chris!

    (0)
  28. Preston Lee says:

    This is a very nice, in-depth article. I quite enjoyed it. I really liked the point about gradients and other extra bells and whistles–I’m glad you pointed out that a good logo will work even without them, but they are nice every noe and again.

    I also agree with the one about color. I have worked with some designers who think that when you show a client a logo for the first time, it should be in black and white. I disagree. Color is emotion. If you don’t have emotion in your logo, what DO you have? A simple symbol, i think.

    Thanks, Chris. Great resource here.

    (0)
  29. Keith says:

    Fantastic article Chris and lovely logo!

    (0)
  30. dreikelvin says:

    great stuff! I should definetely work with more guidelines and raster again. thanks!

    (0)
  31. Nice article! Can check out some of my logos here if you’re interested:

    http://www.simonowendesign.co.uk/logos/

    (0)
  32. Teko says:

    Excellent article, and nice and simple way to explain it!!!

    (0)
  33. itReptil says:

    good inspiration…

    (0)
  34. Yana says:

    Great post!
    This may be somewhat off-topic, but I’ve always wondered about brand guidelines – is the client contractually obligated to follow them or is it more of a favor that the designer is asking of the client?

    (0)
    • Stanley Diaz says:

      I’ve wondered about this as well. To me, it seems it’s more of a favor, as you put it. Clients probably don’t have to follow the brand guidelines, but that would pretty much defeat the purpose of hiring a designer to design a logo that properly displays who you are as a business.

      If they don’t follow the guidelines, they’re just hurting themselves.

      (0)
  35. Great article, very useful to understand your process, each designer is doing differently, but sketch is quite important in my opnion

    (0)
  36. Stanley Diaz says:

    Nice article! A quick overview to refresh my memory.

    I also agree with your point on logos with subtle gradients. If the medium being used to display it allows it, such as screens, then why not. Some logos take it way to far though, to the point where it’s not even a logo anymore.

    Thanks again for sharing.

    (0)
  37. Great article! Definately worth a 10+. And a great tip about the guidelines. I should use them more in Illustrator.

    (0)
  38. A really fantastic inspirational insight into your logo design process. Its been bookmarked!

    (0)
  39. Suhela says:

    Great article!!! Very informative…

    (0)
  40. Great article Chris!

    My advice is to do as much as can away from the PC – Illustrator and Photoshop are so easy to get distracted with.

    (0)
  41. josh says:

    Thanks for this…Great resource!

    (0)
  42. Great post. I think a lot of people skip the design brief part of it, but it’s one of the most important aspects of understanding WHO you’re creating your logo for.

    (0)
  43. MechMykl says:

    One of the best articles I’ve read about branding in a /long/ time. Thanks!

    (0)
  44. Jack says:

    Really inspiring article, Chris. I especially found your client questionnaire helpful at the beginning.

    Jack

    (0)
  45. Liam Maskell says:

    Wow – some great tips which will come in handy, just landed a big logo design job for a county educational partnership so this post shall help.

    Thanks once again Chris!

    (0)
  46. Raja Sandhu says:

    Well thought out and written, and a nice logo too!

    I will admit that I find myself skipping the sketching step quite a bit. Most of the time ideas transpire so clear enough in my mind that it just becomes a matter of grabbing the finishing tool. Not to say that sketching is not required or important, in fact it should be common practice.

    Peace!

    (0)
  47. Codesquid says:

    Very very nice! You did a good job of explaining your design theory, you made some good points!

    (0)
  48. derluxxe says:

    Klasse Artikel

    (0)
  49. Deluxe, congratulations Chris.

    (0)
  50. Andrei Schneider says:

    Sometimes a create a good logo is easy and fast, but create a good brand takes a lot.

    (0)
  51. Maged says:

    Great article Chris :)

    (0)
  52. Great article, i particularly like the simple one page brand guidelines!

    (0)
  53. Very nice post Chris!

    (0)
  54. Michal Kozak says:

    Great as always, nice read.

    (0)
  55. Behzad says:

    Great article Chris :) thx

    (0)
  56. Jamie says:

    Great article.. I am going to use this as reference to improve my creative process when I am designing for a logo.

    (0)
  57. wwebz says:

    wow its very detail logo Guide. I will for sure follow some ideas in my next project thanks for such great article :)

    (0)
  58. Jason says:

    Really helpful thanks! I’m a web designer and I’ll be creating a logo for my company which is quite the challenge.

    (0)
  59. Straight to the point and absolutely helpful. Great article. Looking forward to more.

    (0)
  60. Inky says:

    Great guidelines, thanks!
    Especially your comment on balance – I think that’s one thing people forget sometimes.

    (0)
  61. Hi Dude, coca-cola changed their cans to blue on Parintins Fest here in Brazil to challenge Pepsi. Search on web Parintins Fest Coca-cola blue. You’ll find it. It’s just different and beautiful.

    (0)
  62. mattyk says:

    Just a quick note to say thanks – not only for this post but for all the others! – Keep up the great work.

    (0)
  63. Jure says:

    Very nice read, some useful tips, tnx!!!

    (0)
  64. As a logo designer, I enjoyed seeing your process!

    (0)
  65. Jack F says:

    Great article Chris, very useful. Would love to see one about how you go about choosing a font – this is my biggest nightmare right now!

    (0)
  66. Jackson Bloomston says:

    Excellent article! I enjoyed following your workflow/process. I’ve been reading more and more about other designers processes and workflows. It’s fascinating how so many of us have similar approaches, but the little details are what set us all apart.

    I have been reading your blog for a long, long time. I think I might have to subscribe to the premium content, to be supportive to you, and to hopefully gain something out of it for myself.

    (0)
  67. emanuelngm says:

    great article. i’ve totally loved it.

    (0)
  68. Patricia says:

    Great article.Very useful tips.Thanks for sharing

    (0)
  69. Shaun Butler says:

    Hey dude, this is a great article. I particularly like the idea of giving the client the guidelines so they dont screw it up!
    – Shaun :)

    (0)
  70. Design says:

    Great as always, nice read.

    (0)
  71. Jay says:

    Thanks a lot for sharing a very valuable information.

    (0)
  72. says:

    You make branding so easy with this tut. Unfortunatly, it isn’t that easy in the real life… At least for me ;-)

    (0)
  73. Evelyn says:

    These article is great!!!! Thanks for all information.

    (0)
  74. Paul says:

    Great article as always! This article will be quite useful if I ever need help.

    (0)
  75. I always enjoy creating logos, unfortunately sometimes what a client wants can ruin all this creativity. But as in everything, communication is a key factor.

    (0)
  76. Neo says:

    Great article Chris. I often find that coming up with the initial concept for the logo is the most time consuming and, like you said, having enough company info to help you get there is all important.

    (0)
  77. Nick says:

    Good work explaining your process

    (0)
  78. Nice article. I spend hours researching ideas and colors, and am always looking for tips to hone my process.

    (0)
  79. funnyl says:

    nice post =)
    interesting, useful.. I like

    (0)
  80. Thomas Maier says:

    It’s good when you can draw your logo into sand with your big toe you you still recognize it as your logo.

    (0)
  81. Kevin says:

    Great article, very useful for a startup like me

    (0)
  82. Hey Chris! You are good as ever. :)

    Your ‘behind the scene’ tips with your personal logo designing job made this post exclusive. great work! keep sharing..

    (0)
  83. wicked post, you covered some really good points!!

    (0)
  84. This is a really great article with a surprising amount of depth to it. You have covered the essential points and more. Was an enjoyable read. Thank you for sharing.

    (0)
  85. I am happy to see that you start the process with some good old fashioned sketching. I’m startled at the number of younger designers these days who never seem to take pencil in hand. I sometimes find my hand can intuitively and quickly trace out design that will become the major framework for which an entire website, logo or advertising campaign will be based.

    Thanks for the thoughtful article. Love your blog design too, by the way.

    (0)
  86. Karl says:

    Nice article. Pity the media stack logo doesn’t look like a stack.

    (0)
  87. Nice post Chris, although I tend to outsource my logo work, I do appreciate the process.

    (0)
  88. Sosyal Medya says:

    Wow! This is really great article Chris. Thank you!

    (0)
  89. Great helpful tips here thanks for posting!

    (0)
  90. This is by far one of my favorite tutorial about logo design and guidelines. Kudos and thank you very much for a very great tool Chris!

    (0)
  91. Ashely Adams says:

    hey this is a very well written and well conceptualised post. i enjoyed reading it. i do my own designing and printing work at http://www.psprint.com/stickers-labels and work on logos for my clients too, and hence agree with what you say.

    (0)
  92. Ajay Rana says:

    I would like to get a new logo, are you interested for the same?

    regards,
    Ajay Rana
    +91.9872074785

    (0)
  93. curtismchale says:

    While the article is a great process to follow I find it funny that the first thing I see at the top of the site is an add to design ‘professional’ sites for free. Kinda seems like a mixed message.

    (0)
  94. RedKoala says:

    Logo design is not a piece of cake, thanks for the article

    (0)
  95. Gala says:

    What a great tutorial. Very usefull.
    Tnx

    (0)
  96. Michael Okiei says:

    Excellent Guidelines I must say.

    Thanks a lot.

    (0)
  97. Kevin says:

    Nicely executed, thanks Chris!

    (0)
  98. Iva says:

    I really enjoy your tips, very helpful and all in one place! Thanks!

    (0)
  99. Pragya Gupta says:

    This Is One Of The Most Awesome Design I Have Ever Seen…..

    (0)
  100. Webb Des says:

    Thanks for this. Although it seems obvious to have a brief, the number of times i have started designing without it and wasting a lot of time. This has really streamlined things for me know when designing logos! Thanks

    (0)
  101. Roel Vennekens says:

    Very helpful, thanks Chris!

    (0)
  102. JuanManuel says:

    The thing is.. ur teaching basics and must stuff, great as usual.

    (0)
  103. murat says:

    Thanks for sharing this! Nice collection, good inspiration.

    (0)
  104. dave says:

    awesome article. im new to the design thing, teaching myself by reading & practicing in CS$ extended. so far, this is the best written article ive read. lot of others are missing steps, poorly explained or assume you know tons of stuff already. thanks for keeping this understandable even for a novice. bookmarked & about to become a member. i love you

    (0)
  105. Very very nice! You did a good job of explaining your design theory, you made some good points!

    (0)
  106. Buttons says:

    Very good article!
    Thanks for the tips!

    (0)
  107. jeff says:

    Jedi master at work. Thanks for the good posts. It’s always good to know that us designers have similar working habits.

    (0)
  108. Marco says:

    That’s a very well written article – well done Chris, loved the read and the inspiration.

    Keep up the great work!

    (-1)

Comments are now closed