Solved

Webdesign-select colours

Posted on 2010-08-16
10
471 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Online Training Solution

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action. Forget about retraining and skyrocket knowledge retention rates.

 
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

Salesforce Has Never Been Easier

Improve and reinforce salesforce training & adoption using WalkMe's digital adoption platform. Start saving on costly employee training by creating fast intuitive Walk-Thrus for Salesforce. Claim your Free Account Now

Question has a verified solution.

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

Transparency shows that a company is the kind of business that it wants people to think it is.
Read about why it is more lucrative for an IT company to participate in government projects.
In this Micro Tutorial viewers will learn how to remove an unwanted object using Photoshop’s feature known as content-aware fill.
With the power of JIRA, there's an unlimited number of ways you can customize it, use it and benefit from it. With that in mind, there's bound to be things that I wasn't able to cover in this course. With this summary we'll look at some places to go…

734 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