Värien käyttö tiedottavissa www-sivuissa

Save this PDF as:
 WORD  PNG  TXT  JPG

Koko: px
Aloita esitys sivulta:

Download "Värien käyttö tiedottavissa www-sivuissa"

Transkriptio

1 Värien käyttö tiedottavissa www-sivuissa Natalia Kaijalainen 55198D

2 SISÄLLYSLUETTELO JOHDANTO... 1 VÄRIN MÄÄRÄYTYMINEN... 1 SILMÄN VÄRINTUNNISTUS... 1 VÄRI TAUSTALLA JA AKTIIVISENA... 2 VÄRIT JA KONVENTIOT... 4 VÄRIT JA HUOMIOITAVUUS... 5 VÄRIT JA MIELIKUVAT... 6 SUUNITTELEMINEN VÄRISOKEILLE... 6 YHTEENVETO... 7 LÄHTEET... 8

3 Natalia Kaijalainen 1 Johdanto Aion käsitellä esseessäni värinkäyttöä käyttäjille tietoja antavilla sivuilla. Koska kaikkien sivujen tarkoituksena ei ole olla informatiivisia, keskityn esimerkeissäni eri liikennöitsijöiden bussiaikatauluista kertoviin sivuihin. Nämä valitsin sen takia, että aikataulujen etsiminen rajaa käyttäjiä mahdollisimman vähän. Kyseisten sivujen on tarjottava apua eri ikäisille ja erilaisista ympäristöistä tuleville asiakkaille, joten käyttäjien joukossa voi olla lapsia, vanhuksia, värisokeita, nettiosaajia tai ketä vaan, ainoana ehtona on aikataulujen etsiminen. Lisäksi eri laajuisten bussiyritysten sisältä löytyy monella eri tavalla nettisivujensa tekemiseen panostaneita yrityksiä. Pyrin käymään esseessäni läpi asioita, jotka pitäisi huomioida sivujen värimaailmaa suunniteltaessa. Suunnittelijoille tarjotaan nykyään paljon tietoa erilaisista ongelmista, jotka voisivat vaikeuttaa sivujen lukemista ja tietojen löytämistä. On osattava käyttää tietoja oikein ja luoda sillä tavalla helppokäyttöinen ympäristö, tai ainakin estää vääränlaisten värien käytön aiheuttamat käyttövaikeudet. Käyn esseessäni läpi miten ihminen näkee värit ja miten hän mieltää niiden merkityksen sekä kerron tapoja, joilla sivuilla voi parantaa luettavuutta ja kiinnittää huomiota. Käyn läpi myös värisokeiden huomioimisen sivujen tekemisessä. Värin määräytyminen Väri muodostuu kolmesta ihmisen hahmottamasta piirteestä: värisävy, kirkkaus ja värikylläisyys. Värisävy on juuri se minkä ihminen hahmottaa eri värinä, eli se osa joka muodostuu valon aallonpituudesta. Yleensä puhuttaessa väristä tarkoitetaan juuri värisävyä. Värin kirkkaus tarkoittaa valon voimakkuutta ja se näkyy valkoisen ja mustan määränä värissä. Värikylläisyydellä tarkoitetaan tietyn värin puhtautta. [1,2] Väri itsessään on kohteen heijastamaa aallonpituutta. Tietokonemonitoreissa väri määräytyy jonkun tietyn pisteen lähettäessä tiettyä aallonpituutta. Värin muodostuminen aivoissa riippuu silmän kyvystä vastaanottaa eri aallonpituuksia. Suurin osa monitoreista muodostaa värin yhdistämällä kolmea eri valoa (punaista, vihreää ja sinistä). Tämä malli on myös ihmisen silmän toimintamalli. Silmän värintunnistus Jotta pystyisimme ymmärtämään ongelmat värien käyttämisessä, on hyvä ensin ymmärtää, miten ihmissilmä vastaanottaa värit, miten näköhavainto syntyy ja millä tavalla erottelemme eri sävyt. Samalla käyn läpi myös erilaiset värisokeudet, koska tällaisia käyttäjiä on väestöstä jonkin verran ja myös heidän palveleminen on tärkeää. Silmän verkkokalvolla on eri aallonpituista valoa aistivia soluja. Värien aistimisesta huolehtivat tappisolut, joita on kolmenlaisia johtuen ihmisen silmän käyttämästä niin kutsutusta RGB-värimallista (Red, Green, Blue). Tappisolujen kolme tyyppiä ovat punaista (yleensä yli puolet soluista), vihreää (kolmasosa) ja sinistä (pieni osa) väriä aistivat solut. Eri sävyt muodostuvat näiden kolmen värin yhdistelmistä. [2] Joillain ihmisillä esiintyy värisokeutta, mikä sellaisenaan on harvinaista, mutta eriasteinen värinäön heikkous on taas yleisempää valtaväestön keskuudessa. Värisokeudesta tai -heikkoudesta kärsivät yleisemmin miehet kuin naiset ja jo kymmenen henkilön ryhmässä on todennäköisesti yksi värisokea. Värien erottamisen vaikeus johtuu yleensä tappisolujen vaikeudesta aistia tietynväristä valoa. Yleisin värisokeuden muoto on puna-vihersokeus, mutta myös muitakin värisokeuksia esiintyy kuten violetin ja kellertävänvihreän erottamisen vaikeus ja harvinaisimpana värinäön puuttuminen, jolloin silmä erottaa vain harmaasävyjä. [3]

4 Natalia Kaijalainen 2 Väri taustalla ja aktiivisena Ihminen erottaa parhaiten hyvällä kontrastilla kirjoitettua tekstiä. Värien käytössä tuo pätee erityisesti. On helppo lukea sellaista tekstiä, jonka erottamiseksi ei tarvitse ponnistella. Musta teksti valkoisella pohjalla on arkisuudestaan huolimatta erittäin ystävällinen lukijalle. Eikä sivuston välttämättä tarvitse olla tylsän näköinen vaikka tärkeimmät tekstit olisikin kirjoitettu mustavalkoisella. Tästä mielestäni hyvänä esimerkkinä on Connex Oy:n kotisivu ( Sivustolla on käytetty muitakin värejä kuten sinistä ja oranssia. Kuten kuvasta huomaa valkoinen teksti ei erotu sinisellä pohjalla yhtä hyvin kuin musta valkoisella. Vaikka sininen ja oranssi ovat Connexin värejä, niitä ei ole onneksi ulotettu koko sivustoon ja sillä tavalla on saatu luettavuus melko hyväksi. Vastakkaisena esimerkkinä voi pitää Veljekset Salmelan sivuja ( Sivustolla on käytetty räikeää vihreää pohjaa ja sinisiä linkkejä aikatauluihin ja muihin sivuston osiin. Teksti kyllä erottuu, jos lukee keskittyneesti, mutta ongelmakohdiksi tulevat linkit, joiden alla on Veljekset Salmela teksti. Taustaan kuuluva teksti on myös haluttu erottumaan, joten sen kontrastia on suurennettu, mutta samalla on unohdettu, että

5 Natalia Kaijalainen 3 kontrasti linkkeihin pienenee. Taustan ongelmana on myös Veljekset Salmela Oy -teksti, joka vie silmän huomion taustalle eikä eteen, niin kuin pitäisi. Taustan olisi hyvä olla saman värinen ja myös tasainen, teksti taustalla häiritsee lukijaa. Värejä käyttäessä on muutenkin hyvä muistaa maltillisuus, sillä jos värejä käytetään säästelemättä voi sivuston selkeys hävitä väriloistoon ja käyttäjällä voi olla vaikeuksia hahmottaa kokonaisuuksia tai pystyä lukemaan tekstiä. Marta Eleniak, YK:n käytettävyyskonsultti, neuvoo sivujen värikontrastien tutkimiseksi sivu muuttamista ensin harmaasävyiseksi ja sitten mustavalkoiseksi ja jos sanoma on vielä silloinkin selvä, sivujen kontrasti on kunnossa [4]. Tapa on erittäin hyvä ja tuo esille helposti sivuilla olevia ongelmia. Kokeilin yllä mainittua keinoa esimerkkinä Ketosen Liikenne Oy:n sivuille ( 1. alkuperäinen sivu 2. harmaasävytetty sivu

6 Natalia Kaijalainen 4 3. sivu mustavalkoisena Tällä sivustolla vasemman valikon linkkien kontrasti taustaan nähden hyppää heti silmille. Siis tekstiä ei välttämättä erota kunnolla. Tuo ongelma näkyy selvästi vaikka sivu on alkuperäisessä värityksessä. Harmaasävyisenä tekstin ja taustan rajan hämärtyminen on selvästi huomattavissa, ja näin ollen tekstiä on miltei mahdoton lukea. Kun sivu muutetaan mustavalkoiseksi ongelma korostuu, kun vasen puoli muuttuu kokonaan mustaksi ja tekstit katoavat kokonaan. Kontrasti värisävyjen välillä on niin pieni, että kaksivärisenä kuvassa ei sellaista enää ole. Ketosen liikenteen sivujen suunnittelijalla on ollut selvästi päällimmäisenä ajatuksena yrityksen omien värien käyttö, mikä on johtanut ongelmiin. Yrityksen logossa voivat saman värin eri sävyt näyttää tyylikkäiltä, mutta sama ei todellakaan päde käytettävyyteen, kun sivun värityksenä on samanlaisia värejä. Värikontrasteja on hyvä miettiä ja ottaa huomioon sivua suunniteltaessa. Samalla läheisiä sävyjä on syytä välttää taustan ja varsinaisen tekstin välillä, vaikka värit miellyttäisivätkin suunnittelijaa. Harmaasävy/mustavalkotesti on objektiivinen tapa katsoa oman sivun värikontrasteja. Värikontrastit ovat erittäin tärkeitä huomioida suunniteltaessa käytettävää sivustoa, jonka myös värisokeat pystyvät lukemaan. Yleensä hyvän yhdistelmän muodostavat väriympyrässä vastakkaisilla puolilla olevat värit. Kuitenkaan suoria vastavärejä ei pitäisi käyttää, mutta vastavärien viereiset värit ovat hyvä valinta [5]. Värit ja konventiot Konventiolla tarkoitetaan jotain käytäntöä, joka on yleistynyt ja josta käyttäjät tunnistavat esim. jonkun toiminnon. Konventioiden näkökulmasta värien valitseminen on melko helppoa. Suunnittelijan ei tarvitse vielä internetsivuja tehdessään käyttää paljoakaan aikaa miettiessään rikkooko joku väri yleisiä konventioita. Tosin joitakin käytäntöjä on jo olemassa, joista poikkeaminen voi aiheuttaa käyttäjille ongelmia. Toimimattomien alueiden (poissa sillä hetkellä käytöstä) merkitseminen vaaleammilla sävyillä on yleistä ohjelmien käyttöliittymissä ja on yleistynyt myös internetsivustoilla. Tällä tavalla voidaan esimerkiksi viestiä käyttäjälle, millä alasivulla hän on ja käyttäjän on helppoa virkistää tarvittaessa muistia. Tällä hetkellä Internetissä vahvana vallitseva konventio on linkkitekstien sininen väri ja alleviivaus. Etsiessään sivuilla linkkiä käyttäjän silmä hakee jo automaattisesti sinisellä fontilla kirjoitettua tekstiä ja jos sellaista ei löydy, ruvetaan hakemaan linkkejä lukemalla tekstit. Tästä konventiosta poikkeaminen kannattaa tehdä harkiten, muun kuin sinisen värin käyttö voi toimia, jos sitä on ajateltu sivua suunniteltaessa. Samoin kannattaa ottaa huomioon, minkä värinen sivuston muu teksti on, eli linkkien on erotuttava tavallisesta tekstistä varsinkin, jos linkeistä ei tehdä konvention mukaisia.

7 Natalia Kaijalainen 5 J.Paanasen ( sivut käyvät sopivana esimerkkinä linkkikonvention epäonnistuneesta rikkomisesta. Ensisilmäyksellä on mahdoton erottaa sivulla olevat linkit muusta tekstistä. Pienen päättelyn jälkeen alhaalla olevan rivin voi yhdistää valikkolinkeiksi. Linkkejä sivulla löytyy todellisuudessa lisää, kuvan oikealla puolella olevat tekstit ovat kaikki linkkejä ja näihinkin voi päätyä, kun lukee niiden sisällön. Yllättävin linkki löytyy kumminkin kuvan vasemmalla puolella, yrityksen osoitteen kohdalla. Linkiksi paljastuu Viitasaari, joka johtaa kaupungin sivuille. Tuota ei helposti linkiksi tulkitse. Itse huomasin kaupungin olevan linkki, kun siirsin vahingossa hiiren osoitteen päälle. Värit ja huomioitavuus Yksi värien tärkeä ominaisuus on se, että väreillä voi kiinnittää käyttäjän huomion haluttuihin asioihin. Ihmiselle luontainen huomion väri on punainen, koska luonnossa väri kertoo yleensä vaarasta. Punaisella värillä on helppo tiedottaa tärkeistä muutoksista, ajankohtaisista asioista tai muusta tarpeellisesta. On hyvä huomata, että väri muuttuu huomaamattomaksi, jos sitä on sivulla liikaa. Punaisen tekstin joukosta ei punaisella kirjoitettu tärkeä ilmoitus erotu käyttäjän silmissä. Tourusen Linjat Oy ( on käyttänyt punaista väriä aikataulusivullaan juuri huomion herättämiseksi. Vaikka punaista väriä on käytetty muutenkin, mm. valikkolinkkeinä, vuodenvaihteen liikenteen pohjaväri hyppää silmille ja saa käyttäjän varuilleen: "Tässä on tärkeä tiedotus". Bussien liikennöinti on vuodenvaihteessa poikkeuksellista ja tästä on hyvä muistuttaa asiakkaita. Välttämättä ei huomion herättämiseksi tarvita punaista väriä. Valikko on helppo erottaa omaksi alueekseen käyttäen eri taustaväriä. Kontrastia muuttamalla ja varsinkin sitä suurentamalla saa halutut asiat pomppaamaan esiin taustasta, jolloin käyttäjä huomaa ne helpommin.

8 Natalia Kaijalainen 6 Värit ja mielikuvat Värien valinnalla voi viestiä arvomaailmaa ja luoda käyttäjälle mielikuvia yrityksestä tai tuotteesta. Eskelisen Lapin Linjat ( käyttää onnistuneesti lämpimiä värejä. Sivusto luo mielihyvän ja mukavuuden tunnetta käyttäjässä. Tällä sivulla on käytetty runsaasti keltaista ja lämmintä punaista. Varsinkin keltainen väri tulkitaan länsimaissa usein auringon, lämmön ja toivon väriksi, mikä osaltaan luo yritykselle positiivista mainosta. Eri kulttuureissa voidaan värejä tulkita eri tavalla. Jo mainitun keltaisen lisäksi, myös muut värit synnyttävät mielikuvia. Punainen on vaaran ja huomion väri, jossain kulttuureissa, osittain jopa Suomessakin, se on myös voimakkaasti sidoksissa kommunismin väriin, mutta kommunismi harvemmin tulee suomalaiselle ensimmäisenä mieleen punaisen sävyisestä sivusta. Sininen on kylmyyden, taivaan ja auktoriteetin väri (vrt. poliisi). Vihreä on mm. turvallisuuden, luonnon, rahan väri.[5] Kylmät värit yleensä hahmotetaan taustalla oleviksi ja lämpimät tuntuvat tulevan katsojaa lähemmäksi. Tästä syystä esim. sininen sopii hyvin taustalle, kunhan se ei ole liian räikeä, koska värikylläinen sininen nousee erottuen taustasta.[2] Väreillä on paljon muitakin merkityksiä ja väriyhdistelmillä merkityksiä on lisää. Omaa sivua suunniteltaessa on hyvä muistaa ympäristön kuvitelmat ja kulttuuriset vaikutteet, ettei vahingossa viesti väreillään jotain negatiivista tai imagolleen vahingollista kuvitelmaa. Suunitteleminen värisokeille Koska isossa ryhmässä käyttäjiä löytyy aina myös värisokeita ja sivuilla esitetyn tiedon saantia tuskin halutaan rajoittaa vain tavallisesti näkeviin, on mietittävä mahdollisia väriyhdistelmiä kriittisesti. Kyseenalaista on myös onko olemassa termiä normaalisti näkevä, sillä jo ystävien kanssa keskusteltaessa huomaa, miten eri henkilöt näkevät sinivihreän auton pikkuisen eri sävyisenä, vaikka värinäkö olisikin kohdallaan. "Värinäön heikkous on varsin tavallista: protanomaliassa on vaikeaa erottaa punaista sinivihreästä, deuteranomaliassa vihreää purppuranpunaisesta ja tritanomaliassa violettia kellertävänvihreästä."[3] Tärkeintä on olla viittaamatta väreihin tekstissä. On todella vaarallista antaa sellaisia ohjeita, kuten lue vihreällä pohjalla oleva teksti tai paina punaista nappia päästäksesi seuraavalle sivulle. Parempi olisi viitata otsikoihin tai nimiin. Punainen nappi ei kaikista ihmisistä välttämättä näytä punaiselta tai vihreä tausta vihreältä. Miten siinä tapauksessa voi tietää, mikä on oikea jatkamistapa? Varsinkin värisokeille suunniteltaessa kannattaa kiinnittää erityistä huomiota kontrasteihin, välttämättä edes harmaasävyotos sivustosta ei kerro totuutta. Alla on esimerkki taustan ja tekstin näkyvyydestä eri värisokeudesta

9 Natalia Kaijalainen 7 kärsivien ihmisten silmin. Ensimmäisessä tapauksessa harmaasävy näyttää hyvältä, mutta siitäkin huolimatta vain kärsivä näkee tekstin kunnolla. Toiseen kuvasarjaan tekstin ja taustan kontrastia on kasvatettu huomattavasti, mikä näkyy heti tekstin parempana näkymisenä värisokeille.[6] (Esimerkkikuvat ovat täydellisistä värisokeuksista eikä värinäön heikkouksista) Kuvat lainattu lähteestä [6]: 1.kuvasarja Normaali värinäkö: Harmaasävynä: Deuteranopia: Protanopia: Tritanopia: Kontrastia suurennetaan 2.kuvasarja Normaali värinäkö: Deuteranopia: Protanopia: Tritanopia: Yhteenveto Värien käyttöä voisi käsitellä vielä laajemmin ja tarkemmin. Internet-sivua suunniteltaessa on hyvä miettiä käyttäjäryhmä etukäteen ja jos saavutettavuudesta ei haluta karsia, pitäisi huomioida erilaisetkin käyttäjät. Mutta jo peruskäyttäjälle sivun värityksen suhteen on rajoituksia. Suunnittelijan on helppo sortua kuvittelemaan omaa sivua hyväksi, sillä sivun tekijä tietää jo valmiiksi, mitä missäkin kohdissa lukee ja mikä pitäisi löytyä helposti. Itse tekemäänsä sivua kohtaan on vaikea olla täysin objektiivinen. Parhaan tulokseen päästään, kun sivua arvioi jokin sitoutumaton taho. Sivuston itsenäistä arviointia varten on olemassa erilaisia tarkistuslistoja, esimerkiksi Maria Eleniakin lista löytyy osoitteesta Värejä käytettäessä on hyvä muista kunnollisen kontrasti, huomiovärien harkittu käyttö, ympäristön odotukset ja tulkinnat, rajoittuneet käyttäjäryhmät sekä muita pienempiä asioita. Kaikkea ei välttämättä tarvitse toteuttaa, mutta hyvä sivusto palvelee kaikkia, joita haluttiinkin.

10 Natalia Kaijalainen 8 Lähteet [ 1 ] Arlainstituutti: Silmät ja Näkeminen [ lainattu 12/2003 [ 2 ] Sinkkonen, Kuoppala, Parkkinen, Vastamäki: Käytettävyyden psykologiaa, Edita/IT Press 2002 [ 3 ] Tero Kivelä, Silmätaudit [ lainattu 12/2003 [ 4 ] Marta Eleniak, Essential Colour Checklists For Web Design [ lainattu 1/2004 [ 5 ] Ari Linfholn, Värit [ lainattu 1/2004 [ 6 ] Robert Hess, Can Color-Blind Users See Your Site? [ lainattu 1/2004

Tilkkuilijan värit. Saana Karlsson

Tilkkuilijan värit. Saana Karlsson Tilkkuilijan värit Saana Karlsson Tilkkutöissä erivärisiä kangaspaloja ommellaan yhteen ja siten muodostetaan erilaisia kuvioita. Värien valinta vaikuttaa siihen miten suunnitellut kuviot tulevat tilkkutyössä

Lisätiedot

Opetusmateriaalin visuaalinen suunnittelu. Kirsi Nousiainen 27.5.2005

Opetusmateriaalin visuaalinen suunnittelu. Kirsi Nousiainen 27.5.2005 Opetusmateriaalin visuaalinen suunnittelu Kirsi Nousiainen 27.5.2005 Visuaalinen suunnittelu Ei ole koristelua Visuaalinen ilme vaikuttaa vastaanottokykyyn rauhallista jaksaa katsoa pitempään ja keskittyä

Lisätiedot

VÄRIT 12.2.2015 WWW-VISUALISOINTI - IIM60110 - VÄRIT

VÄRIT 12.2.2015 WWW-VISUALISOINTI - IIM60110 - VÄRIT VÄRIT 12.2.2015 Väri on silmään saapuvan valon aistittava ominaisuus, joka havaitaan näkö- ja väriaistilla. Värin aistiminen riippuu silmään saapuvan valon sisältämistä aallonpituuksista ja niiden voimakkuuksista.

Lisätiedot

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

Värijärjestelmät. Väritulostuksen esittely. Tulostaminen. Värien käyttäminen. Paperinkäsittely. Huolto. Vianmääritys. Ylläpito. Tällä tulostimella voidaan tulostaa värillisiä asiakirjoja. Värituloste herättää huomiota, lisää arvostusta ja tulosteen tai tietojen arvoa. käyttö lisää lukijoiden määrää, sillä väritulosteet luetaan

Lisätiedot

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

Yliopistojen erilliset palautteet. Webropol kyselyn tulokset. RAPORTTI 2 Uudet värit portaaliin Testipäivä: 26.9.2011 sekä kysely Webropolissa Palvelukonsortion johtoryhmän kokous 3-2011- 3.10.2011 RAPORTTI 2 Uudet värit portaaliin Testipäivä: 26.9.2011 sekä kysely Webropolissa Yliopistojen erilliset palautteet Helsingin yliopisto LIITE R1 Turun

Lisätiedot

Graafiset käyttöliittymät Sivunparantelu

Graafiset käyttöliittymät Sivunparantelu Graafiset käyttöliittymät Sivunparantelu Johdanto Tarkoituksenamme on parantaa Konebox.fi-verkkokaupan nettisivuja. Ensivaikutelman perusteella sivusto tuntuu todella kömpelöltä ja ahdistavalta. Sivu on

Lisätiedot

ARVO - verkkomateriaalien arviointiin

ARVO - verkkomateriaalien arviointiin ARVO - verkkomateriaalien arviointiin Arvioitava kohde: Jenni Rikala: Aloittavan yrityksen suunnittelu, Arvioija: Heli Viinikainen, Arviointipäivämäärä: 12.3.2010 Osa-alue 3/8: Visuaalinen suunnittelu

Lisätiedot

Kun olet valmis tekemään tilauksen, rekisteröidy sovellukseen seuraavasti:

Kun olet valmis tekemään tilauksen, rekisteröidy sovellukseen seuraavasti: HENKILÖKORTTIEN SUUNNITTELUSOVELLUS SOVELLUKSEN KÄYTTÖOHJE Voit kokeilla korttien suunnittelemista valmiiden korttipohjien avulla ilman rekisteröitymistä. Rekisteröityminen vaaditaan vasta, kun olet valmis

Lisätiedot

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

VÄRI ON: Fysiikkaa: valon osatekijä (syntyy valosta, yhdistyy valoon) VÄRI VÄRI ON: Fysiikkaa: valon osatekijä (syntyy valosta, yhdistyy valoon) VÄRI ON: Biologiaa: näköaistimus (solut ja aivot) Kemiaa: pigmentti (väriaine, materiaali) VÄRI ON: VÄRI ON: Psykologiaa: havainto

Lisätiedot

ohjeistus retkikerho

ohjeistus retkikerho Graafinen ohjeistus Esittely Oulun luonnonsuojeluliiton alla toimiva Retkikerho on kanava, jonka avulla voi helposti irrottautua arjesta kaupungin lähiluontoon. Retkitarjonta on hyvin monipuolinen ja kerhon

Lisätiedot

Värit ja niiden merkitys käyttöliittymän visuaalisessa suunnittelussa

Värit ja niiden merkitys käyttöliittymän visuaalisessa suunnittelussa Värit ja niiden merkitys käyttöliittymän visuaalisessa suunnittelussa Mari Mankki 57356S mmankki@cc.hut.fi Sisällysluettelo 1. Värin fysiikka...3 1.1 Värinmuodostus...3 2. Värinäön toiminta...3 2.1 Väriteoriat...5

Lisätiedot

1. STEREOKUVAPARIN OTTAMINEN ANAGLYFIKUVIA VARTEN. Hyvien stereokuvien ottaminen edellyttää kahden perusasian ymmärtämistä.

1. STEREOKUVAPARIN OTTAMINEN ANAGLYFIKUVIA VARTEN. Hyvien stereokuvien ottaminen edellyttää kahden perusasian ymmärtämistä. 3-D ANAGLYFIKUVIEN TUOTTAMINEN Fotogrammetrian ja kaukokartoituksen laboratorio Teknillinen korkeakoulu Petri Rönnholm Perustyövaiheet: A. Ota stereokuvapari B. Poista vasemmasta kuvasta vihreä ja sininen

Lisätiedot

Saksanpystykorvien värit

Saksanpystykorvien värit Saksanpystykorvien värit Ruskea: Kauttaaltaan yksivärinen tummanruskea. Ruskeilla esiintyy joskus harmaata karvaa housuissa, hännässä, silmien ympärillä tai lapojen seudulla. Tämä katsotaan virheeksi tai

Lisätiedot

1 LOGO JA SEN KÄYTTÖ 1.1 LOGO JA TURVA-ALUE VÄRILLINEN LOGO LOGO VÄRILLISELLÄ POHJALLA MUSTA LOGO 7 1.

1 LOGO JA SEN KÄYTTÖ 1.1 LOGO JA TURVA-ALUE VÄRILLINEN LOGO LOGO VÄRILLISELLÄ POHJALLA MUSTA LOGO 7 1. 1 LOGO JA SEN KÄYTTÖ 1.1 LOGO JA TURVA-ALUE 4 1.2 VÄRILLINEN LOGO 5 1.3 LOGO VÄRILLISELLÄ POHJALLA 6 1.4 MUSTA LOGO 7 1.5 EI NÄIN 8 3 1.1 Logo ja turva-alue neste jacobsin logo Neste Jacobsin uusi tekstilogo

Lisätiedot

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

Gimp alkeet XIII 9 luokan ATK-työt/HaJa Sivu 1 / 8. Tasot ja kanavat. Jynkänlahden koulu. Yleistä Gimp alkeet XIII 9 luokan ATK-työt/HaJa Sivu 1 / 8 Tasot ja kanavat Yleistä Tasot eli layerit ovat tärkeä osa nykyajan kuvankäsittelyä. Tasojen perusidea on se, että ne ovat läpinäkyviä "kalvoja", joita

Lisätiedot

Kiipulan ammattiopisto. Liiketalous ja tietojenkäsittely. Erja Saarinen

Kiipulan ammattiopisto. Liiketalous ja tietojenkäsittely. Erja Saarinen Kiipulan ammattiopisto Liiketalous ja tietojenkäsittely Erja Saarinen 2 Sisällysluettelo 1. Johdanto... 3 2. Hyvät internetsivut... 3 3. Kuvien koko... 4 4. Sivujen lataus... 4 5. Sivukartta... 5 6. Sisältö...

Lisätiedot

10/2011 Vinkkejä värivastaavuuden määritykseen

10/2011 Vinkkejä värivastaavuuden määritykseen Sävyvastaavaisuus Hyvä korjaustyö edellyttää joskus että sävyvastaavuus saavutetaan sävyttämällä tai häivytyksen avulla, tai kiillottamalla vanha maali. On siis tärkeää että vertaus alkuperäisen maalin

Lisätiedot

GRAAFINEN OHJEISTUS. Ilves ry

GRAAFINEN OHJEISTUS. Ilves ry GRAAFINEN OHJEISTUS Ilves ry Copyright Ilves ry Versio 1.0 / Marraskuu 2015 YLEISTÄ Tämä ohjeistus on rakennettu ohjenuoraksi Ilves ry:n henkilökunnalle sekä kaikille urheiluseuran sidosryhmille, joilla

Lisätiedot

Picasa 3 -kuvankäsittelyopas, osa 1, valokuvien muokkaus tutuksi

Picasa 3 -kuvankäsittelyopas, osa 1, valokuvien muokkaus tutuksi Picasa 3 -kuvankäsittelyopas, osa 1, valokuvien muokkaus tutuksi Valokuvien muokkaaminen Käynnistettyäsi Picasa-ohjelman, eteesi avautuu niin sanottu arkistonäkymä. Näet täältä olemassa olevia valokuvia.

Lisätiedot

Graafinen ohjeisto 3.2. Tunnus (ilman koulutus-sanaa) ja tunnuksen suoja-alue Tunnuksen muotoilu perustuu sanaan FINVA, erillistä liikemerkkiä ei käytetä. Tunnuksessa yhteen sulautuvat Finanssi ja vakuutus.

Lisätiedot

Metropolia Ammattikorkeakoulu Mediatekniikan koulutusohjelma. Miro Lahdenperä. Visuaalisen suunnittelun raportti VBP06S G

Metropolia Ammattikorkeakoulu Mediatekniikan koulutusohjelma. Miro Lahdenperä. Visuaalisen suunnittelun raportti VBP06S G Metropolia Ammattikorkeakoulu Mediatekniikan koulutusohjelma Miro Lahdenperä Visuaalisen suunnittelun raportti 15.10.2010 VBP06S G 0505188 1. Oppimisteknologiat... 3 2.MobileWorks... 5 3. Print Media...

Lisätiedot

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

PMS 3298 C. (Sanomalehdessä. 100c, 0m, 50y, 5k) PMS 288 C (Sanomalehdessä 95c, 50m, 10y, 5k) PMS 288 C PMS 360 C PMS 220 C PMS 1525 C PMS 143 C SANOMALEHTIIN 95c, 50m, 10y, 5k 35c, 0m, 100y, 0k 15c, 85m, 17y, 5k 10c, 45m, 95y, 2k 100c, 0m, 50y, 5k 0c, 20m, 100y, 0k KÄYTÖSSÄ ON KAKSI ISKULAUSETTA.

Lisätiedot

SISÄLLYS SISÄLLYS TUNNUS SUOJA-ALUE JA PIENIN KOKO VÄRIMÄÄRITYKSET TYPOGRAFIA

SISÄLLYS SISÄLLYS TUNNUS SUOJA-ALUE JA PIENIN KOKO VÄRIMÄÄRITYKSET TYPOGRAFIA Suomen Lions-liitto ry:n GRAAFINEN OHJEISTO SISÄLLYS SISÄLLYS TUNNUS SUOJA-ALUE JA PIENIN KOKO VÄRIMÄÄRITYKSET TYPOGRAFIA 2 3 4 5 6 Suomen Lions-liitto ry:n graafinen ohjeisto on tehty yhtenäistämään järjestön

Lisätiedot

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

Ihminen havaitsijana: Luento 8. Jukka Häkkinen ME-C2600 Ihminen havaitsijana: Luento 8 Jukka Häkkinen ME-C2600 Kevät 2016 1 Luento 8: Värit 2 Luennon rakenne 1. Kolmiväriteoria 2. Vastakkaisväriteoria 3. Illuusioita 4. Värien pysyvyys 3 4 Värit Värinäkö tarkoittaa

Lisätiedot

TERVETULOA VÄRIANALYYSIIN!

TERVETULOA VÄRIANALYYSIIN! TERVETULOA VÄRIANALYYSIIN! www.imagokoulu.fi VÄRIANALYYSI & VÄRIKARTAT 10/21/15 Värianalyysi - Syksy Värianalyysi - Kevät Värianalyysi - Talvi Värianalyysi - Kesä Sopimattomat värit voivat: Tehdä väsyneen

Lisätiedot

Kuvien lisääminen ja käsittely

Kuvien lisääminen ja käsittely Kuvien lisääminen ja käsittely KUVIEN LISÄÄMINEN JA KÄSITTELY Tämä on ote VIS Online Mediahallinta ohjeesta. Kuvia lisätään autojen tietoihin VIS Online kuvankäsittelyohjelmalla. Ohjelma käynnistyy klikkaamalla

Lisätiedot

Graafinen ohjeistus 5/2012

Graafinen ohjeistus 5/2012 Graafinen ohjeistus 5/2012 Tunnus Kauppakamari-tunnus on muotoilultaan selkeä ja moderni nimilogo. Se viestii suoraselkäisen ja pelkistetyn olemuksensa ansiosta luotettavuutta ja asiantuntemusta. Perustunnus

Lisätiedot

GRAAFINEN OHJEISTO OLLILA TRANS OY

GRAAFINEN OHJEISTO OLLILA TRANS OY GRAAFINEN OHJEISTO OLLILA TRANS OY Ohjeiston sisältö Tämän ohjeiston tarkoitus on antaa selkeät suuntaviivat Ollila Trans Oy:n viestinnälle. Annettuja ohjeita noudattamalla yrityksestä annetaan yhtenäinen,

Lisätiedot

Kuvan pehmennys. Tulosteiden hallinta. Tulostaminen. Värien käyttäminen. Paperinkäsittely. Huolto. Vianmääritys. Ylläpito.

Kuvan pehmennys. Tulosteiden hallinta. Tulostaminen. Värien käyttäminen. Paperinkäsittely. Huolto. Vianmääritys. Ylläpito. Tulostinajuri tuottaa parhaan mahdollisen tulostuslaadun erilaisiin tulostustarpeisiin. Joskus saattaa kuitenkin olla tarpeen muuttaa tulostettavan asiakirjan ulkonäköä enemmän kuin tulostinajuri sallii.

Lisätiedot

Ohjeet Finna- julisteen PowerPoint- pohjan muokkaamiseen

Ohjeet Finna- julisteen PowerPoint- pohjan muokkaamiseen Ohjeet Finna- julisteen PowerPoint- pohjan muokkaamiseen Ennen kuin aloitat: 1. Asenna tietokoneeseesi ilmainen Miso Regular fontti, jonka saat täältä: https://www.fontspring.com/fonts/marten- nettelbladt/miso

Lisätiedot

SUOMEN VAPAAKIRKON LAPSI- JA NUORISOTYÖN GRAAFINEN OHJEISTO

SUOMEN VAPAAKIRKON LAPSI- JA NUORISOTYÖN GRAAFINEN OHJEISTO SUOMEN VAPAAKIRKON LAPSI- JA NUORISOTYÖN GRAAFINEN OHJEISTO SISÄLTÖ Johdanto...3 Logo...4 Logon käyttö...6 Logo ja sloganit...8 Typografia...10 Värit...12 Valokuvien käyttö...14 2 Suomen Vapaakirkon lapsi-

Lisätiedot

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

Oppitunti 4 Värit 2. vaaleanvihreä - Tämä on vaaleanvihreä väri. vaaleanvihreä sammakko - Tämä sammakko on vaaleanvihreä. Oppitunti 4 Värit 2 musta - Tämä on musta väri. musta salkku - Tämä salkku on musta. musta sähköpistoke - Tämä sähköpistoke on musta. musta kissa - Tämä kissa on musta. Käännä omalle kielellesi. 1 vaaleanvihreä

Lisätiedot

MAKULIHAN YRITYSILMEEN GRAAFINEN OHJEISTO

MAKULIHAN YRITYSILMEEN GRAAFINEN OHJEISTO MAKULIHAN YRITYSILMEEN GRAAFINEN OHJEISTO 2011 Tämä graafinen ohjeisto esittelee Makulihan logon ja sen sovellukset, sekä antaa ohjeet yritysilmeen käyttöön. Ohjeistoa ja sähköisiä originaaleja käytetään

Lisätiedot

Hanna Airikka P721KNrB/B5222. Verkkosivuanalyysi. raportti Kulttuurituotannon ko.

Hanna Airikka P721KNrB/B5222. Verkkosivuanalyysi. raportti Kulttuurituotannon ko. Hanna Airikka P721KNrB/B5222 Verkkosivuanalyysi raportti Kulttuurituotannon ko. Toukokuu 2011 SISÄLTÖ 1 VERKKOSIVU... 2 1.1 Verkkosivun viesti ja kohderyhmä... 2 1.2 Ulkoasu... 2 1.3 Päivitys... 3 2 POHDINTA...

Lisätiedot

SeaMonkey pikaopas - 1

SeaMonkey pikaopas - 1 SeaMonkey pikaopas SeaMonkey on ilmainen ja yksinkertainen www-sivujen teko-ohjelma. Sillä on kätevää koostaa yksinkertaisia sivuja ilman, että täytyy tietää jotain HTML-koodista. Tämä opas esittelee sivuston

Lisätiedot

SISÄLLYS JOHDANTO 5. KUVAT 1. TUNNUS - SANOMA 6. VERKKOSIVUT 2. TUNNUS - KÄYTTÖ 7. TUOTEKORTIT JA ESITTEET. 2.1 Suoja-alue. 7.

SISÄLLYS JOHDANTO 5. KUVAT 1. TUNNUS - SANOMA 6. VERKKOSIVUT 2. TUNNUS - KÄYTTÖ 7. TUOTEKORTIT JA ESITTEET. 2.1 Suoja-alue. 7. GRAAFINEN OHJEISTO SISÄLLYS JOHDANTO 1. TUNNUS - SANOMA 2. TUNNUS - KÄYTTÖ 2.1 Suoja-alue 2.2 Eri osien käyttö 2.3 Minimikoot 5. KUVAT 6. VERKKOSIVUT 7. TUOTEKORTIT JA ESITTEET 7.1 Tuotekortit 7.2 Esitteet

Lisätiedot

Sisällysluettelo. 1 Johdanto 3

Sisällysluettelo. 1 Johdanto 3 GRAAFINEN OHJEISTO Sisällysluettelo 1 Johdanto 3 2 Logon/liikemerkin rakenne 3 2.1 Logon/liikemerkin rakenne 4 markkinointiviestinnässä 2.2 Suoja-alue 4 2.3 Värit ja esitystavat 5 2.4 Värit markkinointiviestinnässä

Lisätiedot

2. Graafi nen yrityskuva

2. Graafi nen yrityskuva 2. Graafi nen yrityskuva 2.1. Näin käytät tunnisteita 2.2. Liikemerkki / logo ja sen suhteet 2.3. Logon ja sloganin suoja-alueet 2.4. Logon käyttö 2.5. Typografi a 2.6. Värit TULIKIVI OYJ:N GRAAFINEN YRITYSKUVA

Lisätiedot

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

Valon havaitseminen. Näkövirheet ja silmän sairaudet. Silmä Näkö ja optiikka. Taittuminen. Valo. Heijastuminen Näkö Valon havaitseminen Silmä Näkö ja optiikka Näkövirheet ja silmän sairaudet Valo Taittuminen Heijastuminen Silmä Mitä silmän osia tunnistat? Värikalvo? Pupilli? Sarveiskalvo? Kovakalvo? Suonikalvo?

Lisätiedot

VÄREISTÄ JA VAAROISTA

VÄREISTÄ JA VAAROISTA 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ä)

Lisätiedot

Ohjeistus yhdistysten internetpäivittäjille

Ohjeistus yhdistysten internetpäivittäjille Ohjeistus yhdistysten internetpäivittäjille Oman yhdistyksen tietojen päivittäminen www.krell.fi-sivuille Huom! Tarvitset päivittämistä varten tunnukset, jotka saat ottamalla yhteyden Kristillisen Eläkeliiton

Lisätiedot

Ohje tutkielman tekemiseen

Ohje tutkielman tekemiseen Sauvon koulukeskus 2011 Ohje tutkielman tekemiseen Aiheen valinta Etsi materiaalia Valitse itseäsi kiinnostava aihe. Sovi opettajan kanssa aiheen rajaus. Pyydä opettajalta tutkielmapassiin merkintä aiheen

Lisätiedot

Myytävänä olevat tölkinvedin kukkarot

Myytävänä olevat tölkinvedin kukkarot 1 MUSTA/HOPEA ISO YMPYRÄ KUKKARO Koko 13 x 13 cm, pronssinvärinen kehys, pronssinvärinen nappi Hinta euroa 30 euroa+ postikulut 3 euroa MUSTA/KULTA ISO YMPYRÄ KUKKARO Koko 13 x 13 cm, pronssinvärinen kehys,

Lisätiedot

Sami Hirvonen. Ulkoasut Media Works sivustolle

Sami Hirvonen. Ulkoasut Media Works sivustolle Metropolia ammattikorkeakoulu Mediatekniikan koulutusohjelma VBP07S Sami Hirvonen Ulkoasut Media Works sivustolle Loppuraportti 14.10.2010 Visuaalinen suunnittelu 2 Sisällys 1 Johdanto 3 2 Oppimisteknologiat

Lisätiedot

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

Graafinen ohjeistus. Taustaa. Logon elementit. Mittasuhtet. Suoja-alue. Värimääritykset. Logon sijoittelu. Kirjasintyypit eli typografia Graafinen ohjeistus Taustaa Logon elementit Mittasuhtet Suoja-alue Värimääritykset Logon sijoittelu Kirjasintyypit eli typografia Taustaa Nuorten Kotkien alkuperäinen logo on vaakunamalliseen kehyksen

Lisätiedot

TAMPEREEN SISU vuodesta d 1960 GRAAFINEN OHJEISTUS

TAMPEREEN SISU vuodesta d 1960 GRAAFINEN OHJEISTUS TAMPEREEN SISU vuodesta 1960 GRAAFINEN OHJEISTUS Sisällysluettelo LOGO Logo 3 Typografia. 5 Värit... 8 Lomakkeet 10 Kuvitus 12 - A KU UVITUS KEET LOMAKK TYPO GRAFI VÄRIT 2 LOGO TAMPEREEN SISU vuodesta

Lisätiedot

Johtokunta 2.11.2009 155. Graafinen ohjeistus

Johtokunta 2.11.2009 155. Graafinen ohjeistus Johtokunta 2.11.2009 155 Graafinen ohjeistus Sisällys: 1. Käyttäjälle 3 2. Liikelaitoskuntayhtymän logo ja sen käyttö 4 3. Graafisen ilmeen perusvärit 6 4. Kirjasimet ja tekstityypit 7 5. Liikelaitoskuntayhtymän

Lisätiedot

SYMBIANIN SERIES 60 JA PUHELIMEN PERUSTOIMINNOT

SYMBIANIN SERIES 60 JA PUHELIMEN PERUSTOIMINNOT T-121.200 KÄYTTÖLIITTYMÄPSYKOLOGIA SYMBIANIN SERIES 60 JA PUHELIMEN PERUSTOIMINNOT Kirsi Männistö kmannist@cc.hut.fi T-121.200 Käyttöliittymäpsykologia 1 (7) Kirsi Männistö Sisällysluettelo 1 JOHDANTO...

Lisätiedot

Suunnittelijan sana. 3 Logo 4 Logon eri versiot 5 Logon käyttö 6 Logon virheellinen käyttö 7 Värimaailma 8 Typografia

Suunnittelijan sana. 3 Logo 4 Logon eri versiot 5 Logon käyttö 6 Logon virheellinen käyttö 7 Värimaailma 8 Typografia Graafinen ohjeisto Sisältö 2 Suunnittelijan sana 3 Logo 4 Logon eri versiot 5 Logon käyttö 6 Logon virheellinen käyttö 7 Värimaailma 8 Typografia Suunnittelijan sana Tämän graafisen ohjeiston tarkoitus

Lisätiedot

GRAAFINEN OHJEISTO. kesä 2017 / v.1.0

GRAAFINEN OHJEISTO. kesä 2017 / v.1.0 GRAAFINEN OHJEISTO kesä 2017 / v.1.0 JOHDANTO Tämän graafisen ohjeiston tarkoitus on ohjeistaa Eläinterapeutin visuaalisen ilmeen käyttöä ja määritellä ulkoasua, sekä visuaalista viestiä. Graafisen ohjeistoon

Lisätiedot

Näin rakennat mielenkiintoiset nettisivut

Näin rakennat mielenkiintoiset nettisivut Näin rakennat mielenkiintoiset nettisivut Ajattele ennen kuin toimit Ei kannata lähteä suinpäin nettisivuja rakentamaan. Hyvin suunniteltu on enemmän kuin puoliksi tehty. Muuten voi käydä niin, että voit

Lisätiedot

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

The acquisition of science competencies using ICT real time experiments COMBLAB. Kasvihuoneongelma. Valon ja aineen vuorovaikutus. Liian tavallinen! Kasvihuoneongelma Valon ja aineen vuorovaikutus Herra Brown päätti rakentaa puutarhaansa uuden kasvihuoneen. Liian tavallinen! Hänen vaimonsa oli innostunut ideasta. Hän halusi uuden kasvihuoneen olevan

Lisätiedot

GRAAFINEN OHJEISTUS. Urheiluseura Ilves

GRAAFINEN OHJEISTUS. Urheiluseura Ilves GRAAFINEN OHJEISTUS Urheiluseura Ilves Copyright Ilves ry Versio 1.0 / Marraskuu 2015 YLEISTÄ Tämä ohjeistus on rakennettu ohjenuoraksi Ilves ry:n henkilökunnalle sekä kaikille urheiluseuran sidosryhmille,

Lisätiedot

tunnus värit Sisältö typografia johdanto... 3 tunnus... 4 värit... 7 typografia... 8 sovellukset...10 sovellukset

tunnus värit Sisältö typografia johdanto... 3 tunnus... 4 värit... 7 typografia... 8 sovellukset...10 sovellukset Graafinen ohjeisto värit tunnus 2 Sisältö johdanto... 3 tunnus... 4 värit... 7 typografia... 8 sovellukset...10 typografia sovellukset JOHdanto Siuron Piharakennus Oy on kasvava pirkanmaalainen maarakennusyhtiö,

Lisätiedot

KOTISIVUKONE ULKOASUEDITORI

KOTISIVUKONE ULKOASUEDITORI KOTISIVUKONE ULKOASUEDITORI Kun olet luonut itsellesi kotisivut, voit aloittaa ulkoasun yksityiskohtaisemman räätälöimisen. Kotisivukone tarjoaa helppokäyttöisen ulkoasueditorin, jonka avulla saat sivujen

Lisätiedot

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

TEKSTI // FRANK SEBASTIAN HANSEN. Hallitse KUVATYYLIT A S P N F M. Digikuva 2016 TEKSTI // FRANK SEBASTIAN HANSEN Hallitse KUVATYYLIT A S P N F M L 34 Kuvatyylillä Maisema tulee taivaan sinisestä ja kasvien vihreästä kylläisiä. 1/200 SEKUNTI F10 ISO 200 24 MM Jo kuvausvaiheessa voit

Lisätiedot

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

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

Lisätiedot

Valkeakosken ammatti- ja aikuisopiston. Graafinen ohjeisto

Valkeakosken ammatti- ja aikuisopiston. Graafinen ohjeisto Valkeakosken ammatti- ja aikuisopiston Graafinen ohjeisto Logo Liekkireunat Otsikkoteksti Luetteloteksti Osoite Graafisen ilmeen osat Valkeakosken ammatti- ja aikuiskoulutuskeskuksen visuaalinen ilme muodostuu

Lisätiedot

STS Uuden Tapahtuma-dokumentin teko

STS Uuden Tapahtuma-dokumentin teko STS Uuden Tapahtuma-dokumentin teko Valitse vasemmasta reunasta kohta Sisällöt. Sisällöt-näkymä Valitse painike Lisää uusi Tapahtuma 1 Valitse kieleksi Suomi Välilehti 1. Perustiedot Musta reunus kieliversioneliön

Lisätiedot

Oppitunti 7 - osa 1 Numerot 11-26 [yhdestätoista kahteenkymmeneenkuuteen] vaalea ja tumma

Oppitunti 7 - osa 1 Numerot 11-26 [yhdestätoista kahteenkymmeneenkuuteen] vaalea ja tumma Oppitunti 7 - osa 1 Numerot 11-26 [yhdestätoista kahteenkymmeneenkuuteen] vaalea ja tumma 1 yksitoista (11) kaksitoista (12) kolmetoista (13) neljätoista (14) viisitoista (15) kuusitoista (16) seitsemäntoista

Lisätiedot

1.1 Sisäänkirjautuminen ST-Akatemia Online -palveluun kirjaudutaan -osoitteen kautta.

1.1 Sisäänkirjautuminen ST-Akatemia Online -palveluun kirjaudutaan  -osoitteen kautta. Sisällysluettelo ST-Akatemia Online -palvelun käyttöohjeet... 2 1. Kirjautuminen... 2 1.1 Sisäänkirjautuminen... 2 1.2 Uloskirjautuminen... 2 2. Julkaisujen lukeminen... 2 2.1 Julkaisuista palaaminen palvelun

Lisätiedot

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

Tunnus. 1. Suomen Ammattiliittojen Keskusjärjestön SAK:n tunnus perusmuodossaan Graafiset ohjeet 1 1. Suomen Ammattiliittojen Keskusjärjestön SAK:n tunnus perusmuodossaan Tunnus Suomen Ammattiliittojen Keskusjärjestön SAK:n tunnus on järjestön nimen alkukirjaimista muodostettu nimilogo,

Lisätiedot

VERKKOSIVUANALYYSI Suomalaisen musiikin tiedotuskeskus FIMIC

VERKKOSIVUANALYYSI Suomalaisen musiikin tiedotuskeskus FIMIC Markus Lappalainen KT11/P721KNrB VERKKOSIVUANALYYSI Suomalaisen musiikin tiedotuskeskus FIMIC Oppimistehtävä Kulttuurituotannon ko. Toukokuu 2011 SISÄLTÖ 1 FIMIC... 1 2 VISUAALISET NÄKYMÄT... 1 3 AKTIIVISUUS

Lisätiedot

Maanmittauslaitos.fi ja saavutettavuus

Maanmittauslaitos.fi ja saavutettavuus 1 Maanmittauslaitos.fi ja saavutettavuus Miten saavutettavuus otetaan huomioon verkkosivu-uudistuksessa ja sen jälkeen Johanna Ujainen 16.11.2017, #saavuta2017-seminaari 2 Maanmittauslaitos Maa- ja metsätalousministeriön

Lisätiedot

Lahden, Pohjois Karjalan ja Kemi Tornion AMK Effective Reading > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%)

Lahden, Pohjois Karjalan ja Kemi Tornion AMK Effective Reading > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Lahden, Pohjois Karjalan ja Kemi Tornion AMK Effective Reading > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien

Lisätiedot

Hgin kaupungin opetusvirasto Wilma opas huoltajille 1(10) HAKE/Tiepa 28.2.2007 KKa

Hgin kaupungin opetusvirasto Wilma opas huoltajille 1(10) HAKE/Tiepa 28.2.2007 KKa Hgin kaupungin opetusvirasto Wilma opas huoltajille 1(10) :LOPD 0LNl:LOPDRQ" Wilma on internetin kautta toimiva liittymä opettajille, oppilaille ja näiden huoltajille. Se ei ole käyttäjän koneella oleva

Lisätiedot

2.1 Tunnus. TUNNUKSEN KÄYTÖN RAJOITUKSET Käytä kuhunkin käyttötarpeeseen suunniteltuja originaaleja logoversioita www-sivujen logopankista

2.1 Tunnus. TUNNUKSEN KÄYTÖN RAJOITUKSET Käytä kuhunkin käyttötarpeeseen suunniteltuja originaaleja logoversioita www-sivujen logopankista 2.1 Tunnus LAHDEN AMMATTIKORKEAKOULU GRAAFINEN OHJEISTO 7 Lahden ammattikorkeakoulun merkki perustuu vahvaan, tunnistettavaan kirjainmuotoiluun, joka on linjassa ilmeessä käytettävän muun typografian kanssa.

Lisätiedot

Tietosuoja-portaali. päivittäjän ohje

Tietosuoja-portaali. päivittäjän ohje Tietosuoja-portaali päivittäjän ohje Maisa Kinnunen 2010 1 Sisältö PÄIVITTÄJÄN OHJE Kirjautuminen...3 Sivujen tekstin muokkaus...4 Tiedostojen lisääminen palvelimelle...9 Jos sinun pitää selvittää tiedoston/kuvan

Lisätiedot

KÄYTTÖOHJE. Servia. S solutions

KÄYTTÖOHJE. Servia. S solutions KÄYTTÖOHJE Servia S solutions Versio 1.0 Servia S solutions Servia Finland Oy PL 1188 (Microkatu 1) 70211 KUOPIO puh. (017) 441 2780 info@servia.fi www.servia.fi 2001 2004 Servia Finland Oy. Kaikki oikeudet

Lisätiedot

KÄYTTÖLIITTYMÄT. Visuaalinen suunnittelu

KÄYTTÖLIITTYMÄT. Visuaalinen suunnittelu KÄYTTÖLIITTYMÄT Visuaalinen suunnittelu MUISTETTAVA Yksinkertaisuus Selkeys Johdonmukaisuus Sommittelutyyli on säilytettävä samankaltaisen koko sivustossa Sivustolle yhtenäinen ulkoasu Miellyttävä ulkonäkö

Lisätiedot

Näe luonnon värit. Akutex FT värivalikoima

Näe luonnon värit. Akutex FT värivalikoima Näe luonnon värit Akutex FT värivalikoima Näe luonnon värit Akutex FT värivalikoima Uusia värejä hakiessamme olimme yhteydessä laajaan joukkoon eurooppalaisia arkkitehtejä sekä sisustusja tekstiilisuunnittelijoita.

Lisätiedot

Parasta Lapsille. Graafinen ohjeisto. päivitetty 2016

Parasta Lapsille. Graafinen ohjeisto. päivitetty 2016 Parasta Lapsille Graafinen ohjeisto päivitetty 2016 Logo Parasta Lapsille -logo on ollut jo vuosikymmenet samanlainen. Tämän graafisen ohjeiston yhteydessä 2014 logoon tehtiin pientä päivitystä linjoihin

Lisätiedot

SISÄLLYS YRITYSTUNNUS JA SLOGAN 3 YRITYSILMEEN VÄRIT 4 ROTUKARJA-LOGO 5 LUOMU-LOGO 6 KIELLETTYJÄ ESIMERKKEJÄ 7 GRAAFINEN TUNNISTE 8 TYPOGRAFIA 9

SISÄLLYS YRITYSTUNNUS JA SLOGAN 3 YRITYSILMEEN VÄRIT 4 ROTUKARJA-LOGO 5 LUOMU-LOGO 6 KIELLETTYJÄ ESIMERKKEJÄ 7 GRAAFINEN TUNNISTE 8 TYPOGRAFIA 9 GRAAFINEN OHJEISTO SISÄLLYS Tämä graafi nen ohjeisto esittelee Tammisen yritystunnuksen ja sen sovellukset sekä antaa ohjeita yritysilmeen käyttöön. Ohjeiston johdonmukainen käyttö on tärkeää laadukkaan

Lisätiedot

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

Melan graafinen ohje. Tämä ohjeisto esittelee Melan visuaalisen ilmeen peruselementit. Ohjeisto on yhdenmukaisen asiakasviestinnän työkalu. Melan graafinen ohje Tämä ohjeisto esittelee Melan visuaalisen ilmeen peruselementit. Ohjeisto on yhdenmukaisen asiakasviestinnän työkalu. Selkeä ja yhtenäinen ilme vahvistaa positiivista mielikuvaa Melasta.

Lisätiedot

Katseet lattiaan! Lattia on tehty kestämään kovaa kulutusta, mutta sen ei tarvitse näyttää tylsältä. 2-3 johdanto ja sisällysluettelo

Katseet lattiaan! Lattia on tehty kestämään kovaa kulutusta, mutta sen ei tarvitse näyttää tylsältä. 2-3 johdanto ja sisällysluettelo Designlattiat Katseet lattiaan! 2-3 johdanto ja sisällysluettelo 4-5 Vapaa kuviointi Yksilöllinen designlattia on osa tilan identiteettiä. Värittäminen, kuviointi, personointi kaikki on mahdollista. Erikoisefektit

Lisätiedot

Kirjan toteutus BoD easybook -taittotyökalun avulla

Kirjan toteutus BoD easybook -taittotyökalun avulla Kirjan toteutus BoD easybook -taittotyökalun avulla Seuraavilla sivuilla esittelemme yksityiskohtaisesti, miten voit helposti ja nopeasti yhdistää kuvia ja tekstiä easybook -taittotyökalun avulla. Edellytykset

Lisätiedot

ARVO - verkkomateriaalien arviointiin

ARVO - verkkomateriaalien arviointiin ARVO - verkkomateriaalien arviointiin Arvioitava kohde: Jenni Rikala: Aloittavan yrityksen suunnittelu, Arvioija: Heli Viinikainen, Arviointipäivämäärä: 12.3.2010 Osa-alue 8/8: Esteettömyys Edellinen osa-alue

Lisätiedot

PROJEKTIDOKUMENTAATIO OONA KARHUNEN

PROJEKTIDOKUMENTAATIO OONA KARHUNEN PROJEKTIDOKUMENTAATIO OONA KARHUNEN Emilia Ketola Eurajoen kristillinen opisto Avat 2015-2016 1 Projekti... 3 1.1 Asiakas ja kartoitus... 3 1.2 Asiakastapaaminen ja suunnittelu... 3 1.3 Toteutus... 5 1.4

Lisätiedot

Design-värien kokoelma

Design-värien kokoelma Design-värien kokoelma HARLEKIINIVÄRIESITTELY Vastauksia yleisimpiin kysymyksiin Millainen tuote on kyseessä? Harlekiini Basecoat värit sisältävät ainutlaatuista monikerroksisista pigmenttia, joka antaa

Lisätiedot

CEM DT-3353 Pihtimittari

CEM DT-3353 Pihtimittari CEM DT-3353 Pihtimittari Sivu 1/5 CEM DT-3353 Pihtimittari Ongelma Mittarin ohjelmisto ilmoittaa NO DATA vaikka tiedonsiirtokaapeli on kytketty tietokoneen ja mittarin välille, mittarissa on virta päällä

Lisätiedot

Ohjeita uuden Sikavan käyttöön lääkekirjanpidossa

Ohjeita uuden Sikavan käyttöön lääkekirjanpidossa Ohjeita uuden Sikavan käyttöön lääkekirjanpidossa Taustaa Lääkelainsäädännön eläinlääkintään liittyvät lait ja asetukset muuttuivat vuonna 2014. Eläinlääkärillä on mahdollisuus luovuttaa lääkkeitä varalle

Lisätiedot

Kenguru Ecolier, ratkaisut (1 / 5) 4. - 5. luokka

Kenguru Ecolier, ratkaisut (1 / 5) 4. - 5. luokka 3 pisteen tehtävät Kenguru Ecolier, ratkaisut (1 / 5) 1. Missä kenguru on? (A) Ympyrässä ja kolmiossa, mutta ei neliössä. (B) Ympyrässä ja neliössä, mutta ei kolmiossa. (C) Kolmiossa ja neliössä, mutta

Lisätiedot

TYÖNTEKIJÄN KÄYTTÖOHJEET - SOKU

TYÖNTEKIJÄN KÄYTTÖOHJEET - SOKU TYÖNTEKIJÄN KÄYTTÖOHJEET - SOKU ETUSIVU Kun tulet SOKU-järjestelmän (SOKU) etusivulle, näet listan avoimista työpaikoista. Yläpalkissa mustalla ympyröitynä on Kirjaudu-nappi Kun klikkaat sitä, pääset kirjautumissivulle.

Lisätiedot

TIETOKONEEN ASETUKSILLA PARANNAT KÄYTETTÄVYYTTÄ

TIETOKONEEN ASETUKSILLA PARANNAT KÄYTETTÄVYYTTÄ TIETOKONEEN ASETUKSILLA PARANNAT KÄYTETTÄVYYTTÄ Windows XP-käyttöjärjestelmän asetuksilla sekä Word-asetuksilla voit vaikuttaa tietokoneen näytön ulkoasuun, selkeyteen ja helppokäyttöisyyteen.. 1) ASETUKSET

Lisätiedot

Visuaalinen ilme (luonnos)

Visuaalinen ilme (luonnos) Työterveys Helsinki Visuaalinen ilme (luonnos) 24.11.2015 1 Työterveys Helsingin ilmeessä sovelletaan Helsingin kaupungille luotuja visuaalisen ilmeen elementtejä uudella kuosilla, tunnuksella ja väripaletilla

Lisätiedot

3M Toimistotuotteet. Graafinen ohjeisto / Jälleenmyyjät. Näin käytämme. logoja

3M Toimistotuotteet. Graafinen ohjeisto / Jälleenmyyjät. Näin käytämme. logoja 3M Toimistotuotteet Graafinen ohjeisto / Jälleenmyyjät Näin käytämme logoja Sisältö: 1 Yleistä tuotenimistä ja logoista 1 2 3M-logo 1 2.1 3M logon käyttö internetissä 3 3 Post-it -logo 4 3.1 Perusviestilaput

Lisätiedot

Smart Board lukion lyhyen matematiikan opetuksessa

Smart Board lukion lyhyen matematiikan opetuksessa Smart Board lukion lyhyen matematiikan opetuksessa Haasteita opettajalle lukion lyhyen matematiikan opetuksessa ovat havainnollistaminen ja riittämätön aika. Oppitunnin aikana opettaja joutuu usein palamaan

Lisätiedot

Pedanet oppilaan ohje Aleksanteri Kenan koulu Eija Arvola

Pedanet oppilaan ohje Aleksanteri Kenan koulu Eija Arvola Pedanet oppilaan ohje Aleksanteri Kenan koulu Eija Arvola 26.8.2016 SISÄLLYSLUETTELO 1. Omat asetukset kuntoon (kaikkien tehtävä aluksi) sivut 3-5 2. Tärkeiden sivujen tilaaminen omiin linkkeihin sivut

Lisätiedot

Tunnuksen käyttö 28.4. 2014

Tunnuksen käyttö 28.4. 2014 Tunnuksen käyttö 28.4. 2014 Sisältö Saatteeksi Tässä ohjeistossa määritellään Lähienergiatunnuksen käyttöä, linjataan ehdot sen käyttöoikeudelle ja kerrotaan valvonnasta. Ohjeiston tarkoituksena on selkeyttää

Lisätiedot

Käyttöohje. Mooan. Helsinki Ohjelmistotuotantoprojekti HELSINGIN YLIOPISTO Tietojenkäsittelytieteen laitos

Käyttöohje. Mooan. Helsinki Ohjelmistotuotantoprojekti HELSINGIN YLIOPISTO Tietojenkäsittelytieteen laitos Käyttöohje Mooan Helsinki 04.09.2006 Ohjelmistotuotantoprojekti HELSINGIN YLIOPISTO Tietojenkäsittelytieteen laitos Kurssi 581260 Ohjelmistotuotantoprojekti (9+1op/6ov) Projektiryhmä Heikki Aitakangas

Lisätiedot

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

vuodesta 1957 ROOMAN SOPIMUSTEN 50-VUOTISJUHLA GRAAFISET OHJEET Logo Typografia Värit ROOMAN SOPIMUSTEN 50-VUOTISJUHLA GRAAFISET OHJEET Logo Logo Logon koko Suoja-alue Värillinen logo Logon kielikohtaiset versiot Mitä ei saa tehdä Typografia Värit November Marraskuu 2006 Grafikhandbuch

Lisätiedot

1.Esipuhe. Esipuhe. Graafinen ohjeisto Rauman Lukko

1.Esipuhe. Esipuhe. Graafinen ohjeisto Rauman Lukko Sisällys Sisällys 1. Esipuhe Teksti 2. Liikemerkki ja värit eri käyttötilanteissa 2.1 Esimerkkejä liikemerkin käytöstä eri taustoissa 3. Liikemerkin mitat ja suoja-alue 4. Logo ja liikemerkki 5. Slogan

Lisätiedot

Tunnus. Elinkeinoelämän keskusliiton EK:n visuaalinen ilme heijastaa keskusliiton visiota ja missiota sekä uudelle liitolle asetettuja tavoitteita.

Tunnus. Elinkeinoelämän keskusliiton EK:n visuaalinen ilme heijastaa keskusliiton visiota ja missiota sekä uudelle liitolle asetettuja tavoitteita. Graafinen ohjeisto Tunnus Elinkeinoelämän keskusliiton EK:n visuaalinen ilme heijastaa keskusliiton visiota ja missiota sekä uudelle liitolle asetettuja tavoitteita. Visio: Suomi on Euroopan kilpailukykyisin

Lisätiedot

RATA-SM -sarjan graafinen ohjeistus Alkusanat Kuvapankki

RATA-SM -sarjan graafinen ohjeistus Alkusanat Kuvapankki GRAAFINEN OHJEISTUS RATA-SM -sarjan graafinen ohjeistus Tähän ohjeeseen on koottu RATA-SM -sarjan ulkoisessa ja sisäisessä viestinnässä käytettävien materiaalien ulkoasua koskevat ohjeet. Tärkeää on muistaa

Lisätiedot

Tehtävä 1 2 3 4 5 6 7 Vastaus

Tehtävä 1 2 3 4 5 6 7 Vastaus Kenguru Ecolier, vastauslomake Nimi Luokka/Ryhmä Pisteet Kenguruloikka Irrota tämä vastauslomake tehtävämonisteesta. Merkitse tehtävän numeron alle valitsemasi vastausvaihtoehto. Jätä ruutu tyhjäksi, jos

Lisätiedot

UpdateIT 2010: Editorin käyttöohje

UpdateIT 2010: Editorin käyttöohje UpdateIT 2010: Editorin käyttöohje Käyttäjätuki: Suomen Golfpiste Oy Esterinportti 1 00240 HELSINKI Puhelin: (09) 1566 8800 Fax: (09) 1566 8801 E-mail: gp@golfpiste.com Sisällys Editorin käyttöohje...

Lisätiedot

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

HELIA 1 (15) Outi Virkki Käyttöliittymät ja ohjelmiston suunnittelu 23.11.00 13:28 HELIA 1 (15) Luento 3 Käytettävyyden osapuolet... 2 Ihminen tietojenkäsittelijänä... 3 Muistitoiminnot... 4 Työmuisti (lyhytkestoinen muisti )... 4 Säilömuisti (pitkäkestoinen muisti)... 4 Sensoriset muistit...

Lisätiedot

Käyttöohje Contact WP Poca

Käyttöohje Contact WP Poca Käyttöohje Contact WP Poca 1 SISÄLLYSLUETTELO 1 Yleistä...3 2 Tilausvälityssovelluksen käynnistäminen...3 3 Poca-laitteen aktivoiminen...4 3.1 Toiminnon aktivoiminen:...4 4 Tilauksen vastaanottaminen...6

Lisätiedot

Triangle Colorscale. Created for design CMYK GUIDE. Intuitiivinen, tarkka ja käytännöllinen

Triangle Colorscale. Created for design CMYK GUIDE. Intuitiivinen, tarkka ja käytännöllinen Created for design CMYK GUIDE Intuitiivinen, tarkka ja käytännöllinen CMYK GUIDE -kartasta värit löytyvät nopeasti, ja ne ovat painettuina juuri sitä mitä valittiinkin! INTUITIIVINEN Suunnittelijan nopea

Lisätiedot

Avaa ohjelma ja tarvittaessa Tiedosto -> Uusi kilpailutiedosto

Avaa ohjelma ja tarvittaessa Tiedosto -> Uusi kilpailutiedosto Condess ratamestariohjelman käyttö Aloitus ja alkumäärittelyt Avaa ohjelma ja tarvittaessa Tiedosto -> Uusi kilpailutiedosto Kun kysytään kilpailun nimeä, syötä kuvaava nimi. Samaa nimeä käytetään oletuksena

Lisätiedot