Tieteellisten seurain valtuuskunta GRAAFINEN OHJEISTUS. Tieteellisten seurain valtuuskunta versio 1.2 / Tieteen puolesta.

Transkriptio

1 GRAAFINEN OHJEISTUS versio 1.2 / Tieteen puolesta.

2 2 JOHDANTO JA SISÄLLYSLUETTELO Tämä graafinen ohjeisto sisältää valtuuskunnan (myöhemmin TSV ) visuaalisen identiteetin ydinelementtien, kuten värien, typografian ja logon esittelyn, määrittelyn ja ohjeistuksen käytöstä. Ohjeistoa noudattamalla varmistat, että TSV:n visuaalinen identiteetti esiintyy johdonmukaisena ja tunnistettavana kaikissa käyttötapauksissa. Johdanto ja sisällysluettelo...2 Logo...3 Logon väriversiot...4 Logon minimikoko ja suoja-alue...5 Logon sallitut käyttötavat...6 Logon kielletyt käyttötavat...7 Logon kieliversiot...8 Slogan...9 Toiminnan alueiden logot...10 Värit...11 Toiminnan alueiden värit...12 Typografia...13 Typografian ohjearvoja...14 Ruutuelementti...15 Sovellukset...16 Sovellukset, esite...17 Sovellukset, roll-up...18 Sovellukset, Powerpoint...19

3 3 LOGO TSV:n logo koostuu merkistä sekä kirjoitetusta nimilogosta. Ensisijainen logo TSV:n logosta käytetään kahta versioita. Ensisijaisesti käytetään vaakaversiota, jossa liikemerkki ja kirjoitettu logo ovat vierekkäin. Tilasta ja käytöstä riippuen toissijaisesti käytetään pystyversiota. Käytä merkistä ja logosta ainoastaan valmiita originaaleja. Toissijainen logo

4 4 LOGON VÄRIVERSIOT Logosta on olemassa kaksi väriversiota, lila ja valkoinen. Lila Valkoinen Logosta tulee käyttää ensisijaisesti lilaa väriversiota valkoisella tai vaalealla taustalla. Valkoista väriversiota tulee käyttää tapauksissa, joissa logo esiintyy mustalla, tummalla tai värillisellä taustalla. Käytä merkistä ja logosta ainoastaan valmiita originaaleja.

5 5 LOGON MINIMIKOKO JA SUOJA-ALUE Logolle on määritelty minimikoko ja suoja-alue. Minimikoko Suoja-alue Suoja-alueen tarkoituksena on rauhoittaa logon tilaa, jolloin se erottuu riittävästi sisällöstä. Suoja-alueen perusyksikkönä on käytetty liikemerkin muodostamaa neliötä. Suoja-alueen sisälle ei saa lisätä muita graafisiä elementtejä tai sisältöjä. 8 mm 48 px Logon minimikoko on määritelty sekä painettaviin (mm) että digitaaliseen materiaaleihin (pikseli). Minimikoon määrityksiä noudattamalla varmistat, että logo toistuu riittävällä tavalla. 17 mm 100 px

6 6 LOGON SALLITUT KÄYTTÖTAVAT Tällä sivulla on esitetty TSV:n logon sallitut käyttötavat. Varmista aina, että logon ja taustan välinen sävyero ja kontrasti ovat riittävän selkeät. Lilan logon käyttö Valkoisen logon käyttö Lila logo valkoisella taustalla Valkoinen logo mustalla taustalla Lila logo vaalealla taustalla Valkoinen logo tummalla taustalla Lila logo vaalean värillisellä taustalla Valkoinen logo tumman värillisellä taustalla Lila logo vaalean sävyisen kuvan päällä Valkoinen logo tumman sävyisen kuvan päällä

7 7 LOGON KIELLETYT KÄYTTÖTAVAT Tällä sivulla on esimerkkejä logon virheellisestä käytöstä. Noudattamalla tätä ohjeistoa vältetään logon virheellinen käyttö. Käytä merkistä ja logosta ainoastaan valmiita originaaleja. Älä muokkaa logon alkuperäisiä tiedostoja. Älä käytä ohjeiston ulkopuolisia värejä tai yhdistele eri värejä. Äläkä lisää efektejä logoon. Varmista aina, että tunnuksen ja taustan välinen sävyero ja kontrasti ovat riittävän selkeät. Älä vaihda kirjasintyyppiä. Älä muuta logoa vinoon tai muuta sen mittasuhteita. Älä muuta logoa tai lisää sen yhteyteen elementtejä. Älä käytä logoa liian rauhattomalla taustalla.

8 8 LOGON KIELIVERSIOT Tunnuksesta on olemassa kolme kieliversiota, Suomi, Ruotsi ja Englanti. Ruotsin ja Englannin kieliversioissa noudatetaan samoja määrityksiä ja sääntöjä kuin Suomen kieliversiossa. Suomi Ruotsi Englanti Vetenskapliga samfundens delegation Federation of Finnish Learned Societies Vetenskapliga samfundens delegation Federation of Finnish Learned Societies

9 9 SLOGAN Tällä sivulla kuvataan miten TSV:n slogan Tieteen puolesta. asettuu muun ilmeen kanssa. Sloganissa on käytetty samaa kirjasintyyppiä kuin logossa. Älä kirjoita slogania itse, vaan käytä sloganista ainoastaan valmiita originaaleja. Tieteen puolesta. Slogan asetetaan logon kanssa vastakkaiseen kulmaan. Jos logo on aseteltu keskelle aineistoa, myös slogan asetellaan keskelle. Tieteen puolesta. Tieteen puolesta. Tieteen puolesta.

10 10 TOIMINNAN ALUEIDEN LOGOT TSV:n logon rakenne säilyy samana tominnan alueiden logoissa. Toiminnan alueiden logojen käytössä tulee noudattaa samoja määrityksiä ja sääntöjä kuin emobrändin logossa. Avoin tiede Avoin tiede Tieteen päivät Vetenskapsdagarna Tieteen päivät Vetenskapsdagarna Käytä toiminnan alueiden merkeistä ja logoista ainoastaan valmiita originaaleja. Julkaisufoorumi Julkaisufoorumi Tiedettä kaupungissa Tiedettä kaupungissa Tiedekirja Tiedekirja Tieteiden talo Tieteiden talo Tieteessä tapahtuu Tieteessä tapahtuu

11 11 VÄRIT Tällä sivulla on esitelty TSV:n värisävyt ja määritykset. Värimääritykset on tehty digitaalista käyttöä varten (RGB) sekä neliväripainamiseen ja tulostamiseen (CMYK). Päävärit Valkoinen RGB 255 / 255 / 255 CMYK 0 / 0 / 0 / 0 HTML #ffffff Musta RGB 0 / 0 / 0 CMYK 0 / 0 / 0 / 100 HTML # Lila RGB 64 / 28 / 74 CMYK 78 / 97 / 38 / 39 HTML #401c4a Pinkki RGB 255 / 157 / 152 CMYK 0 / 48 / 29 / 100 HTML #ff9e99 Eri toiminnan alueiden värit toimivat emobrändin lisäväreinä. Vastaavasti kun kyseessä on joku toinen toiminnan ala, käytetään emobrändin päävärejä (lilaa ja pinkkiä) lisävärien joukossa. Seuraavalla sivulla tarkempi ohjeistus toiminnan alueiden värien määrittelystä ja käytöstä. 90% 80% 70% 60% 50% 90% 80% 70% 60% 50% 90% 80% 70% 60% 50% Lisävärit (toiminnan alueet) Sininen RGB 0 / 66 / 107 CMYK 77 / 34 / 20 / 100 HTML #00426b Petroli RGB 46 / 144 / 167 CMYK 78 / 29 / 28 / 1 HTML #2e8fa6 Metsä RGB 0 / 157 / 125 CMYK 82 / 14 / 64 / 1 HTML #009e7d Vihreä RGB 116 / 193 / 116 CMYK 57 / 0 / 74 / 0 HTML #73c273 Punainen RGB 234 / 97 / 94 CMYK 3 / 77 / 59 / 0 HTML #eb615e Oranssi RGB 249 / 127 / 81 CMYK 0 / 62 / 72 / 0 HTML #fa % 80% 70% 60% 50% 90% 80% 70% 60% 50% 90% 80% 70% 60% 50% 90% 80% 70% 60% 50% 90% 80% 70% 60% 50% 90% 80% 70% 60% 50%

12 12 TOIMINNAN ALUEIDEN VÄRIT Tällä sivulla on esitelty TSV:n eri toiminnan alueiden värisävyt. Katso tarkemmat värimääritykset edelliseltä sivulta. Toiminnan alueet Avoin tiede Päävärit Lisävärit * Tieteessä tapahtuu -logolla on ainoastaan yksi pääväri. Väri on mustasta johdettu harmaansävy. RGB 128 / 128 / 128 CMYK 52 / 43 / 43 / 8 HTML # Julkaisufoorumi Tiedekirja * Tieteessä tapahtuu Tieteen päivät Vetenskapsdagarna Tiedettä kaupungissa Tieteiden talo

13 13 TYPOGRAFIA TSV:n käyttämät kirjasintyypit ovat sekä painetussa- että digitaalisessa viestinnässä Oswald Bold (otsikko) ja Open Sans, jotka ovat monikäyttöisiä, selkeitä ja moderneja kirjasintyyppejä. Ensisijainen kirjasinperhe toimii hyvin kaikissa ympäristöissä ja on ladattavissa ilmaiseksi osoitteessa: fonts.google.com Korvaavana kirjasinperheenä käytetään Arialia, joka on järjestelmäkirjasintyyppi. Se löytyy oletusarvoisesti asennettuna kaikista tietokoneista. Tätä kirjasintyyppiä suositellaan käytettäväksi esim. Microsoft Office -ohjelmien kanssa. Ensisijainen kirjasinperhe Oswald BOLD ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö Korvaava kirjasinperhe Arial REGULAR ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö BOLD ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö Open Sans LIGHT ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö REGULAR ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö BOLD ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö

14 14 TYPOGRAFIAN OHJEARVOJA Tällä sivulla on esitelty kirjasintyyppien peruskäytölle määriteltyjä ohjearvoja. TSV:n typografia on selkeä ja helppo käyttää. Oheista hierarkiaa noudattamalla varmistat, että TSV:n typografinen tyyli pysyy selkeänä, tunnistettavana ja johdonmukaisena. Ohjearvoja 1 Fontti: Open Sans Bold Tasaus: vasen Kirjasinlaji: versaali Pistekoko: pt Harvennus: Fontti: Oswald Bold Tasaus: vasen Kirjasinlaji: versaali Pistekoko: pt Riviväli: pt Harvennus: Fontti: Open Sans Light Tasaus: vasen Kirjasinlaji: gemena Pistekoko: pt Riviväli: pt Harvennus: 0 4 Fontti: Open Sans Regular Tasaus: vasen Kirjasinlaji: gemena Pistekoko: 8 12 pt Riviväli: pt Harvennus: 0 Malliesimerkki 1 VIITTEEN TYYLI 2 3 OTSIKON TYYLI ON TÄSSÄ. LOREM IPSUM DOLOR SIT. Ingressin tekstityyli on tässä. Ugiam comnis sus ipsantiam, que vollaut quam, veritiumque nectat. 4 Tämä on leipätekstin tekstityyli. Ulparupiendem et imi, od quis maximpe dipsanit, undebiti inullam est od endaepe evelles tibusa nobisquo volores debiscidis deribusam, expvit faceatur? Illit maximagnis et et eossum, cores ut que pario con re, officipitae ea sint dolorentur? Qui cupiciam, estibus nonsequ idende provid quidebi tatqui netur ad ullant esent eum nonsequ unturem net.

15 15 RUUTUELEMENTTI TSV:n ilmettä tukevana elementtinä käytetään ruutua, joka muodostuu logon ruudun mittasuhteiden mukaan. Ruutuelementtiä voidaan käyttää mm. kuvioinneissa tai suurena rajaavana elementtinä, jolloin ruudun sisälle voidaan sijoittaa esim. valokuva. Seuraavilla sivuilla esimerkkejä ruutuelementin käytöstä.

16 16 SOVELLUKSET

17 SOVELLUKSET, ESITE 17

18 18 SOVELLUKSET, ROLL-UP

19 19 SOVELLUKSET, POWERPOINT Tällä sivulla on esitelty TSV:n Power-Point -esitysten tyypillisimmät esityspohjat. Taulukoita käyttäessä voi apuna käyttää TSV:n lisäväripalettia. Otsikkodia Sisältödia Lorem ipsum dolor sit Pyri kuitenkin välttämään liian monenkirjavaa esitystä, jotta kokonaisuus pysyy selkeänä. Lorem ipsum dolor sit Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 4 2/2/16 4 2/2/16 Sisältödia kuvalla Väliotsikkodia Lorem ipsum dolor sit Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet Nimusani solupta 4 2/2/16 4 2/2/16

20