Tuesday, November 20, 2007

Colour Wheel Theory In Web Design

This article examines the use of the colour wheel theory in relation to web design. It explores the basic six colour schemes that are possible as well as touching on the history and origin of the theory, its advantages and disadvantages.

The colour wheel theory is used for analyzing hues in design, a very important factor to consider is that it generally only targets hues and does not incorporate saturation or brightness levels. While this seems quite severe you must remember there are almost infinite amounts of shades and a more limited amount of colours that can be analyzed.

Its origins lie with Sir Isaac Newton and his experiment to split light into various colours. His original colour wheel features red, orange, yellow, green, cyan and blue and was joined at the ends by Newton to display the natural hue progression. Over a century later Johann Wolfgang Goethe studied the psychological effects of colours and modified the colour wheel to split the colours into two sides, the plus and minus colours. Plus colours were ones that had a positive effect on psychology and generally included the warm colours such as red and orange. The minus colours generally invoked unsettled feelings in participants and tended to lean to the blue and green.

The next major revolution was by a Swiss art theorist named Johann Itten. He modified the wheel to the form we see today based on the primary triad and the twelve basic hues.

In web design it is highly recommended to stick to one of the following colour schemes for your web design. To venture outside them causes colour "clash" and will spoil the overall impression of your page. Do remember however blacks and whites are neutral and (if used correctly) complement any of these schemes well.

Monochromatic

The monochromatic colour scheme is exactly what is sounds like, a simple theme that use differences in saturation and light/darkness in a single colour to give a design that's "easy on the eye". It can be very soothing to use and looks good in blue or green. Monochromatic is fantastic for simple web pages such as blogs as it prevents design elements drawing attention away from information.

Analogous Colour Scheme

This colour scheme centres around one main colour being gently supported by the two colours adjacent to it on the colour wheel. Like monochromatic it is a gentle colour scheme that is best applied to achieve calming effect. Blogs and certain online shops would be best to use this scheme.

Complementary Colour Scheme

The complementary colour scheme is made up of two colours that are opposite each other on the colour wheel. This should always be achieved by picking your main colour then tracing a 180 degree line across the wheel to find its exact opposite. Some complementary sets do not suit web design as they are so high in contrast. While a complementary colour scheme can achieve great effects in highlighting areas for websites such as online shops I do not recommend it is sued heavily as it strains reader's eyes after a while.

Split Complementary Colour Scheme

The split complementary scheme is used a little more often than its standard complementary brother in web design. It uses a combination of three colours which means you can create softer contrasts. It is done by picking one colour on the colour wheel and find the two colours that are adjacent to its complementary.

Triadic Colour Scheme

The triadic colour scheme is my personal favourite for web design. It uses a combination of 3 three colours that are equally spaced around the wheel. Its major advantage is that is strikes a great balance between harmony and contract. It looks especially good on online shops as it give you the ability to define several sections with different colours without creating a offensive contrast.

Tetradic Colour Scheme

The tetradic colour scheme is the most complex and varied stand colour wheel scheme. It is sometimes referred to as the double complementary as http://www.blogger.com/img/gl.link.gifit uses two sets of complementary colours. Although there is no standard for defining which it is a good idea to ensure they are evenly spaced. While this scheme can be successfully applies to make a website look varied and colourful it is especially hard to balance.

I hope this article has been at least a small help to you in your search for additional information about web design and the use of colour. While I have written this article with web design in mind the colour wheel theory can be applied to almost any form of graphic design or art.

Frank Woodford conducts extensive research when writing new articles for friends and businesses partners and aims to produce quality content that address the purpose of the article currently. He is currently helping to write content for Soula .

21 comments:

Search Engine Optimization said...

This is Some few SEO interview Questions? I like to Answers On this,Let us Discuss On this question. web design company, web designer, web design india

Give me a description of your general SEO(search engine optimization) experience.
Do you currently do SEO on your own sites and give me some examples. Do you operate any blogs?
Do you currently do any freelance work and do you plan on continuing it?
Where do you think the SEO industry is headed?
What industry sites, blogs, and forums do you regularly read?
Have you attended any search related conferences?
What SEO tools do you regularly use?
What SEO areas are you weak and strong in, and give examples of both.
What areas do you think are currently the most important in organically ranking a site?
Do you have experience in copywriting and can you provide some writing samples?

aliens infotech said...

thanks for sharing your webdesign..........


by
Regards
Search Engine Optimization

the said...

Very informatic website. I got many business contact details here.Surat Web Design, Surat Web Designing, Surat Web Design Company, Surat Web Page Design, Web Designer Surat

web design India said...

thank you! That looks like a great resource

SEO Services India said...

Thanks for the great posting, I am looking for such types of information’s.

A website is very important if you are attempting to establish a global presence in the market.
SEO Services India

Anonymous said...

Ihr habt eine schoene Webseite hier, und vielciht schaut Ihr euch auchmal meine an, ok Sex im Internet ist nicht jedermans Sache, aber eben meine erste Homepage. Danke und macht weiter so!
[url=http://frauen.sexblogz.org/[/url]

Anonymous said...

http://vucafyko.oueb.eu/cdpcy.html Christmas music video code for myspace
http://xugsako.oueb.eu/doylq.html Pay as you go phones uk
http://xugsako.oueb.eu/jezal.html What is normal glucose level
http://vucafyko.oueb.eu/kbt.html A christmas poem for a friend
http://uesajin.oueb.eu/emgyp.html Clip art for christmas holiday

Anonymous said...

http://vucafyko.oueb.eu/jeuu.html Submit your site to search engines
http://uesajin.oueb.eu/zqjw.html Samsung dvd player vcr combo
http://uesajin.oueb.eu/lde.html Say merry christmas in spain
http://xugsako.oueb.eu/igrk.html Plants in the sahara desert
http://xugsako.oueb.eu/usge.html Christmas blow up snow globes
http://uesajin.oueb.eu/gtmjm.html Top ten best christmas songs
http://vucafyko.oueb.eu/jlwv.html Movie + christmas + story + lines
http://vucafyko.oueb.eu/tnhol.html Where to buy christmas crackers
http://xugsako.oueb.eu/gneh.html Grand theft auto 3 for playstation
http://vucafyko.oueb.eu/bcyx.html Christmas tree collection new york city

Anonymous said...

http://vucafyko.oueb.eu/yrke.html Winnie the pooh christmas village
http://xugsako.oueb.eu/ajyjw.html Christmas ornaments and crystal and shamrock
http://uesajin.oueb.eu/yqv.html Boyfriend christmas gift idea parent
http://xugsako.oueb.eu/rhm.html Do you see what i see christmas carol
http://vucafyko.oueb.eu/estyp.html The opening of misty beethoven
http://uesajin.oueb.eu/brp.html When is doctor who christmas special
http://xugsako.oueb.eu/qgj.html Download free rm to mp3 converter
http://xugsako.oueb.eu/nfmi.html Activities for teens on christmas
http://xugsako.oueb.eu/rkwo.html What is the true meaning of christmas
http://xugsako.oueb.eu/oyqe.html Christmas, thanksgiving, new cute funny picture year
http://vucafyko.oueb.eu/ujva.html World wide web and the internet
http://xugsako.oueb.eu/puft.html Homes for sale homer glen
http://xugsako.oueb.eu/svk.html Christmas package mailing post office
http://xugsako.oueb.eu/inec.html Synchronize your christmas lights to music
http://xugsako.oueb.eu/tobxi.html Pc to phone free download

Anonymous said...

http://vucafyko.oueb.eu/hyg.html Radio city christmas spectacular fox theatre
http://vucafyko.oueb.eu/bfvgq.html Www mystik torrent dl am black christmas password
http://xugsako.oueb.eu/xmg.html Twa the night after christmas
http://uesajin.oueb.eu/uza.html Parable of sheep and the goats
http://uesajin.oueb.eu/ohbff.html On the first day of christmas songs

Website Design India said...

Thanks for the knowledge on.......
Web Design Services is important to carefully consider the content you are going to add to your website.

soundar said...

great jobb..color are more impnt for a website to attract people....



Internet Marketing Firm

Imessolution said...

Kolkata web design company, IMESSOLUTION provides Custom Web Design, Web Development,E-commerce website design development,logo design,banner design,Business card design,graphic design and Search Engine Optimization at affordable prices. Our high-end services are incomparable to other competitor in the sense that our web design services are excellent while we provide best services without compromising with the quality of the
work.

Anonymous said...

интернет знакомства бесплатная регестрация
http://www.soduko.org/forums/profile.php?mode=viewprofile&u=114341&sid=2804b26dcc5693700de283c69aeac760

интернет знакомства
http://jaguar-shop.com.ua/forum/index.php?action=profile;u=741389

интернет знакомства лесосибирск
http://dvl.xost.ru/board/tools.php?event=profile&pname=PdaSocSet

интернет знакомства губкин
http://knjiznice.info/forum/index.php?action=profile;u=558935

интернет знакомства белово
http://www.marinaparquedasnacoes.pt/forum/index.php?action=profile;u=126904

интернет знакомства в павлово
http://bbs.amigo-chat.com/forum/profile.php?mode=viewprofile&u=1474839

интернет знакомства тобольск
http://www.veneportaal.ee/kuulutus/tools.php?event=profile&pname=PdaSocSet

рамблер интернет знакомства
http://www.absforums.com/index.php?action=profile;u=18132

интернет знакомства в балаково
http://azov.awardspace.com/doska/tools.php?event=profile&pname=PdaSocSet

сайт знакомств в архангельске интернет
http://www.freewheelcycle.com/wp-content/plugins/zingiri-forum/mybb/member.php?action=profile&uid=139577

интернет знакомства на 1 2

Anonymous said...

интернет знакомства в тамбове
http://www.autozone.org.ua/user/WapSocSet/

ижевск интернет знакомства
http://wdev.stade.fr/forum/member.php?u=215901

интернет знакомства в челнах
http://www.selemer-tagebuecher.de/Forum/memberlist.php?mode=viewprofile&u=65893

интернет знакомства благовещенск
http://www.formulakino.ru/forum/memberlist.php?mode=viewprofile&u=555196

интернет знакомства ейск
http://www.toys-house.ru/forum/memberlist.php?mode=viewprofile&u=3087

сайт знакомств для подростков интернет
http://hosteddomains.ru/user/Renatwap/

интернет знакомства вконтакте
http://www.chatplanet.ru/forum/member.php?u=7449

интернет знакомства в северодвинске
http://www.cpbaudit.ru/forum/index.php?action=profile;u=213114

знакомства для интернета в серпухове
http://povorot.ezar.ru/tools.php?event=profile&pname=WapSocSet

интернет знакомства анкеты
http://www.werderfriesen.de/forum/profile.php?id=520070

интернет знакомства котлас

Anonymous said...

псков интернет знакомства
http://www.sobor.by/jkl/iv/profile.php?mode=viewprofile&u=642

интернет знакомства индивидуалки
http://www.shortfilmswanted.com/user/AlenaTry/

интернет знакомства в улан удэ
http://clickim.co.il/forums/member/50106/

интернет знакомства по камере
http://www.whitestalker.ru/user/AlenaTry/

интернет знакомство в находке
http://forum.wiltsglosstandard.co.uk/profile.php?mode=viewprofile&u=1132

интернет встречи знакомства
http://forum.ceptemsn.com/profile.php?mode=viewprofile&u=32294

интернет знакомства общение
http://newhost.idhost.kz/user/AlenaTry/

знакомства для группового интернета
http://forum.wirralcomputercare.com/member.php?action=profile&uid=425

знакомства для анального интернета
http://www.polygraphclub.ru/f/member.php?202-AlenaTry

реальный сайт интернет знакомств
http://belobl.ecoworld.ru/user/AlenaTry/

интернет знакомства частные объявления

Anonymous said...

yeftak [url=http://www.glouisvuittontaschenoutlet.info/]louis vuitton outlet[/url] egxesj auztgf xjglye [url=http://www.glouisvuittontaschenoutlet.info/]louis vuitton[/url] ftcsys [url=http://sbac.org/de/monclereaby.aspx]moncler[/url] hbvzmh [url=http://sbac.org/ralphlaureneaby.aspx]ralph lauren outlet[/url] ktwmld [url=http://sbac.org/ralphlaureneaby.aspx]ralph lauren outlet[/url] cqicjc [url=http://sbac.org/de/monclereaby.aspx]http://sbac.org/de/monclereaby.aspx[/url] bknlat mbhrjax pmjhsq rspdrq

Anonymous said...

gymvywl impopw [url=http://www.longchampoutletsttaschen.info/]longchamp outlet[/url] yrnaif [url=http://www.longchampoutletsttaschen.info/]www.longchampoutletsttaschen.info[/url] tugnet [url=http://www.deralphlaurensaleoutlet.info/]ralph lauren online shop[/url] zdcrqa [url=http://sbac.org/ralphlaureneaby.aspx]ralph lauren outlet[/url] exmuii [url=http://www.deralphlaurensaleoutlet.info/]ralph lauren outlet[/url] vukjte [url=http://sbac.org/de/monclereaby.aspx]moncler online shop[/url] kjxxjt lzvtxdo

Anonymous said...

интернет видео чат усть
http://learnthis.ru/user/LizaBerott/

интернет видео чат частные объявления
http://avtotuningftp.car-z.net/index.php?subaction=userinfo&user=LizaBerott

интернет видео чат во владивостоке
http://matefiz.org/member.php/10094-LizaDerir

интернет видео чат в курске
http://seriousshot.com/user/Katiyarevi/

интернет видео чат майл
http://promfin.com.ua/user/LizaDerir/

интернет видео чат киров бесплатно
http://fifa4u.ru/user/Katiyarevi/

интернет видео чат в петрозаводске
http://mp3ka.ru/user/LizaDerir/

видео чат фото видео интернет
http://moole.ru/user/SlavaEsina

интернет видео чат в санкт петербурге
http://www.3dplanet.ru/index.php?subaction=userinfo&user=SlavaEsina

интернет после видео чат
http://carsworld.com.ua/user/LizaBerott/

интернет видео чат в тюмени

Anonymous said...

интернет видео чат на 1 2
http://quangcao.thoitrangdongphuc.net/User-katiyarevi--2787

бесплатные реальные видео чат для интернета
http://all-valve.ucoz.net/index/8-4154

интернет видео чат оренбург без регистрации
http://gukovo.info/user/Katiyarevi/

интим сайт интернет знакомств
http://forum.bgandroid.com/member.php?20296-SlavaEsina

сайт интернет знакомств без смс
http://shah.ucoz.com/index/8-321

интернет видео чат транс
http://www.foramateurs.info/member.php?action=profile&uid=57546

интернет видео чат в таганроге
http://savvino.info/index.php?subaction=userinfo&user=SlavaEsina

интернет услуги видео чат
http://mega-box.pp.ua/user/LizaDerir/

бесплатные интернет видео чат без смс
http://kinovara.ru/index/8-4288

интернет видео чат в новосибирске бесплатно
http://moddleshop.ru/user/SlavaEsina/

интернет видео чат в пензе бесплатно

Anonymous said...

Studies with tramadol in adults have shown that starting at the lowest possible dose and titrating upward will result in fewer discontinuations and increased tolerability. purchase cheap Tramadol online without a prescription order generic Tramadol Ultram online no prescription These effects may be worse if you take it with alcohol or certain medicines. [url=http://www.onlinetramadolbuy.net/#281507-purchase-tramadol-pain-management-treatment]order Tramadol 100mg online without a prescription[/url] sponsors of the Together Rx card.