Website colors!

wachtn · 05-21-2009, 04:11 AM

Just a suggestion.
The blue font color looks not as good on the red. Mostly, it made it a little harder for me to focus on the words. Strong clear contrast is important for people like me that need to be able to pick out the words easily to scan a site for useful info.

The ligher blue on the darker blue looked great. It was pleasing to look at and the words were very easy to pick out from the background.

PixelPusher · 06-08-2009, 03:50 PM

Blue and red are both primary colors and therefore will compete with each other. Not saying don't use them, just be aware of that and how you apply them. Being that you are dealing with surfing, I would use colors that relate to the sport and its environment.

Blue tones are a no brainer, maybe some green / teal colors? sand colors? something along those lines. I would leave red out of the picture, personally.

PixelPusher · 06-08-2009, 03:57 PM

One other comment not related to your colors...the background image on all three sites is tiled, but the image being used is huge. This makes the sites load slower. You can see at the bottom of each site where the image repeats (offset of pixels)

To remedy, just tile an image that is as wide as the vertical gap from one diagonal line to the next (including the lines).

Example
In the attached image, the vert distance from one diagonal line to the next is 6px, so the tiled image should be 6px wide. I tiled it 3 times and changed the color so you could see each repetition.

CSS
body {
background: url("locationOfFile.gif") repeat-x top left //sets the img to repeat on x axis and positions to the top left corner
width:6px; // whatever the vert distance is (mentioned above)
}

yelleyster · 06-10-2009, 06:18 PM

i'm a big fan of colourlovers.com myself.

however, sometimes the best way to decide what works well is just to grab an image you want to base your design around and just use that palette and the dominant colours which come with it.

lovely09 · 06-23-2009, 01:15 AM

I think blue is enough which is very much related to your topic.Just try to put other colors on some part because it looks like everything is in blue.

PixelPusher · 07-17-2009, 11:41 PM

where are the mods that delete this type of stuff from the forum?

V V V V V V V V V V V ?????

***ian*** · 07-19-2009, 10:25 AM

Quote:

Originally Posted by PixelPusher

where are the mods that delete this type of stuff from the forum?

V V V V V V V V V V V ?????

sorry for the delay, it has all been deleted

PixelPusher · 07-20-2009, 04:15 PM

No worries, thanks Ian.

06-08-2009, 03:50 PM	#12
PixelPusher Super Moderator Join Date: Oct 2008 Location: Arizona, USA Posts: 1,053	using primary colors Blue and red are both primary colors and therefore will compete with each other. Not saying don't use them, just be aware of that and how you apply them. Being that you are dealing with surfing, I would use colors that relate to the sport and its environment. Blue tones are a no brainer, maybe some green / teal colors? sand colors? something along those lines. I would leave red out of the picture, personally. __________________ John Darling Graphic / Web Designer SmarterTools Inc. (877) 357-6278 www.smartertools.com

06-08-2009, 03:57 PM	#13
PixelPusher Super Moderator Join Date: Oct 2008 Location: Arizona, USA Posts: 1,053	tiled background image One other comment not related to your colors...the background image on all three sites is tiled, but the image being used is huge. This makes the sites load slower. You can see at the bottom of each site where the image repeats (offset of pixels) To remedy, just tile an image that is as wide as the vertical gap from one diagonal line to the next (including the lines). Example In the attached image, the vert distance from one diagonal line to the next is 6px, so the tiled image should be 6px wide. I tiled it 3 times and changed the color so you could see each repetition. CSS body { background: url("locationOfFile.gif") repeat-x top left //sets the img to repeat on x axis and positions to the top left corner width:6px; // whatever the vert distance is (mentioned above) } Attached Images __________________ John Darling Graphic / Web Designer SmarterTools Inc. (877) 357-6278 www.smartertools.com

06-10-2009, 06:18 PM	#14
yelleyster Bronze Member Join Date: Mar 2009 Posts: 42	i'm a big fan of colourlovers.com myself. however, sometimes the best way to decide what works well is just to grab an image you want to base your design around and just use that palette and the dominant colours which come with it. __________________ Make your own FREE Minisite \| Smartbook Computers \| Logo/Web Design

06-23-2009, 01:15 AM	#15
lovely09 New Member Join Date: Jun 2009 Location: Birmingham,UK Posts: 15	I think blue is enough which is very much related to your topic.Just try to put other colors on some part because it looks like everything is in blue. __________________ used cars/Precision engineers/plumbing/castors/kids clothing/Tablet PC/dog food/kids shoes/Tier 1 uk immigration/wheelchairs/Torus Skirting/Multi Touch Touch Screen/timeshare relief/wellness at work/Van Roof Racks

07-17-2009, 11:41 PM	#16
PixelPusher Super Moderator Join Date: Oct 2008 Location: Arizona, USA Posts: 1,053	where are the mods that delete this type of stuff from the forum? V V V V V V V V V V V ????? __________________ John Darling Graphic / Web Designer SmarterTools Inc. (877) 357-6278 www.smartertools.com

05-21-2009, 04:11 AM	#11
wachtn Silver Member Join Date: May 2009 Posts: 107	Just a suggestion. The blue font color looks not as good on the red. Mostly, it made it a little harder for me to focus on the words. Strong clear contrast is important for people like me that need to be able to pick out the words easily to scan a site for useful info. The ligher blue on the darker blue looked great. It was pleasing to look at and the words were very easy to pick out from the background.

07-20-2009, 04:15 PM	#18
PixelPusher Super Moderator Join Date: Oct 2008 Location: Arizona, USA Posts: 1,053	No worries, thanks Ian. __________________ John Darling Graphic / Web Designer SmarterTools Inc. (877) 357-6278 www.smartertools.com

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode