Värien käyttö tiedottavissa www-sivuissa
|
|
- Mika Lehtilä
- 8 vuotta sitten
- Katselukertoja:
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 Tilkkutöissä erivärisiä kangaspaloja ommellaan yhteen ja siten muodostetaan erilaisia kuvioita. Värien valinta vaikuttaa siihen miten suunnitellut kuviot tulevat tilkkutyössä
LisätiedotOpetusmateriaalin 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ätiedotVä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ätiedotVÄ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ätiedotGraafiset 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ätiedotYliopistojen 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ätiedotARVO - 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ätiedotKun 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ätiedotMAASEUDUN SIVISTYSLIITON GRAAFINEN OHJEISTO 1.1. Maaseudun Sivistysliiton graafinen ohjeisto 1.1
Maaseudun Sivistysliiton graafinen ohjeisto 1.1 Hahmo Design Oy 2.3.2018 Sisällysluettelo Ydinilme MSL:n tunnus 3 Tunnuksen käyttö 4 Tunnusoriginaalitiedostot 5 Värit 6 Typografia 7 2 ydinilme > tunnus
LisätiedotKiipulan 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ätiedotVÄ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ätiedotohjeistus 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ätiedotVä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ätiedotSaksanpystykorvien 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ätiedotGimp 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ätiedot1. 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ätiedot1 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ätiedotVERKOSTO GRAAFINEN OHJE
2018 SISÄLTÖ 3 Pikaohje 4 Tunnus ja suoja-alue 5 Tunnuksen versiot 6 Tunnuksen käyttö 7 Fontit 8 Värit 9 Soveltaminen ----- 10 Verkosto Lapset 2 suoja-alue Tunnuksen suoja-alueen sisäpuolella ei saa olla
Lisätiedot10/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ätiedotKuvien 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ätiedotPicasa 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ätiedotOhje 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ätiedotPMS 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ätiedotGRAAFINEN 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ätiedotGraafinen 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ätiedotMetropolia 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ätiedotGraafinen 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ätiedotSISÄ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ätiedotIhminen 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ätiedotTERVETULOA 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ätiedotMAKULIHAN 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ätiedotSeaMonkey 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ätiedotOhjeet 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ätiedotSisä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ätiedotOppitunti 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ätiedotGRAAFINEN 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ätiedotKuvan 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ätiedotSUOMEN 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ätiedotVÄYLÄVIRASTO GRAAFINEN OHJEISTO 4/2019
VÄYLÄVIRASTO GRAAFINEN OHJEISTO 4/2019 YKSINKERTAINEN ON KAUNISTA Väylän liikemerkki koostuu sanasta VÄYLÄ ja sinisen sävyisestä tunnuksesta. Tunnuksessa on V-kirjain, jonka negatiivisesta tilasta muodostuu
LisätiedotHanna 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ätiedotLOGO 2. LOGO. Autokeskuksen yritystunnus on Autokeskus-logo.
8 LOGO Autokeskuksen yritystunnus on Autokeskus-logo. Autokeskuksen logoa käytetään aina vaakamuodossa. Logoa ei saa latoa, piirtää tai asetella uudelleen. Logon mittasuhteita tai väritystä ei saa muuttaa.
LisätiedotSISÄ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ätiedot2. 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ätiedotSuunnittelijan 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ätiedotValon 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ätiedotGraafinen 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ätiedotArvokas. Graafinen ohjeistus
Graafinen ohjeistus Sinä olet arvokas! -ohjelma rakentaa yhdenvertaisempaa Suomea, jossa jokaisella lähtökohdista ja elämäntilanteesta riippumatta on mahdollisuus kokea olevansa merkityksellinen osa yhteisöä
LisätiedotVÄ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ätiedotOhjeistus 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ätiedotGRAAFINEN 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ätiedottunnus 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ätiedotMyytä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ätiedotCEM 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ätiedotJohtokunta 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ätiedotSami 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ätiedotTAMPEREEN 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ätiedotSYMBIANIN 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ätiedotSuupohjan koulutuskuntayhtymä. Graafinen ohjeisto
Suupohjan koulutuskuntayhtymä Graafinen ohjeisto Graafinen ohjeisto Tämä graafinen ohjeisto antaa perusohjeet Vuoksin visuaalisen ilmeen käytöstä markkinointiviestinnässä. Graafisen ohjeiston noudattamisella
LisätiedotNä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ätiedotThe 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ätiedotTEKSTI // 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ätiedotKÄ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ätiedotKOTISIVUKONE 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ätiedotSamsung Galaxy Tab tietokoneen käyttöohje
Tervetuloa käyttämään Samsungin Galaxy Tab tietokonetta Laitteen keskeinen ominaisuus on 7 tuuman kosketusnäyttö, jonka alapuolella ole neljä (4) taustavalaistua ohjausnäppäintä, ja yläpuolella 1.3 pixelin
LisätiedotOppitunti 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ätiedotValkeakosken 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ätiedotSTS 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ätiedotNä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ätiedotIHTE-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ätiedot1.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ätiedotKirjan 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ätiedotTunnus. 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ätiedotKenguru 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ätiedotPROJEKTIDOKUMENTAATIO 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ätiedotTIETOKONEEN 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ätiedotGRAAFINEN OHJEISTO
GRAAFINEN OHJEISTO SISÄLTÖ LEIRITUNNUS 3 LEIRITUNNUKSEN KÄYTTÖ 4 SUOMEN PARTIOLAISTEN TUNNUS 5 TYPOGRAFIA & VÄRIT 6 VÄRIEN, KUOSIEN JA TYPOGRAFIAN KÄYTTÖ 7 ILME-ESIMERKKI 8 KUVIEN KÄYTÖSTÄ 9 KÄYTTÖOHJE:
LisätiedotLahden, 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ätiedotMaanmittauslaitos.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ätiedotGraafinen ohjeistus Taidekaupunki-logo
Graafinen ohjeistus Taidekaupunki-logo Ohjeistuksessa määriteltyjä raja-arvoja ja värejä tulee noudattaa aina mahdollisuuksien mukaan ellei toisin sovita. SUOJA-ALUE Suoja-alue määräytyy merkissä olevan
LisätiedotGRAAFINEN 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ätiedotTEKSTI JA TYPOGRAFIA LEHDESSÄ. Johdanto Arja Karhumaa
TEKSTI JA TYPOGRAFIA LEHDESSÄ Johdanto Arja Karhumaa TYPOGRAFIA LEHDESSÄ Kaikkein tärkein identiteetin, genren ja visuaalisen luonteen ilmaisija Monta tehtävää: 1. Kerronta Typografian tärkein tehtävä:
LisätiedotHgin 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ätiedotGraafinen ohjeistus. 3. versio / 2019
Graafinen ohjeistus 3. versio / 2019 Alkusanat Helmet-logo on pääkaupunkiseudun Helmet-kirjastojen logo. Helmet-kirjasto on Espoon, Helsingin, Kauniaisten ja Vantaan kaupunginkirjastojen kirjastoverkko.
Lisätiedot2.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ätiedotSisältö. Graafisen ohjeiston tarkoitus 3 Typografia 4-5 Logo ja liikemerkki 6 Värimaailma 7 Huomioitavaa logosta ja väreistä 8 Maskotti 9 Pohjia 10-12
Graafinen Ohjeisto Sisältö Graafisen ohjeiston tarkoitus 3 Typografia 4-5 Logo ja liikemerkki 6 Värimaailma 7 Huomioitavaa logosta ja väreistä 8 Maskotti 9 Pohjia 10-12 Ella Nurminen Työssäoppimisen näyttötyö
Lisätiedot1 Yleistä Kooste-objektista... 3. 1.1 Käyttöönotto... 3. 2 Kooste-objektin luominen... 4. 3 Sisällön lisääminen Kooste objektiin... 4. 3.1 Sivut...
Kooste 2 Optima Kooste-ohje Sisällysluettelo 1 Yleistä Kooste-objektista... 3 1.1 Käyttöönotto... 3 2 Kooste-objektin luominen... 4 3 Sisällön lisääminen Kooste objektiin... 4 3.1 Sivut... 5 3.2 Sisältölohkot...
LisätiedotTietosuoja-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ätiedotTehtä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ätiedotKÄ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ätiedotvuodesta 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ätiedotKatseet 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ätiedotSISÄ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ätiedotParasta 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ätiedotTunnus. 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ätiedot1.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ätiedotAvaa 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ätiedotMelan 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ätiedotARVO - 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ätiedotSMART Board harjoituksia 09 - Notebook 10 Notebookin perustyökalujen käyttäminen 2 Yritä tehdä tehtävät sivulta 1 ilman että katsot vastauksia.
SMART Board harjoituksia 09 - Notebookin perustyökalujen käyttäminen 2 Yritä tehdä tehtävät sivulta 1 ilman että katsot vastauksia. http://www.kouluon.fi/ Harjoitus 1-09: Taikakynä Avaa edellisessä harjoituksessa
LisätiedotJos olet jo kirjautunut palveluun, näin pääset tilillesi: Anna sähköpostiosoitteesi ja salasanasi. Napsauta Sisäänkirjautuminen.
Onko tämä ensimmäinen käyntisi? Napsauta kohtaa Rekisteröidy. Täydennä avautuvalle sivulle sähköpostiosoitteesi ja anna salasana. Napsauta Seuraava, lue ja hyväksy tietosuojakäytäntö. Jos olet jo kirjautunut
Lisätiedot