Best 20 colour tips for web site Design

Here are some things to stay in mind once designing the color theme for your web site. bear in mind that there area unit continually some excellent exceptions to the rule (see 13), therefore do not be afraid to experiment...


1.    Contrast. Background color ought to be one wash and have many distinction with the text. Black - or dark gray – text against a white background remains the foremost smart possibility.
2.    Avoid patterns behind text. this can be the most downside with several of these user-customized MySpace profiles.
3.    Links. I firmly believe that links ought to be colored blue, for the most part as a result of the web’s hottest websites generally use blue (Google, Yahoo, BBC, ny Times, eBay, etc). Why reinvent the wheel?
4.    Clicked links. The Brobdingnagian majority of websites amendment the color of a visited link to facilitate users navigate. therefore must you. Maroon could be a common alternative for clicked links. Avoid applying these settings to your primary navigation.
5.    Limit your color decisions. The agreement opinion with regards to color and internet style appears to be one in every of ‘the fewer the better’. Use color slenderly if you would like it to grab the attention. color may be persuasive, however not if it's lost among a rainbow.
6.    Shades. several websites use a mix of neutral colors and a spread of reminder their main color choice/s. this can be easier on the attention than making an attempt to figure with multiple primary colors. I’m presently an enormous fan of gray. Note that some individuals struggle to select out differing reminder blue.
7.    Add half-hour additional white area. By spacing out content units and blocks of color you’ll facilitate guide the attention to key areas. I’d wager that lightly-coloured landing pages with one brilliantly colored ‘buy now’ button can convert higher than a page that includes a large number of color. build that button stand out! continue, try it…
8.    Be ‘web safe’. Macs and PCs each render colors otherwise, as do browsers. you must use ‘web smart’ colors to minimise problems.
9. incompatible colors. no one needs to browse inexperienced text on a bright red background. Avoid dangerous color combos.
10.    Branding. ensure you think about whole pointers and use matching or complementary colors throughout your web site.
11.    Take additional care once mistreatment lightweight text on dark backgrounds. Not suggested for publishers, however it works for a few websites. Here, you must increase the leading, following and reduce the font weight. Why? as a result of there's larger distinction with white on black, compared to black on white. except for news sites and blogs with ample content, this doesn't work therefore well.
12.    Use gradients and shadows. OK, this can be a little internet a pair of.0-ish, however it works. I’ve seen websites relaunch with barely something modified except the addition of some attractive gradients, or a drop shadow below the brand. this could add plenty of depth to a web site, creating it seem less 2nd.
13. contemplate some color writing. i like the brashness of colourise the navigation of the new Guardian web site – they need ripped up the rule-book somewhat, on the other hand we have a tendency to don’t do rules, do we? The typography works, and there’s many white area on these colour-coded channels. it's a stand-out example, and shows however well this could work. It’s not concerning co louring up channels: note however Itwebtechsolutions authors have their comments color-coded once replying to reader comments.
14. attempt a trifle opacity. If you put in force mistreatment patterns, or putting text before of pictures, attempt reducing the opacity of the background pattern (or a part of the image wherever the text is placed) to lighten the colors. this may attain larger distinction for the text within the foreground.
15.    Use richer colors for outstanding things. My favorite buy-it-now button is bright red, placed against a white background.
16.    Avoid fluorescent craziness. this can be the online, dammit, not a Stabilo Boss catalogue.
17. bear in mind the role of pictures. photos will add plenty of color and depth to web content. Keep this in mind once engaged on the wireframes / early styles of an internet site, as if you’re mistreatment check content (‘Lorem Ipsum’) you won’t essentially think about pictures. Don’t overcompensate with color at this early stage.
18.    going global? wherever do your existing and prospective customers live? that market area unit you targeting? There area unit many cultural issues to think about once selecting colors.
19.    Demographics. If your audience is aged then some usability specialists counsel that brighter colors is also an honest plan. On the opposite hand, if your web site is especially employed by youngsters then you'll introduce lighter shades and pastels.
20. will it fit? inexperienced is for the surroundings. Pink is for maternity leave. Blue is for company sites, etc. I’m unsure these observations area unit something quite generalisations, but an eco-friendly site heavy on hot pink might look a little bit odd.
Previous
Next Post »