VÄREISTÄ JA VAAROISTA

Samankaltaiset tiedostot
IHTE-2100 KaSuper Luento 2: värit, kuvakkeet

Tilkkuilijan värit. Saana Karlsson

Ympäristövalaisu. - Valaistuksen tarve, kehitys ja varjopuolet

ARVO - verkkomateriaalien arviointiin

Mitä värit viestivät. Vaula Norrena/ Valores Consult

IHTE-2100 KaSuper Luento 3: visuaaliset suunnitteluperiaatteet, värit. Aiheet tänään. Visuaaliset suunnitteluperiaatteet - Sommittelu.

SUOMEN VAPAAKIRKON LAPSI- JA NUORISOTYÖN GRAAFINEN OHJEISTO

VÄRIT WWW-VISUALISOINTI - IIM VÄRIT

Opetusmateriaalin visuaalinen suunnittelu. Kirsi Nousiainen

Tunnus. 1. Suomen Ammattiliittojen Keskusjärjestön SAK:n tunnus perusmuodossaan

Arvokas. Graafinen ohjeistus

Myytävänä olevat tölkinvedin kukkarot

VÄRI ON: Fysiikkaa: valon osatekijä (syntyy valosta, yhdistyy valoon)

PERCIFAL RAKENNETUN TILAN VISUAALINEN ARVIOINTI

G R A A. Kaarinan Pojat ry:n graafinen ohjeistus


LOGO 2. LOGO. Autokeskuksen yritystunnus on Autokeskus-logo.

Gimp alkeet XIII 9 luokan ATK-työt/HaJa Sivu 1 / 8. Tasot ja kanavat. Jynkänlahden koulu. Yleistä

HERCULES-KORTTELIN VÄRISUUNNITELMAn INSPIRAATIOTA / Kaavavaihe POLTETTU UMBRA Herculeskortteli värisuunnitelma /

Angry Birds CLASSIC. Angry Birds CLASSIC. Angry Birds CLASSIC. toppasaapas / LIME VIHREÄ. toppasaapas / KELTAINEN. toppasaapas / PINKKI

SINIVALKOINEN JALANJÄLKI OHJEISTUS TUNNUKSEN KÄYTÖSTÄ

SISÄLLYSLUETTELO. KalusteMuovi Virtala Oy Puh Laakerikatu 8 Fax LAHTI info@kalustemuovi.fi

FLEXOTOP. Valettava turva-alusta FLEXOTOP.KOMPAN.COM

SISÄLLYS. 02 Mobiilimaksu-tunnus 04 Tunnuksen käyttö 07 Värit 08 Typografia 09 Maksunappi 10 Maksunapin sijoittelu 10 Maksuikkuna

Itsepalvelukopiokone

Melan graafinen ohje. Tämä ohjeisto esittelee Melan visuaalisen ilmeen peruselementit. Ohjeisto on yhdenmukaisen asiakasviestinnän työkalu.

monta vanupuikkoa vetoketju kaksi vetoketjua kolme vetoketjua Sanasto paristo kaukosäädin lokki savuke tupakka pyykkipoika pingviini vanupuikko

VERKOSTO GRAAFINEN OHJE

HELIA 1 (15) Outi Virkki Käyttöliittymät ja ohjelmiston suunnittelu :28

Top 10 Keittiötrendit 2017

Oppitunti 4 Värit 2. vaaleanvihreä - Tämä on vaaleanvihreä väri. vaaleanvihreä sammakko - Tämä sammakko on vaaleanvihreä.

KULTA/MUSTA RAITA LAUKKU KUKKARON KEHYKSELLÄ

Tork LinStyle -valikoima Oikean lautasliinan vaikutus asiakaskokemukseen

RATA-SM -sarjan graafinen ohjeistus Alkusanat Kuvapankki

Graafinen ohjeisto Santa s United ry 2015

Houkuttele terassille

Yliopistojen erilliset palautteet. Webropol kyselyn tulokset. RAPORTTI 2 Uudet värit portaaliin Testipäivä: sekä kysely Webropolissa

Kaakkois-Suomen ammattikorkeakoulun opiskelijakunta. Graafinen ohjeisto

Kanarialinnun perintötekijät Spalt = Saksankielinen sana ja tarkoittaa perityvä mutta ei näkyvä ominaisuus

Carmen Brecheis Michelle Cheng Johanna Järvelä Anna Kantanen

Tämän leirivihon omistaa:

Johdatus vuorovaikutteiseen teknologiaan

GRAAFINEN OHJEISTO 2017

Teollisuusliitto Graafinen Ohjeisto Graafinen Ohjeisto

Graafinen ohjeisto. Päivitetty tammikuussa 2015

Ihminen havaitsijana: Luento 8. Jukka Häkkinen ME-C2600

Kanta-palvelut graafinen ohje , versio 6.0

Graafinen ohjeisto 1.0

MINÄ MUUTOKSEN PAINEESSA AMMATTILAISTEN AAMIAINEN 15.1.

TAMPEREEN SISU vuodesta d 1960 GRAAFINEN OHJEISTUS

Handmade by Marika Soinio 925 hopea

Kanta graafinen ohje. Versio

vuodesta 1957 ROOMAN SOPIMUSTEN 50-VUOTISJUHLA GRAAFISET OHJEET Logo Typografia Värit

10. luento: Visuaalinen suunnittelu

1/2016 GRAAFINEN OHJEISTO

Gio. Officina. Lanterna. Officina on valmistettu metallista. Sitä on saatavana kromina, mustana ja punaisena. Ø 70cm

FOREVER Solvent-Dark 111

SUNDET III KORTTELIT 2153, 2155, 2157 JA 2160 ESITYS SUUNNITTELUPERIAATTEISTA 719 SUNDET III KORTTELIT 2153, 2155, 2157 JA 2160

Yllätys Rasti Palttala UUTINEN Tehtävä 16 Aika- ja taitotehtävä Maksimipisteet 3

Tunnus. Finto Tunnusohjeet. Finto-tunnuksen muodostavat muotoiltu kuvio-osa (merkki) sekä sen yhteydessä toisinaan käytettävä tagline.

Rullaverhot KUVIOLLISET KANKAAT

MAASEUDUN SIVISTYSLIITON GRAAFINEN OHJEISTO 1.1. Maaseudun Sivistysliiton graafinen ohjeisto 1.1

Graafinen ohjeisto 1

SINIVALKOINEN JALANJÄLKI OHJEISTUS TUNNUKSEN KÄYTÖSTÄ

Johdatus vuorovaikutteiseen teknologiaan

Digi-TV:n käytettöliittymät

Värijärjestelmät. Väritulostuksen esittely. Tulostaminen. Värien käyttäminen. Paperinkäsittely. Huolto. Vianmääritys. Ylläpito.

KLIFFAN GRAAFINEN OHJE

Visuaalinen ilme (luonnos)

Johdatus vuorovaikutteiseen teknologiaan

Gimp+Karttapaikan 1: => 1: Pika ohje versio

The acquisition of science competencies using ICT real time experiments COMBLAB. Kasvihuoneongelma. Valon ja aineen vuorovaikutus. Liian tavallinen!

Ikäihmisen toimiva asuminen. Tarja Marjomaa TTS Työtehoseura

Graafinen ohjeistus. Taustaa. Logon elementit. Mittasuhtet. Suoja-alue. Värimääritykset. Logon sijoittelu. Kirjasintyypit eli typografia

MYYNTI (Myynti) (Hanna)

Auringonkukka. Auringonkukka. DesignedByIhannetila. Suunnittelija Seija Ervelius

PAPERIKAPSELIT, KONDITORIAPAHVIT JA -PAPERIT, PAISTOVUOAT 1 / 2015

ihannetila Pyörät DesignedByIhannetila Suunnittelija Seija Ervelius Pyörät

PMS 3298 C. (Sanomalehdessä. 100c, 0m, 50y, 5k) PMS 288 C (Sanomalehdessä 95c, 50m, 10y, 5k)

Logo. 2. Toissijainen käyttö. 1. Ensisijainen käyttö. YTN graafinen ohjeisto

Mikä Emma & Elias? Tunnus...4. Typografia Värit Kuosit...9. Valokuvat Kuvitukset Käyntikortit...12

Nukkuminen on kultaa.

Johdatus vuorovaikutteiseen teknologiaan TAUCHI Tampere Unit for Computer-Human Interaction

GRAAFINEN OHJEISTO. Päivitetty:

Reilu urheilujuomapullo, joka sopii hyvin polkupyörän juomapidikkeeseen. Elintarvikehyväksytty.

Visuaalinen käyttöliittymäanalyysi

CAB Plan. Päivitys 4.5. Asiakas odottaa

Värien käyttö tiedottavissa www-sivuissa

------lmltätieltä Te pu h utte?)

Hinnat sisältävät arvonlisäveron

Lajittelu 10 Transponointi 12 GRAAFINEN ESITTÄMINEN 14 KAIKILLE KAAVIOTYYPEILLE YHTEISIÄ OMINAISUUKSIA 16 KAAVIOTYYPIT 18

GRAAFINEN OHJEISTO OLLILA TRANS OY

G12 KUOPIO Minna Canthin katu 15, Kuopio ti-to 11-17, pe-su

ohjeistus retkikerho

Graafinen OHJEISTO V

Aineisto-Ohje. Bussimedia

Emma & Elias on RAY:n avustusohjelma lasten ja perheiden hyväksi. Ohjelma toteutetaan yhteistyössä Lastensuojelun Keskusliiton kanssa.

TEKSTI // FRANK SEBASTIAN HANSEN. Hallitse KUVATYYLIT A S P N F M. Digikuva 2016

Valon havaitseminen. Näkövirheet ja silmän sairaudet. Silmä Näkö ja optiikka. Taittuminen. Valo. Heijastuminen

Transkriptio:

VÄREISTÄ JA VAAROISTA

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

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

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

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

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

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

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

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

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

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

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

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

MARCUSIN 10 KÄSKYÄ Max 5 +- 2 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

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

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

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

NÄINKÖ? 24