sivut.web

ohjeita web-sivuston tekijälle

Grafiikka: Värien valinta

Värimaailma

Värien valinta on yksi tärkeä vaihe sivuston suunnittelussa. Värejä on miljoonia erilaisia, mutta sivustollesi voi käydä vain tietynlaiset tai -sävyiset värit. Tämän vinkin tarkoituksena on auttaa sinua valitsemaan sivustollesi värimaailma, joukko värejä, jotka rakentavat sivun identiteettiä. Värimaailmalla tarkoitetaan väriteemaa, jonka noudattajilla kaikki tietyt elementit, esim. linkin tai taustavärit käyttävät samaa väriä. Värimaailman elementteihin voi kuulua taustakuvat, taulukot, leipäteksti, linkit, erikoismuotoillut tekstit yms.

Jatkuvuus

Yksi tärkeä asia värien valinnassa on se, että kun värit kerran valitaan, ei niiden tulisi vaihtua sivuston sisällä. Sivuilla vierailijoille jatkuvuus tuo luotettavuuden tunnetta sekä osoittaa sen, että ollaan vielä samalla sivustolla. Älä siis vaihda värimaailmaa sivujen sisällä. Kun päätät vaihtaa värimaailman, vaihda se samalla kaikkialle.

Kestosuosikit

On olemassa muutamia kestosuosikkeja, joita webissä surffatessa tulee vastaan jatkuvasti. Yleisin näistä on varmasti valkoinen tausta ja mustat tekstit. Tärkein ominaisuus värien suhteissa on niiden kontrasti. Tekstin ja taustavärin välillä tulee olla paljon kontrastia, jotta ne erottuisivat toisistaan. Musta ja valkoinen on luettavaa, yksinkertaisen kaunista ja väriä saa muodostettua sivulle värittämällä esim. otsikot joksikin muuksi huomaamattomaksi väriksi.

Musta tausta ja valkoinen teksti ovat myös suosittuja, mutta samalla monille kivuliasta lukea. Ihminen on tottunut lukemaan valkeilta, ei tummilta taustoilta. Mikään tumma tausta ei ole siis pitkille teksteille hyvä vaihtoehto. Pidemmän päälle ne alkavat tuottaa päänsärkyä.

Aiheeseen sopivuus

Värimaailman tulisi myös sopia sivuston aiheeseen. Metsäsivulla olisi mukava olla vihreää, lentoyhtiön sivulla sinitaivasta valkoisilla pilvillä höystettynä. Aseta kuitenkin käytettävyys kauneuden edelle: mustaa taustaa voidaan puolustella tähtitaivasta käsittelevällä sivulla, mutta jos tekstistä ei saa selvää, ei musta tausta ole kenenkään etu.

Tämä sivu on luotu 24.10.2001.


Käyttäjien kommentit

29.3.2004 17:06
: : Patu : : <patuman90@hotmail.com>

tämä aihe on erityisen ajankohtainen varsinkin
meikäläiselle. 'väriteemat' on ainoa ongelma,
jota nykyään pohdin. ::Patun Infosivut:: http://patu.se8.org

14.7.2004 01:03
sarod <sarod@nospamplz.pp.htv.fi>

Tekstin väristä: Paperilla tumma teksti vaalealla taustalla on tietenkin parhaiten luettavissa -- tämä ei ole mikään tottumiskysymys, vaan ennen kaikkea ihmisen psykovisuaalinen ominaisuus. Sen sijaan nettisivujen väreistä olen eri mieltä: Nykyään kun suurin osa ihmisistä lukee nettisivuja vielä CRT-putkilla, välkkyy valkoinen tausta pahasti melkoisen monella monitorilla; ainakin itselleni 75Hz:n virkistystaajudesta huolimatta yhtään pitemmän mustan tekstin lukeminen vaalealla taustalla on kivuliasta. Sen sijaan vaalea teksti mustalla taustalla ei "hypi", välky, eikä aiheuta migreeninkaltaisia oireita läheskään niin paljon. En tiedä onko asiasta tehty tutkimusta, mutta näin ainakin minun MUTU asiasta kertoo.

5.8.2004 12:33
wuther

Katsotaas toimiiko tässä BBC koodi että voi laittaa linkin :D [url]http://habbox.org/upload/tiedostot/mun%20lempiv%e4ri.gif]tuossa[/url] on mun lempiväri =)

5.8.2004 12:34
wuther

Ups. ei kun tuossa [url]http://habbox.org/upload/tiedostot/mun%20lempiv%e4ri.gif[/url] ja tänne vois lisätä muokkaa nappulan kiitos

24.11.2004 23:45
Enni

Väriongelmaa pohtivat:
Muistaakseni näin:
http://www.colorschemer.com

Kattokaa Googlella, jos ei löydy! :)

22.12.2004 15:00
hahaa

Hyviä ohjeita.

17.9.2005 16:47
Erkkimon

Muistelen, että ruskea valkealla (huom. ei #FFFFFF vaan valkea) pohjalla on silmälle paras yhdistelmä.

Eli jos kirjottelette pitkiä tekstejä niin kannattaa käyttää lähes valkoista taustaa ja tummanruskeaa tekstiä.

/Erkkimon - http://www.g-25.net

15.5.2006 18:24
Deluxe <jonneratilainen@luukku.com>

TÄÄLTÄ LÖYTÄÄ HELPPIÄ VÄREIHIN!

http://www.colorschemer.com

7.1.2008 09:46
Mr.President

HAISTAAKA VITTU!!!!

Lisää oma kommentti


Juha-Pekka Järvenpää
jp@sivut.org
http://www.jarvenpaa.net/