VÄREISTÄ JA VAAROISTA

Koko: px

Aloita esitys sivulta:

Download "VÄREISTÄ JA VAAROISTA"

Kaarina Hakola
6 vuotta sitten
Katselukertoja:

1 VÄREISTÄ JA VAAROISTA

8 VÄRIEN KÄYTTÖ 1/2 asioiden ryhmittelyyn huomion kiinnittämiseen houkuttelevuuden lisäämiseen tyylikkyyden tavoitteluun kuitenkin liian paljon värejä = värikaaos (5+-2 väriä) kaikki eivät näe värejä yhtä hyvin Värisokeat henkilöt sekoittavat punaisen, ruskean, vihreän, harmaan ja sinipunaisen helposti toisiinsa etenkin jos niitä käytetään rinnakkaisina väreinä. 8

9 VÄRIEN KÄYTTÖ 2/2 voimakas suunnitteluväline (Käytä harkiten!) harmaa (tms. neutraali, hillitty väri) on hyvä perusväri esim. taustaksi käyttäjälle mahdollisuus valita taustaväri? ei saa antaa ensisijaista tietoa värin avulla (värisokeus) johdonmukaisuus (sama perusväri joka ikkunassa) yhdistelemisessä varovaisuutta (ei vastavärejä yhteen; esim. sininen ja punainen) suunnittele ensin mustavalkoiseksi 9

10 rakkaus rikos synti tuli veri dynaaminen hermostuttava lämmittävä ajatustoimintaa kiihdyttävä lämmittävä mieltä kiihottava silmiinpistävä toiminnallinen vitaalinen pysähtyminen tulipalo armollisuus heikkous lähimmäisen rakkaus rakkaus

11 hehku tunnekuoho appelsiin auringonlasku tuli kiihottava loistoa antava ruuansulatusta edistävä tunteita kiihottava silmiinpistävä rauhattomuus tai ärsyttävyys kuumat osat

12 iloisuus auringonvalo dynaaminen henkimaailmaan liittyvä hermoja, näköä ja tarmoa terästävä voi rauhoittaa silmiinpistävä iloisuus vaara säästäväisyys oppi mahti tieto voima

13 vahingollisuus luonto vihannuus lepo levollisuus rauhoittava tasapainoinen tuoreus turmiollinen hypnoottinen lievittävä rauhoittava silmiinpistävä kärsivällisyys levottomuus toivo pahansuopuus totuus uskollisuus uudestisyntyminen apu

14 avaruus kuulakkuus taivas vesi ilmavuus keveys läpikuultavuus rakastettavuus selkeys viileys levollisuus rauhoittava silmää lepuuttava tiede viisaus kuolemattomuus viisaus älykkyys huomio

15 komeus salaperäisyys kukat helakkuus hienous levollisuus raskasmielisyys tyynnyttävä mukautumaton kunnioittavuus tyytyväisyys arvokkuus arvokkuus

16 arvokkuus suru ametisti kukat viileys tyynnyttävä huonosti havaittava raskasmielisyys surullisuus katumus parannus toivo katumus parannus

17 kirkkaus uskonyhteys vihkiminen kukat kohtuullisuus puhtaus vaatimattomuus valoisuus tyhjyys valaiseva siisteys vaatimattomuus hyve puhtaus siveys siisteys viattomuus viitoitus

18 murhe salaperäisyys kuolema yö suru lepo hämärä pimeys huono mielikuvitus ikään kuin pohja loppu viimeinen kuolema suru

19 YHTEENVETOA VÄREISTÄ maailma ei ole mustavalkoinen miksi käyttöliittymän pitäisi olla värisuunnittelussa muistettava fysiologia, psykologia ja koodauksen tavoitteet koodaus värin avulla ei riitä, mutta väri toimii hyvin yhdessä muiden koodaustapojen kanssa 19

20 MARCUSIN 10 KÄSKYÄ Max väriä enemmän vain esteettisistä syistä Käytä keskeisiä ja reunavärejä oikein sininen vain laajojen pintojen väriksi punaista ja vihreää ei reunoille (erottuvat huonosti) musta, valkoinen, keltainen ja sininen sopivat reunoille Huomioi värin "muuttuminen" taustan muuttuessa Älä käytä useita vahvoja värejä aiheuttavat värinää, jälkikuvia, varjoilluusioita 20

21 Käytä tuttuja koodauksia Muista, että käyttäjä yhdistää samalla tavalla väritetyt asiat Käytä värejä samoin kaikissa käyttöliittymän osissa myös opetusmateriaalissa ja dokumentoinnissa! Käytä kirkkaita värejä huomion kiinnittämiseen esim. virheilmoitukset Käytä redundantteja (toisteisia) koodauksia jos käyttäjä ei pysty havaitsemaan jotain koodaustapaa (esim. väriä), voi hän ymmärtää asian toisen koodaustavan avulla esim. muoto + väri 21

22 YHTEENVETOA VÄREISTÄ maailma ei ole mustavalkoinen miksi käyttöliittymän pitäisi olla värisuunnittelussa muistettava fysiologia, psykologia ja koodauksen tavoitteet koodaus värin avulla ei riitä, mutta väri toimii hyvin yhdessä muiden koodaustapojen kanssa 22

23 Käytä värejä elävöittämään mustavalkoista esitystä värillinen tieto on helpompi muistaa ja miellyttävämpää lukea mustavalkoisen ja värillisen tiedon tulkinnassa eli oppimisen määrässä ei ole eroa 23

24 NÄINKÖ? 24

Samankaltaiset tiedostot

IHTE-2100 KaSuper 2007-2008 Luento 2: värit, kuvakkeet

IHTE-2100 KaSuper 2007-2008 Luento 2: värit, kuvakkeet Aiheet tänään Värit käyttöliittymäsuunnittelussa Kuvakkeiden suunnittelu Värit käyttöliittymässä Of all design elements, color most exemplifies the