Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

I need some advice/opinions on the attached logo and what my designer should have done to make it scaleable.

It looks fine at high resolution and zoomed in over 400% in AI, but at 100% and less the speech bubble is pixelated and loses definition.

Here on the test site for example it looks like a dark pixelated mass with no colour detail as it has here.

As we need it for the header, it's obviously a problem which he doesn't seem to see (or pretends not to) as he says it scales fine.

enter image description here

I've attached the favicon he did too which looks awful next to the twitter logo.

My questions are: is the speech bubble colour and definition shown in the larger version something that could likely be achieved at the size we need it for the header, approx. 200px?

If not, what should he do about it?

Any ideas or opinions appreciated.

share|improve this question
2  
Is Scale Strokes & Effects checked in the preferences or the Transform Panel before you scale? And realize that many logos require 2 or 3 versions to accommodate different uses. It's not unheard of to simplify the logo for small web use. –  Scott Dec 6 '13 at 18:17
    
Just looked and it wasn't checked, but I checked it then scaled down and it looks the same. Thanks though, and yes he should definitely do a version to fit the web, but he says there's nothing wrong with it so I'm stuck for now unless he concedes. –  Sue Dec 6 '13 at 18:23
    
May I also suggest to try and consider a different color palette? At the present time you are using all dark colors and this quality will effect the logo when scaled. Google search for how to choose colors in a design. –  Matt Dec 6 '13 at 18:30
    
Thanks for the suggestion, the colours are fine, it's the design that's wrong. –  Sue Dec 6 '13 at 18:54
    
um.. the colors effect the design. From 10' away looking at my screen I do not know or can easily tell what your script reads. Not trying to be rude.. but THAT is an issue and THAT will cause your viewers to not understand or possibly go somewhere else if THAT type of quality is implemented in print or web. –  Matt Dec 6 '13 at 18:56

2 Answers 2

Im adding this as an answer because my comments are going to be too long:

Per the comment segment:

May I also suggest to try and consider a different color palette? At the present time you are using all dark colors and this quality will effect the logo when scaled. Google search for how to choose colors in a design.

From Sue

Thanks for the suggestion, the colours are fine, it's the design that's wrong.

My response:

um.. the colors effect the design. From 10' away looking at my screen I do not know or can easily tell what your script reads. Not trying to be rude.. but THAT is an issue and THAT will cause your viewers to not understand or possibly go somewhere else if THAT type of quality is implemented in print or web.

If you look at your logo reduced like this:

enter image description here

Can you actually read that? You can, because you know the company but if you ask 10 people that never heard of you or know who you are they will tell you NO. You should strongly consider:

  • Color Change
  • Better usage of stroke
  • Better usage of typography

That script is small enough as it is to be introducing a harsh stroke.


In regards to your .png files:

enter image description here

There is no unity or marriage between them. The twitter is a nice solid color with spacing and your lasso is multi-colored that appears to be a bad reduction. What should possibly be done is:

  • Better usage of space:
  • Possible implementation of one color usage like the twitter logo.

Also, per your question alone I don't understand why, if you see issues at fault, you are not correcting them yourself instead of going through a designer? How is your communication with the designer? Have you addressed or communicated with the designer?

Reference: How can I provide better direction for how I want my logo to look?

share|improve this answer
    
Thanks Matt, appreciate the answers. The logo size you gave as an example though would be hard to read for most logo designs, but we have a version with more spacing and no 3d for very small sizes. The 3d effect is being slightly adjusted anyway and the colours work, it's just the style used with the heavy 3d and intricate speech bubble as mentioned. Appreciate all comments/opinions and they've all helped. –  Sue Dec 6 '13 at 19:38
    
I don't understand why you wouldn't focus on one solid logo, that defines your company, to be designed and used across the board, for multiple sizes and devices. –  Matt Dec 6 '13 at 19:40
    
I agree with the theory and it's what I'd usually commission, but it's mainly web based communications we operate and devices will handle the logo. We also have one with no 3d for smaller uses which works fine and transitions well. –  Sue Dec 6 '13 at 19:55
    
The favicon was more a representation of the type of work he submitted as "looking fine" and "scaleable", both of which are not. Simply to highlight the mess he'd made of the favicon. –  Sue Dec 6 '13 at 19:59

Hello i think what your designer did here is ignoring the fact of legibility and readability and these 2 are main elements to design a logo that's why we create a logo guideline book so we can help the user to use the logo in multiple applications ( CMYK, RGB, BW , GREYSCALE, Printed, Digital etc...) and also in the guideline we include a color palette and the Min-Size of our logo.

On the other hand, the problem here seems to be a bit technical, while using illustrator. Your designer should always be sure that scale stroke & Effects is checked so the software by itself sets the values of all the effects, and when exporting the logo to png or jpg, he has to follow the right way : If exporting for web, he should be using save for web and devices option and to be sure to choose the right values of quality and colors. if exporting for printing we prefer that the file must be Using CMYK Format and Tif HR.

also there is one important element to be aware of. when you are using ur logo for the website make sure it is in RGB Format and not in CMYK Format, this can cause a bit of a problem when it comes to gradients and shadows.

at the end i also suggest that the lines around the logo has to be drawn not to be applied using the Bevel effect because this effect is knows to cause many problems.

As for the FAVICON let your designer create is in its real size, 16 x 16 or 32 x 32 and i advise u to use one color favicon cz its more legible.

If you want other advises on how to know if scale stroke and effects is checked of you would like me to suggest a favicon for you do not hesitate to ask

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.