Search Members Help

» Welcome Guest
[ Log In :: Register ]

 

[ Track This Topic :: Email This Topic :: Print this topic ]

reply to topic new topic new poll
Topic: Color scheme for a website?< Next Oldest | Next Newest >
 Post Number: 1
krackerboyz Search for posts by this member.
FNG
Avatar



Group: Members
Posts: 10
Joined: Sep. 2000
PostIcon Posted on: Jan. 26 2001,20:33  Skip to the next post in this topic. Ignore posts   QUOTE

Whats a good color scheme for a website. Like link colors, active link, stuff like dat.
Offline
Top of Page Profile Contact Info 
 Post Number: 2
Cyclone Search for posts by this member.
FNG
Avatar



Group: Members
Posts: 50
Joined: Jan. 2001
PostIcon Posted on: Jan. 26 2001,22:35 Skip to the previous post in this topic. Skip to the next post in this topic. Ignore posts   QUOTE

You want the background to be easy on the eyes...you wouldn't know how much it pisses me off to see white backgrounds. Then, for simple text, keep it noticeable, but not bright. Normal Red/Yellow works good with a black background. And for links...well good luck. Tell me if you find something good for links...

------------------
-Sometimes a dagger in the dark is more effective than a hundred swords at dawn. -Officio Assassinorium

Offline
Top of Page Profile Contact Info 
 Post Number: 3
damien_s_lucifer Search for posts by this member.
Emperor of Detnet
Avatar



Group: Members
Posts: 33
Joined: Jan. 1970
PostIcon Posted on: Jan. 26 2001,23:04 Skip to the previous post in this topic. Skip to the next post in this topic. Ignore posts   QUOTE

a good website should look smoov.

First of all, NEVER EVER use Times New Roman (the default) as your font. It is so hideous I can't stand it.

Do you know CSS? The BEST way to experiment with color schemes is a style sheet. You can set the entire document's font, colors, etc. in one place.

The key to good links is to make them a distinctive color, and DON'T let them be underlined. In your style sheet, say :

A {
// other elements
text-decoration : none;
}

Ever notice how you stop momentarily on traditional blue underlined links? If you make your text black, and your links a dark but fairly pure color, links aren't as jarring to the reader. I usually pick almost the same colors for a regular link, an active link, and a followed one, just enough to tell the difference without being overwhelming the text with color.

For background colors, pick a "master" color. #220044 is a twilight blue. Now adjust the levels of R and B, keeping them in roughly the same proportion :

#880044 Medium purple
#CC00FF Very bright, almost magenta
#000022 Very dark navy blue
#884444 Adding a small amount of green makes the color more grayish

From there you have a somewhat consistent color scheme. Consistency is what's most important. You colors shouldn't clash - please DON'T use #FF0000 text on a background of #00FF00.

Another good trick to pick colors requires a scanner. Scan in a really nice picture of a sunset, the sky, or something else that is eye-pleasing. Use Photoshop or something to pick colors from different locations. That allows you to copy the mood from the picture.

Offline
Top of Page Profile Contact Info WEB 
 Post Number: 4
krackerboyz Search for posts by this member.
FNG
Avatar



Group: Members
Posts: 10
Joined: Sep. 2000
PostIcon Posted on: Jan. 26 2001,23:16 Skip to the previous post in this topic. Skip to the next post in this topic. Ignore posts   QUOTE

Yea, I know CSS so that should be no problem. Also, thanks for the picture tip cuz I never woulda thought of it.

Offline
Top of Page Profile Contact Info 
 Post Number: 5
Spydir Web Search for posts by this member.
FNG
Avatar



Group: Members
Posts: 13
Joined: Apr. 2001
PostIcon Posted on: Jan. 27 2001,18:39 Skip to the previous post in this topic. Skip to the next post in this topic. Ignore posts   QUOTE

quote:
... NEVER EVER use Times New Roman ...

although, yeah, it's not the prettiest font, it is the most common. I went to one site where the guy used some mac font and it came up as japanese or something on my old windows box. I mean, I saw a screen shoot of what it was supposed to look like, and it was probably the coolest font ever, but you have think target users. Use whatever you feel your users will have (most the time that's a generic font, hense Times New Roman, or maybe Courier (spelling?)).

quote:
The key to good links is to make them a distinctive color, and DON'T let them be underlined.

yeah, links should be a color outside your normal text's color range, I dunno about the non-underlined thing. It looks a lot nice with out the underlines, and most people with a IQ greater then that of a rainbow marshmellow (from lucky charms) can make out the difference, a lot of stupid people use the internet and they might not be able to tell the difference. If you do decide on doing this, make sure you also add a part to your CSS that makes the links bold or something (I should know the code, but it's slipped my mind for the moment, sorry).

Like Cyclone said, background colors should be easy on the eyes... black's always been a favorite of mine. Using darker backgrounds defines your text more, as long as it's a brighter color.

Also remember few colors appear the same on different systems/browsers. for your r/g/b, I'd say stick to using 00, 33, 66, 99, cc, ff, or other "solid state" colors. sticking in different hex colors could make a bright green color on my neighbor's iMac and a barf green on my linux box. I remember http://www.webmonkey.com/ had an article on this a while ago, I'll go looking for it later.

Other then that, I always say keep your users in mind. if you want "gothic" people to visit your site, use darker colors. if you want cheery church goers to visit your site, use whites and golds (not only do I do webdesign, sysadmin'ing, music production/dj, etc, I'm a psychologist!). And don't forget that goes for other things, too. What kind of design you use, CSS, all that good stuff...

'nuff talking, I'll shutup now.

------------------
Spydir Web - spydirweb@techie.com
Core Arctic - http://welcome.to/CoreArctic/

Offline
Top of Page Profile Contact Info WEB 
 Post Number: 6
damien_s_lucifer Search for posts by this member.
Emperor of Detnet
Avatar



Group: Members
Posts: 33
Joined: Jan. 1970
PostIcon Posted on: Jan. 28 2001,01:20 Skip to the previous post in this topic. Skip to the next post in this topic. Ignore posts   QUOTE

quote:
I went to one site where the guy used some mac font and it came up as japanese or something on my old windows box.

You can get around this by specifying multiple fonts :

BODY {
font-family : Verdana,Arial,Helvetica,sans-serif;
}

or

<FONT face="Comic Sans MS,Courier New,fixed">

The browser will go through the font list until it finds one it knows. The last one should ALWAYS be either "serif" (usually Times or Times New Roman), "sans-serif" (Arial or Helvetica), or "fixed" (Courier or Courier New).

Verdana seems to be the easiest font to read, especially at smaller font sizes. Most Windows boxes have it.

If you need to use a really rare font, render it in Photoshop and use a .GIF image on your web page.

This message has been edited by damien_s_lucifer on January 28, 2001 at 08:21 PM

Offline
Top of Page Profile Contact Info WEB 
 Post Number: 7
kuru Search for posts by this member.
Detonate.net's 9mm wielding geek-hit-Goddess
Avatar



Group: Members
Posts: 2566
Joined: Aug. 2000
PostIcon Posted on: Jan. 28 2001,12:31 Skip to the previous post in this topic. Skip to the next post in this topic. Ignore posts   QUOTE

i am a big fan of verdana for a lot of things, not just webpages. and if your box don't have verdana, well, it's out there downloadable so it ain't too hard to find.

------------------
kuru
'dancing is the vertical expression of horizontal desire.'
-robert frost

Offline
Top of Page Profile Contact Info 
 Post Number: 8
krackerboyz Search for posts by this member.
FNG
Avatar



Group: Members
Posts: 10
Joined: Sep. 2000
PostIcon Posted on: Jan. 28 2001,22:28 Skip to the previous post in this topic.  Ignore posts   QUOTE

I'm gonna use a cool font that not many people have and offer it as a download but if they don't have it, they'll see Verdana.
Offline
Top of Page Profile Contact Info 
7 replies since Jan. 26 2001,20:33 < Next Oldest | Next Newest >

[ Track This Topic :: Email This Topic :: Print this topic ]


 
reply to topic new topic new poll

» Quick Reply Color scheme for a website?
iB Code Buttons
You are posting as:

Do you wish to enable your signature for this post?
Do you wish to enable emoticons for this post?
Track this topic
View All Emoticons
View iB Code