Colours and/or Colors

Jason_Batten

http://www.web-source.net/216_color_chart.htm

Let's talk colours!

Do you obey the ever nasty looking colour chart or are you a rebel of the colour code and say tough luck to people with older monitors?

The first design I made for my gaming web site was my pride but as I soon realised it did not look so great for everyone. I had a lot of complaints about ONE colour being too dark. Sadly it was a main colour for headings. It was a dark site and I done my best to change the colour to suit all but it didn't work. In the end I just did a re-design. No complaints after that 😃

It's all part of that question, do you cater for user compliance or do you make the user cater for you...

How do you get around colour issues?

BuzzLY

I have a color chart that I wrote that helps me figure out what colors look good together. The link is in my sig.

Nowadays, I tend to use almost any color for my personal sites. If I put together a commercial site, it's really up to my clients. I can make recommendations, but in the end it's up to them.

It seems a bit silly in 2005 to adhere to the 216 "safe" colors, but I guess some people have old enough browsers to still require them.

In any case where I need to adhere to the safe color scheme, I would create a "xyz_safe.css" stylesheet to complement each of my "xyz.css" stylesheets, and give the user the option of switching to a "safe palette" page. But only if it were important to my client for me to do so.

pohopo

I agree. A few years back I would try stick with the safe colors, but now I am much more open to what I use. Besides looking at what colors go good together I also take into account color blindness so I don't use two colors that will look like one color to a color blind person.

BuzzLY

That is a good idea, and something many people (including me) forget to check. There are online sites where you can check to see what your site looks like to color-blind people. Most are blocked to me, or I'd give you a link. This Google page should give anyone a few good links.

I wish I could figure out how to run my color picker app through a color-blindness filter. That would be a good tool to include...

vaaaska

THE NATURAL WORLD!!! BOOYAH!!!

(The only thing real in this world is perception).

Jason_Batten

Your colour picker is very good buzzly. I think I might replace it as my own colour picker 😃

With the thing about clients, yeah 🙁 I have completed my first job although I am waiting to upload it for them. The colours atm look IMO professional, clean and generally "nice" the colours my client is still trying to push against my advice are red, yellow and black. I mean the core colours of #000000, #FF0000 and #FFFF00... nasty... very nasty I would be ashamed to apply those but it looks like I have to...

vaaaska

http://www.boxesandarrows.com/archives/natural_selections_colors_found_in_nature_and_interface_design.php

BuzzLY

Thank you. Feel free to use it all you want.

Are they insisting on those exact hex values? You could try muting the yellow and red a bit...

BuzzLY

Originally posted by vaaaska
http://www.boxesandarrows.com/archives/natural_selections_colors_found_in_nature_and_interface_design.php

Page not Found

davidjam

I have attached some code for adjusting colors using the more natural means of hue, saturation and brightness (hsv). To implement is as easy as this:

$original_color = "rgb(150,150,245)";

// FIRST, create the new color object with the rgb value

$color = new color($original_color);

// SECOND, adjust the color with $color->adjust_color()
// My example shifts the hue 120º, desaturates by 0.3 and leaves the brightness as is

$color->adjust_color(120,-.3,0);

// FINALLY, use it somewhere with $color->color

print "<body style='background-color: {$color->color};'>";

Credit for the bulk of this code goes to MikeSnead: original thread. All I did was roll it into a class and add the adjust_color() function.

BuzzLY

That's cool, if you know a lot about HSV. How does the average user know how much to adjust each value?

Jason_Batten

Yeah my client wants those exact colours because they "jump out". We made a logo for him but he does not like it as he created his own... it has the colours and is just those colours with New Times Roman text :bemused:

I feel like I am battling common sense here 🙁

davidjam

Originally posted by BuzzLY
That's cool, if you know a lot about HSV. How does the average user know how much to adjust each value?

Well, this is more for the developer than the "average user". Basically all you need to know is a little color theory. i.e. the color wheel is 360 degrees -- therefore, 180 is a "complementary color", 120 is really two primary colors clockwise (I like these combinations). As for the saturation, that is like the difference between pure (1) or muddy (less than 1) and for brightness between bright (1) and less bright (less than 1).

OK, you're probably wondering what the use is. Well it is the color combinations more than just singular colors. So, say you have a color that your client likes -- i.e. dark blue -- and you want a secondary color that goes nice with it, so you adjust it (for instance) $color->color_adjust($adjust_hue = 120, $adjust_saturation = .3, $adjust_brightness = .2). (I have no idea what that makes, but some kind of light yellow). And there you go, you have your secondary color.

Now, whenever you adjust your original color -- say, the customer changes there mind to greenish-blue -- then the secondary color changes automatically.

Well, I think that's cool!🙂

BuzzLY

Originally posted by NetNerd85
Yeah my client wants those exact colours because they "jump out". We made a logo for him but he does not like it as he created his own... it has the colours and is just those colours with New Times Roman text :bemused:

I feel like I am battling common sense here 🙁

I hear ya. When you are doing work for a client, though, sometimes you need to simply do exactly what they want, despite the fact that every fiber of your being wants to rip him apart. The bottom line is that he's paying you, and you need to give him what he wants. It's your job to make well-informed suggestions, but in the end, it what the customer wants that counts.

Here's a trick you can use for future projects: Create a page or logo that you know looks like crap, and that you know the client will not like. Let them "guide" you to a better looking page/logo. This will give them the illusion that they have contributed to the project, because that is really what the issue is -- they want to make sure that some part of the site has their own handiwork in it. Give them that, and you can usually have your way with the rest of the project.

Good Luck!

leatherback

Hey Buzzly..
Thanks fo rthe tip. I actually did that for a project. Now I am stuck to building a crappy-looking site, because the client thought that design looked great! Aaah..

So it might backfire..

pohopo

I hear ya. When you are doing work for a client, though, sometimes you need to simply do exactly what they want, despite the fact that every fiber of your being wants to rip him apart. The bottom line is that he's paying you, and you need to give him what he wants. It's your job to make well-informed suggestions, but in the end, it what the customer wants that counts.

It is also important that you get what they say they want in a project plan or requirements doc that they approve. Also let them know any changes to the doc could potentially increase the cost of the site. (this is called change control). If you don't do this you can screw yourself when the client wants a ton of changes at the very end.

BuzzLY

Originally posted by leatherback
Hey Buzzly..
Thanks fo rthe tip. I actually did that for a project. Now I am stuck to building a crappy-looking site, because the client thought that design looked great! Aaah..

So it might backfire..

J.

Yes, it could. The key is to get to know your client, and find out what they like and don't like. I view the beginning of a client relationship similarly to the beginning of any relationship. You have to take time to get to know them, and find out what makes them tick.

If you really want to learn how to develop customer relationships, I suggest you take a look at these books. I used to work at Miller Heiman in a previous life, and they know how to sell. I personally recommend taking a look at The 5 Paths to Persuasion.

davidjam

I agree in giving the customer a "sense" of control via providing well thought out "choices", but I have actually offered different logos/designs in the past, assuming they would go for the ones I thought were superior, and oh so many times they have gone for the crap. Just like flies...

Partly my design style doesn't fit cowboy country. And thus I shall git on my horse and head out toward the rising sun... (with my wife and chickens of course!) 🙂

vaaaska

Originally posted by BuzzLY
Page not Found

Strange...it was just a copy and paste.

I want things to look flat - if it can be achieved through any color combination then it's just right for me. I totally can't stand all this gradient baloney where people are trying to emulate natural light - it just doesn't work for me.

The link again. Hope it works...but I've posted this before around here.

(Edit: the link is just too long...the forum stuff is creating an empty space. It should work now via tinyurl).

vaaaska

Originally posted by davidjam
I agree in giving the customer a "sense" of control via providing well thought out "choices", but I have actually offered different logos/designs in the past, assuming they would go for the ones I thought were superior, and oh so many times they have gone for the crap. Just like flies...

A tangent...I think I've given up on providing alternate views of things. Unless, they are paying for me to do something two or three or more times - then I'll contract with somebody else to create a version (just like a large agency). As a one-man show it simply makes no sense. It's always made more sense to research everything, work on ideas, then boil them down for a singular presentation. More time on getting the message across as opposed to throwing something out there and hoping it sticks (pun intended David). 😉

Then again, I find words and actions to be far more powerful than a logo 99.9999999% of the time. Which goes both ways if you know what I mean.