Solved

Webdesign-select colours

Posted on 2010-08-16
10
470 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
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
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: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say 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

You can provide a virtual interface for remote stakeholders in a SWOT analysis through a Google Drawing template. By making real time viewing and collaboration possible, your team can build a stronger product.
In this article, you will read about the trends across the human resources departments for the upcoming year. Some of them include improving employee experience, adopting new technologies, using HR software to its full extent, and integrating artifi…
In this tutorial viewers will learn how to create blended and gradiated shapes in Illustrator using the blend tool Draw two shapes, one of them in a different color: Select both and create a blend by going to Object > Blend > Make: Blends can also b…
In addition to being a great web-based presentation tool, Prezi also makes it easy to save your presentation as a PDF to share with others as well. Learn how in this tutorial. Select the share icon from the top menu in your Prezi editor: Select "D…

685 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