Username: Save?
Password:
Home Forum Links Search Login Register*
    News: Welcome to the TechnoWorldInc! Community!
Recent Updates
[September 09, 2024, 12:27:25 PM]

[September 09, 2024, 12:27:25 PM]

[September 09, 2024, 12:27:25 PM]

[September 09, 2024, 12:27:25 PM]

[August 10, 2024, 12:34:30 PM]

[August 10, 2024, 12:34:30 PM]

[August 10, 2024, 12:34:30 PM]

[August 10, 2024, 12:34:30 PM]

[July 05, 2024, 02:11:09 PM]

[July 05, 2024, 02:11:09 PM]

[July 05, 2024, 02:11:09 PM]

[June 21, 2024, 01:43:48 PM]

[June 21, 2024, 01:43:48 PM]
Subscriptions
Get Latest Tech Updates For Free!
Resources
   Travelikers
   Funistan
   PrettyGalz
   Techlap
   FreeThemes
   Videsta
   Glamistan
   BachatMela
   GlamGalz
   Techzug
   Vidsage
   Funzug
   WorldHostInc
   Funfani
   FilmyMama
   Uploaded.Tech
   MegaPixelShop
   Netens
   Funotic
   FreeJobsInc
   FilesPark
Participate in the fastest growing Technical Encyclopedia! This website is 100% Free. Please register or login using the login box above if you have already registered. You will need to be logged in to reply, make new topics and to access all the areas. Registration is free! Click Here To Register.
+ Techno World Inc - The Best Technical Encyclopedia Online! » Forum » THE TECHNO CLUB [ TECHNOWORLDINC.COM ] » Computer / Technical Issues » Web Design / Graphics Design/ Animation » Website Development
 Create An Effective Website Color Scheme
Pages: [1]   Go Down
  Print  
Author Topic: Create An Effective Website Color Scheme  (Read 512 times)
Shawn Tracer
TWI Hero
**********


Karma: 2
Offline Offline

Posts: 16072


View Profile
Create An Effective Website Color Scheme
« Posted: February 20, 2008, 10:13:41 AM »


Create An Effective Website Color Scheme
 by: Mark Spencer

One of the hardest parts in web design is creating a unique, effective color scheme. Not only will your site's colors give it personality, it will create a lasting impression on your visitors.

Contrast

Pick colors that provide enough contrast to make your text stand out. Stay away from using light on light or dark on dark. Remember your emphasis is on getting your message read. An unread message is a useless message.

Keep It Simple

Choose 3 or 4 colors for your site, and use only those colors (or shades of those colors). Decide ahead of time which colors you're going to use, and stick to it.

Complementary Colors

Complementary colors are opposite each other on a color wheel. The 3 most common sets are:

* red and green

* blue and orange

* yellow and purple.

These colors work surprisingly well together.

Complementary colors also are a good way to pick colors that will be easily readable against a certain background: look for the exact opposite color to maximise readability.

Analog Colors

Another approach: Pick one main color, and choose colors near it on the color wheel to support it. Red, for example, goes well with its analog colors, orange and yellow. If overdone, this can make your site look too bright, but in moderation the results can look good. It's no coincidence that these combinations often occur in nature.

Chromatic Colors

Another method, chromatic colors use different shades and hues of 1 color for your entire design -- nothing else except black and white. For example, you might use light blue, bright blue and dark blue together. This creates a sleek and professional look.

Take Colors From Nature

Lack of ideas for a color scheme? Go for a walk outside. Take a look at plants, landscapes, and animals. Nature knows how to use colors -- learn from it.

Color Blindness

Try to make sure that your design uses color to make itself aesthetically pleasing, but doesn't rely on the color scheme for anything essential. Statistics show that perhaps 10% of the web users are at least partially color blind, so make sure they can at least read your text.

About The Author

Mark Spencer is a graphic designer currently living in Seattle, WA. His latest project is http://www.ontora.com which features this color scheme article [http://www.ontora.com/article/21] and more.

Logged

Pages: [1]   Go Up
  Print  
 
Jump to:  

Copyright © 2006-2023 TechnoWorldInc.com. All Rights Reserved. Privacy Policy | Disclaimer
Page created in 0.115 seconds with 25 queries.