TIVIA GRAAFINEN OHJEISTO
Visuaaliset ydinelementtimme Graafinen ohjeisto antaa tarkat määritelmät Tieto- ja viestintätekniikan ammattilaiset ry:n ilmeen ydinelementeistä. Ohjeiston päämääränä on yhdenmukaistaa TIVIA-ilmeen päivittäistä näkyvyyttä. Ohjeisto sisältää TIVIA-nimen kirjoitusohjeet, logon käyttöohjeet, värimääritykset, fontit, muodot ja antaa vinkkejä ilmeen erilaisista sovelluksista. 2
Logo Logo on brändin kiteytetyin ilmentymä. Tämän vuoksi sitä pitää käyttää aina oikein ja johdonmukaisesti. Logo tulee aina esittää täsmälleen sellaisena kuin se on suunniteltu. Logoa ei saa koskaan muuttaa, muunnella tai yrittää jäljitellä piirtämällä sitä uudelleen. Käytä aina alkuperäisiä tiedosto-originaaleja. Varmista, että painotuotteissa ja julkaisuissa on käytössä vektoroitu tiedostomuoto. 3 Logon suoja-alue on i-kirjaimen pisteen korkeus. Suoja-alueen sisäpuolelle ei tule sijoittaa muita graafisia elementtejä tai tekstiä.
Logo ja teksti Varsinaisen logon lisäksi on määritetty kolme eri tapaa sijoittaa Tieto- ja viestintätekniikan ammattilaiset ry -teksti. V = Tasattuna oikealle O = Tasattuna vasemmalle K = Tasattuna keskelle V O K 4
Logoversiot ja tiedostomuodot Logosta on tuotettu versioita eri käyttötarkoituksiin kuten vektoritiedostot painotuotteisiin sekä pikselitiedostot verkkoon ja toimistosovelluksiin. Logon originaalitiedostojen nimeämistapa kertoo tunnuksen sävyn positiivi- tai negatiiviversion, väriavaruuden ja tiedostomuodon. 5 TIVIA_logo_nega_cmyk.eps Nimi Sävy, soveltuvuus Väriavaruus Tiedostomuoto Värilinen Mustavalkoinen Negatiivi (valkoinen) TIVIA_logo_cmyk.eps TIVIA_logo_cmyk.pdf TIVIA_logo_musta_cmyk.eps TIVIA_logo_musta_cmyk.pdf TIVIA_logo_nega_cmyk.eps TIVIA_logo_rgb.png TIVIA_logo_rgb.jpg TIVIA_logo_musta_rgb.png TIVIA_logo_musta_rgb.jpg TIVIA_logo_nega_rgb.png
Tekstillisen logon versiot ja tiedostomuodot Logosta on tuotettu versioita eri käyttötarkoituksiin kuten vektoritiedostot painotuotteisiin sekä pikselitiedostot verkkoon ja toimistosovelluksiin. Logon originaalitiedostojen nimeämistapa kertoo tunnuksen sävyn positiivi- tai negatiiviversion, väriavaruuden ja tiedostomuodon. Tekstin asettelu on nimetty kirjaintunnuksella: V = Tasattuna oikealle O = Tasattuna vasemmalle K = Tasattuna keskelle 6 TIVIA_logo_V_nega_cmyk.eps Nimi Tekstin asettelu Sävy, soveltuvuus Väriavaruus Tiedostomuoto Tasattuna oikealle Tasattuna keskelle Tasattuna vasemmalle Värillinen Värillinen Värillinen TIVIA_logo_O_cmyk.eps TIVIA_logo_O_cmyk.pdf TIVIA_logo_K_cmyk.eps TIVIA_logo_K_cmyk.pdf TIVIA_logo_V_cmyk.eps TIVIA_logo_V_cmyk.pdf TIVIA_logo_O_rgb.png TIVIA_logo_O_rgb.jpg TIVIA_logo_K_rgb.png TIVIA_logo_K_rgb.jpg TIVIA_logo_V_rgb.png TIVIA_logo_V_rgb.jpg Mustavalkoinen Mustavalkoinen Mustavalkoinen TIVIA_logo_O_musta_cmyk.eps TIVIA_logo_O_musta_cmyk.pdf TIVIA_logo_K_musta_cmyk.eps TIVIA_logo_K_musta_cmyk.pdf TIVIA_logo_V_musta_cmyk.eps TIVIA_logo_V_musta_cmyk.pdf TIVIA_logo_O_musta_rgb.png TIVIA_logo_O_musta_rgb.jpg TIVIA_logo_K_musta_rgb.png TIVIA_logo_K_musta_rgb.jpg TIVIA_logo_V_musta_rgb.png TIVIA_logo_V_musta_rgb.jpg Negatiivi (valkoinen) Negatiivi (valkoinen) Negatiivi (valkoinen) TIVIA_logo_O_nega_cmyk.eps TIVIA_logo_K_nega_cmyk.eps TIVIA_logo_V_nega_cmyk.eps TIVIA_logo_O_nega_rgb.png TIVIA_logo_K_nega_rgb.png TIVIA_logo_V_nega_rgb.png
i! -tunnus Tätä versioita voi käyttää kuvittavana elementtinä ja varsinaisen logon korvaajana silloin, kun jossain muussa kohtaa samaa mediaa/sovellusta lukee koko nimi Tieto- ja viestintätekniikan ammattilaiset ry tai varsinainen logo on käytössä. i! -tunnus Tieto- ja viestintätekniikan ammattilaiset ry i! -ikoni Tunnuksesta on luotu myös ikoniversio, joka soveltuu käytettäväksi hyvin esimerkiksi sosiaalisessa mediassa. i! -ikoni 7
VIHREÄ Pääväri Väri viestii brändin persoonallisuudesta ja rakentaa tunnistettavaa brändiä. Käytä aina vain ohessa määriteltyjä värisävyjä, jotta värimaailma säilyy johdonmukaisena ja oikeana. Lisävärit Lisävärejä on tarkoitus käyttää rohkeasti vihreän värin rinnalla. Määriteltyjä värejä käytetään laajalti erilaisissa graafisissa elementeissä, kuten taustoissa ja muodoissa. Värien tarkoitus on luoda ilmeestä monipuolinen, värikäs ja raikas kokonaisuus. Lisäväreillä ilmeeseen voi luoda esimerkiksi lisää leikkisyyttä. 8 CMYK 90, 0, 90, 0 RGB 39, 174, 96 #27ae60 PANTONE 7482 RAL 6024 VIHREÄ SININEN PURPPURA CMYK 60, 0, 100, 0 RGB 108, 206, 51 #6cce33 PANTONE 368 RAL 6018 CMYK 90, 20, 0, 0 RGB 52, 152, 219 #3498db PANTONE 2925 RAL 5012 CMYK 0, 90, 0, 0 RGB 254, 24, 162 #fe18a2 PANTONE 219 RAL 4003 ORANSSI KELTAINEN HARMAA CMYK 0, 75, 100, 0 RGB 254, 96, 19 #fe6013 PANTONE 172 RAL 2004 CMYK 0, 20, 100, 0 RGB 255, 203, 4 #ffcb04 PANTONE 123 RAL 1023 CMYK 40, 0, 0, 80 RGB 52, 73,94 #34495e PANTONE 7546 RAL 7015
Open Sans -kirjasinperhettä käytetään ensisijaisena kirjasintyyppinä TIVIAmateriaaleissa lukuun ottamatta Microsoft office -sovelluksia. Open Sans -kirjasinperheen voi ladata verkosta osoitteista: : http://www.fontsquirrel.com : http://www.google.com/fonts Open Sans Light Open Sans Bold Open Sans Regular Open Sans Exrabold Open Sans Semibold 9
Segoe UI -kirjasinperhettä käytetään vain Microsoft office -ohjelmissa, kuten PowerPoint ja Word. Segoe UI -kirjasinperhe on valmiiksi asennettuna Microsoft Windows -käyttöjärjestelmässä. 10 Segoe UI Segoe UI Semibold
Muotokieli TIVIA-ilmeen ydinelementtejä on TIVIA-logon kirjainten ja i! -tunnuksen monimuotoinen ja leikkisä käyttö. TIVIA-logon kirjaimia voidaan sijoittaa päällekkäin, rajata niistä osia, sekä luoda kuviosarjoja ja väripintoja. Kuvioissa ja muodoissa voidaan yhdistellä kaikkia TIVIAn brändivärejä (pää- ja lisävärit). 11
Sovellusmalleja Malleja visuaalisesta kokonaisuudesta, eli siitä, miten ilmeen ydinelementtejä käytetään yhdessä erilaisissa sovelluksissa. Rem di di optae seriberchit molo to dolore ventis et rene nonetur? Abo. Suntempos dis utet quossed quam, unt.dusa cum, omnis modi Rem di di optae seriberchit molo to dolore ventis et rene nonetur? Abo. Suntempos dis utet quossed quam, unt.dusa cum, omnis modi aut volloribus di dit, eos dentist, sitem et maximus, si id quibea Rem di optae Rem di di optae seriberchit molo to dolore ventis et rene nonetur? Abo. Suntempos dis utet quossed quam, unt.dusa Rem di di optae seriberchit molo to dolore ventis et rene nonetur? Abo. Suntempos dis utet quossed quam, unt.dusa sitem et maximus, si id quibea simpeli tatur, unduciu Seriberchit molo to dolore ventis et rene nonetur? Abo. Suntempos dis utet quossed quam, unt.dusa cum, omnis modi aut volloribus di dit, eos dentist, sitem et maximus, si id quibea simpeli tatur. Toistuvia muotoja ovat mm. T, I, V, I ja A -kirjaimet, ympyrät ja huutomerkit. 12 aut volloribus di dit, eos dentist, cum, omnis modi aut volloribus di dit, eos dentist, sitem et maximus, si id quibea Rem di di optae seriberchit molo to dolore ventis et rene nonetur? Abo. Suntempos dis utet quossed quam, unt.dusa cum, omnis modi Rem di di optae seriberchit molo to dolore ventis et rene nonetur? Abo. Suntempos dis utet quossed quam, unt.dusa cum, omnis modi aut