May 27
Starting from bad, ugly material… a challenge?
2004 at 10.33 am posted by Veerle Pieters
A while ago I already talked about finding inspiration. An ideal situation is when you receive shoots from a professional photographer and the product is easy to understand and to present itself. Only looking at those pictures can give you the inspiration you need to get started. But what about when you receive no material at all or only a logo or photos that you know won’t fit from the moment you laid your eyes on them. Another example that can limit your inspiration is when the company uses a difficult color pallet. I always have trouble working with colors that don’t really suit me.
Creating websites in such cases is always a challenge. I often have to accomplish the "impossible". They want a professional looking design but deliver me tasteless or "difficult" material to work with.
So what do you do? Do you say 'sorry but I can't use this', with the risk that you 'hurt your client's feeling' because he thinks the world of his material? Or do you try to make something out of it anyway? Sometimes you only have this option because, your client knows the picture isn't suitable but it is just so important that you are obligated to use it. Here's an example of what I mean
These pictures are fragments of one of my designs I did for the Library of Congress. I'm always obligated to use the pictures they deliver, since these sites are all about the use of these pictures. So I have no way out and I try to make the best of it. But sometimes I do love the pictures from the Library, like for instance the old maps used in Zoom Into Maps or the old pictures from the 40's in On The Homefront or the pictures I had to use for From Flight ot Fantasy. So most of the time I work with very interesting material. These projects are actually my favorite ones, my very special ones since they demand a lot of drawing work and a lot of creativity.
The situation where you get rather bad pictures from the client occurs more often in my experience. And there are different ways to handle this smoothly. If the picture is somehow replaceable I'll just refuse to use it and I will explain to my client why and try to show examples of pictures that would suit perfectly. One of the important arguments is that pictures just make halve of the design. This isn't an easy task since we need to convince. I must say if the client doesn't get convinced, chances are there isn't really a good connection between you and the client and you might think about the fact if this job is really worth doing.
It took my company years to be in a position that we can refuse certain jobs, if you're only getting started you probably do it any way. If this is the case you have to realize that the boundaries that you set now will affect your work later on. I've been there and it isn't easy to get the client to understand that prices go up when you're getting more experienced. Of course a lot of other factors like budget are there to think about too. Some clients want the impossible for less then nothing, but let's not get into this right now.
Say you really need to create a professional design starting from material of less quality, then here are a few tips that might come in handy:
- try converting the pictures to duo-tone and use those tones as base for your design
- if just the colors are rather flat then try the Auto Contrast, Auto Level and Auto Color features of Photoshop CS
- you can also try to use the less quality image rather small in your layout and use a nice abstract background to color things up
- or you can just search for other images on royalty free libraries (like Stockbyte, Image100, Corbis, Getty Images,... etc.
- or if you have no budget at all, go to Stock.xchng
What do you do with bad logos ?
- if "bad" means bad quality, then I suggest try re-drawing it in Illustrator, it's what I do (a lot)
- if "bad" means really ugly design, then I try to convince my client for a re-design, not always obvious but worth a try
- if you have to implement a jpeg logo with a white background you might consider using the multiply mode for that layer (Layer palette in Photoshop) to hide this background
Of course I'm talking from a professional point of view here.
Sometimes not the pictures or the material are the hard part to deal with, but the sector of business to create something flashy. If you have to create a brochure or website for a company that sells wood working machinery or for a company that sells clothing like Esprit (wouldn't mind reworking this one! btw :-P) ... which job would you choose? I guess the answer is obvious. What I try to do in such instance is trying to find elements that are prefectly connected with the product. For instance images of wood in its different form could suit very well in my example. Besides this you can use forms and shapes that creates a modern effect, like circles. Combined with suitable colors you can achieve a whole different look far from boring and unattractive.
If you think I might have forgotten something, well, please let me know. All suggestions are welcome. I'm also interested in hearing how you deal with these situations so don't hesitate to leave a comment. I'm also still learning...
So for your next challenge think about this post, who knows what may come out of it ;-)

6served
1
What bothers me is that many (sometimes even quite professional or ‘respected’’) companies simply can’t supply a vector logotype (EPS, AI, ...). All they can come up with is some smudged or lo-res jpeg image, sometimes even scanned from a brochure so lines and shapes look jagged and ugly. Although I enjoy ‘vectorizing’ such a ‘bad’ logo in Illustrator, it’s actually just a waste of time (since i assume there should be a suitable EPS ‘somewhere’) and this isn’t somehting a web designer should do anyway…
2
Hi, Veerle. LTRFTP.
Anyways, I was inspired by your article, and I opened up a picture in Photoshop, going through all three auto settings. Now, since I wanted to use these colours for the base tones of a design, I tried to get into duotone. But, for some reason, it wasn’t selectable. I am working with a .gif; does it have to do with filetype?
Thanks for everything you’ve given us so far, and keep up the great work.
3
Stu, make sure you convert the image to grayscale first (Image > Mode > Grayscale). That’ll do it!
4
Hi Stu, yes indeed it has to do with the file type. You have to convert your image to Grayscale first (Image > Mode > Grayscale). Then you can change it from Grayscale to Duotone. You have choose duotone in the popup menu of duotone window.
If you set your image to Duotone mode, it means you loose all the color information of your picture. Another way to achieve a Duotone image is using an Adjustment layer instead.
You first change the mode to RGB and you copy & paste your image in a separate layer. Then you hold down the mouse on the Adjustment layer icon on bottom of your Layer palette and choose Hue/Saturation from the popup menu. Check Colorize on bottom of the H/S window and use the sliders to get the color you want.
Since this creates a layer on top of your image, you still have your original colored image.
5
Brings back memories of my “discovery” of the duotone hack to fix really bad photos :-)
The worst thing is being forced use of poor photos, logos, or ‘design parameters’.
The solution is education; but once they give you bad collateral you’re already fighting uphill.
A sales trainer friend told me this: if you expect a type of objection from your prospect, address it upfront. You go from defensive to eliminating the objection before it ever arises.
Now I do it as a designer; in the first project meeting I always work in something like:
“I’m looking forward to producing great work for you. However, there is one thing we need to cover that occassionally comes up in the design process. It probably won’t be an issue with you (smile here, really.) but, its always best to get it out of the way.
“You’ve hired me to communicate your message and make you look good. And you’ve hired me because I’m an expert in my field.
“At some point you may have an idea, or a photo, or a graphic you feel is ‘must use’ for your project. Its possible I’ll disagree. If I disagree, its never because of the aesthetics, or even my opinion of an idea. Its always about accomplishing our goals and talking to our target audience.
“As a professional, I think in terms of ‘who is the audience, and what are thier needs.’ And this is more important then what you or I like.
“If I see a design element - a photo or evey type choice - thats going to work against our goals, I’ll tell you. My goal is to delever your best possible end product. I don’t want to see your investment in me go to waste, and this is what you’re paying me to do.”
It comes out a bit differently every time, and its made my life SO much eaiser.
You have to make these points very seriously. It forces them to take YOU seriously because a) you’ve told them already you may contracdict them at times b) but thats OKAY because they were smart enough to hire YOU to do EXACTLY that.
Once the client takes possession of those ideas, they WILL listen to you because thats why they hired you!
It won’t let you get your way every time, but it always makes clients more open to your arguments.
9 of 10 times I can get a client to throw out a bad piece of collateral (but, the owners nephew took that photo!) ... or keep them from wanting thier god-awful logo 400 pixels by 400 pixels on EVERY FREAKING PAGE (ie. like the first web site I ever did. No, I’m not giving a URL.).
6
Erik, thanks for those wise words, very informative.
It’s not always obvious when you have to remind the client who is the expert without being arrogant. There is always a lot of tact involved.