Logo design is tough, it’s all about boiling down as much as you can about your business and representing it with a image and text that can be legible on anything from a website to a cap, at the size of a favicon (the ‘B’ you see on your browser tab for Bespoken.co) or a billboard.
There is though, I think, a substitute method to building a killer logo for 2019 without years of Design expertise and learning. Not a complete substitute but it’s a start if you have a little graphic design knowledge and no budget for a professional logo.
So to explain this method I’m going to use a web design client I’m working with in the near future to revamp their website.
PuzzleDuck.co.uk, a digital treasure hunt website and business. It’s actually a really cool concept and will be a fun website to design!
Anyway, the client already has a logo he’s happy with however I thought the concept of the business and imagery you can associate with both puzzles and ducks to be such a cool conceptual logo design exercise I made a logo anyway!
1. Finding iconography that represents your business name
Head on over to flaticon!
From here you’re gonna wanna type in the icons that you envision in your head when you think about your logo. It’s all about storytelling with this one so you can get quite abstract with it…
For example, with Puzzle Ducks I know I want to represent a rubber duck and also incorporate puzzle pieces into that some how. Simple shapes maybe or jigsaw pieces. Here’s the imagery I saved (I used the ‘Snipping Tool’ for windows and simply copy pasted the images of the site into my photo editing program of choice.)
It’s good to zoom in and out on an icon to make sure it works both close up and far away.
At first I had ideas about making a Lego like duck built up from a couple yellow blocks and a smaller redish one for the beak.
I also considered a big exclamation mark about a duck, to show a prompt happening.
Another idea consisted of simple shapes which you can see in the next section.
2. Draw out your ideas…
It’s really important you put your ideas to paper, even if your not a great artist – use simple shapes, sketch stuff. If it’s in your head it’s not materialised yet so you have no idea if it will work. Getting it on paper makes it real and solidify if your doing down the right track or not. Here’s my notes for Puzzle Ducks to show that you don’t have to be neat or a good artist to come up with your logo design.
So you can see a few aforementioned ideas realised on paper. I ended up going with another idea however, using the puzzle pieces only with simple shapes to form letters which in turn form the silhouette of the duck! See the bottom middle design above.
Once we’ve got an idea it’s time to start making it virtually. So let’s start by making the logo itself…
3. Make the logo silhouette
So first of let’s either download the vectors (esps) we want from flat icon and start spicing them together, or if your proficient enough at designing in your preferred image programme we can use those icons as reference.
For me I used the icons as a loose reference, setting the refrence layer to transparent and building the pD for puzzle Ducks, on top of it.
So I made sure to use a font that’s sans-serif – which basically means it’s go no weird wiggly bits on the ends. Here’s a crude example of the difference between sans and serif…
so on the serif one we have these fancy flicks on the f and the i and the s. As a very short design lesson – these don’t look good small so they’re useless as a logo font, because logos need to read well at all sizes.
Consider this as well of course for your actual text in your logo!
4. Add some stolen colours!
Colours really tough, in the same way producing an icon is, therefore let’s siphon some fancy colour codes from a great little website.
FlatUIColors.com is a fantastic website full of great interchangeable colour pallets. You don’t even need to stick to one pallet, mix and match they all look great! This is also a fantastic resource for finding colours for your website design work too!..
Now in normal design work you make about 4-8 different variations on the colour pallet and look at them all in sequence on your computer with your thumb on your chin and your finger on your chin and umm and arrr for a few minutes.
To save time on this process I like to go with my gut and design a couple colour swatches and decide the best – because you’ll generally get it right the first or second time.
Here’s what I came up with first…
5. Decide your done tinkering and call it a logo
I added an overlay on top to make it stand out a bit, a simple search for film grain or noise, downloaded and set to overlay will create this same effect. I liked these colours but I wanted more ducky colours, yellow…
So I added more yellow and fixed up the beak, made sure it read ok, then added the same font ‘Sofia’ (a free font to download) and then messed around with the font to make it look ‘puzzle-y’.
Finally added a background (bluey purple, because purple is the colour of mystery. You can find out what colours induce which emotions/feelings here…) I then added a nice drop shadow which adds to that mysterious effect!
And there ya have it, you have a fancy logo without an massive overbearing university debt looming over your at all times!
You’re welcome. If you enjoyed this or it helped you in anyway feel free to let me know below in the comments! Or if you have questions feel free to do the same.
Thanks for reading!