Solved

Webdesign-select colours

Posted on 2010-08-16
10
469 Views
Last Modified: 2013-11-19
Hello experts.
i need some advice from experts to choose colours for a website .Something like :http://www.mobile.de/home/index.html.
f.e
The main background
the font colour
i want to use headers in rounded tables like the experts page.what backround colour should i use there?Would it be nice to use gradient?
In my main menu what colours can use?Would it be nice to use gradient there too?

I looked at the very interesting http://kuler.adobe.com/ website but i is difficult for me to decide.
Any help?
0
Comment
Question by:Panos
  • 5
  • 5
10 Comments
 
LVL 16

Expert Comment

by:ddhamm
ID: 33449343
I am not sure which colors you are thinking you like - were you looking to use orange as a dominant color.  That site you recommended (kuler.adobe.com) had a sample of oranges and grays that work well: http://kuler.adobe.com/#themes/search?term=orange%20and%20gray

As far as a gradient on boxes on the site - I think gradients of pale gray or blue work well.

Here are some other orange and gray websites. Let me know if you wanted to see good examples of other color combinations. http://templates.entheosweb.com/template_number/15560.asp

Another interesting thing I found using a gray gradient with orange on the menu or navigation bar of a website (which happens to be a photoshop tutorial - scroll down on the page to see the design): http://tutorialblog.org/smooth-gradient-header/

DeeDee

DeeDee
0
 
LVL 2

Author Comment

by:Panos
ID: 33449812
Hi ddhamm

I don't think that it is a good idea to use the same colours like the link i posted.But i really like orange and blue.I did use the tutorial from the smooth-gradient-header/ you posted for my menu allready but using a different gradient for orange and blue.Looking and looking again at the result i think that it is not what a webpage that is selling cars ,parts,transporters should look like.
 i post some screen-parts so that you can see what i mean

accordion.gif
table.gif
header.gif
0
 
LVL 16

Expert Comment

by:ddhamm
ID: 33449969
I think your blue and orange colors look very good. And the gradients look good too. I also like the light gray gradient. I don't know about those colors not being the best for an auto or auto parts website. They may not be. Maybe you need to use more blues and grays and less orange?

DeeDee
0
Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
LVL 2

Author Comment

by:Panos
ID: 33450009
Hmmmm.
I will try to use the blue gradient as the basic colour for the menu and the headers of the tables and the orange for highlighting the current page or hover links .....
0
 
LVL 2

Author Comment

by:Panos
ID: 33450022
Something else i have forgotten.
What all about  with the web save colours.Using gradients is not a good idea or not?
0
 
LVL 16

Expert Comment

by:ddhamm
ID: 33450156
Web safe colors are mostly from the days when computer monitors could not display many colors. These days I don't think it is a problem. Most monitors will show gradients just fine.

DeeDee
0
 
LVL 16

Accepted Solution

by:
ddhamm earned 500 total points
ID: 33450200
I looked for some auto or automotive websites to show you (lots of gray, black and/or sliver is used) with blue. Sometimes it's gray and red or gray and orange.

http://inspiredology.com/analyzing-automotive-websites/

Or look at auto parts websites: http://www.lovetoknow.com/top10/auto-parts.html

Just thought you might like to see some professional looking examples

DeeDee
0
 
LVL 2

Author Comment

by:Panos
ID: 33450217
thank you ddhamm for your help.
0
 
LVL 2

Author Closing Comment

by:Panos
ID: 33450227
thank you for your help.
regards
panos
0
 
LVL 16

Expert Comment

by:ddhamm
ID: 33451501
Glad I could help!

DeeDee
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
software update managed change control 1 92
Need graphics tool to create card game 2 148
Determining Project Cost 1 84
How to manage Projects when you are a Fresher? 1 45
Introduction This article explores the design of a cache system that can improve the performance of a web site or web application.  The assumption is that the web site has many more “read” operations than “write” operations (this is commonly the ca…
Read about the ways of improving workplace communication.

791 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question