Humanistinen ammattikorkeakoulu Graafinen ohjeisto. versio 1.01,

Transkriptio

1 Humanistinen ammattikorkeakoulu Graafinen ohjeisto versio 1.01,

2 SISÄLLYSLUETTELO SAATESANAT 3 01 TUNNUS Tunnuksen osat ja versiot 4 Negatiiviversiot 5 Kieliversiot 6 Merkin käyttö 7 Suoja-alueet ja minimikoot 8 Mustavalkoiset versiot 9 Tunnuksen virheellinen 10 käyttö 02 TUNNUSVÄRIT TYPOGRAFIA Ensisijaiset kirjaintyypit 12 Typografia HUMAKIN sisäisessä 13 tai digitaalisessa käytössä 04 KUVAT JA KUVITUS Merkistä johdedut 14 kuvituselementit Kuvituselementtien käyttö 15 typografian kanssa Täplien ja kuosin käyttö SOVELLUKSET Käyntikortti, 18 kirjekuori ja Saatelomake 07 HUMAKIN TUNNUSTIEDOSTOT 19 2 /20

3 SAATESANAT MERKKI LOGO KUVA 1.1: HUMAKIN UUSI TUNNUS Humakin uusi tunnus koostuu oransseista täplistä, joista jokainen on erilainen ja uniikki. Yhteen kerääntyneinä ne muodostavat joukon, joka kajauttaa ilmoille huudon "Humak". Tunnus korostaa yhteisöllisyyden ja verkostoitumisen tärkeyttä. Käsin piirretty tunnus viestii rentoudesta ja luovuudesta ja lämmin oranssi väri positiivisuudesta ja energisyydestä (kuva 1,1). KUVA 1.2: VANHAT TUNNUKSET Humakin uusi tunnus korvaa vanhan tunnuksen ja ilme-elementit kaikissa yhteyksissä (kuva 1,2). 3 /20

4 01 TUNNUS TUNNUKSEN OSAT JA VERSIOT KUVA 1.1: PYSTYTUNNUS KUVA 1.2: VAAKATUNNUS Humanistisen ammattikorkeakoulun tunnus muodostuu Humak-merkistä ja Humanistinen ammattikorkeakoulu-nimen virallisesta kirjoitusasusta logosta. Humakin tunnus koostuu kahdesta elementistä (KUVA 1.3): merkistä ja logotyypistä. Merkin ja logon välistä suhdetta, väriä tai asettelua ei tule muuttaa. Tunnus on aina yhtenäinen kokonaisuus eikä pelkkää logotyyppiä tule käyttää itsenäisenä elementtinä. Humakin tunnuksesta on kaksi pääasiallista versioita: pysty- (KUVA 1.1) sekä vaakaversio (KUVA 1.2). Versioista voidaan käyttää kumpaa vain tilanteesta riippuen. KUVA 1.3 KÄYTTÖ ORANSSILLA TAUSTALLA Värillinen tunnus ja negatiivitunnus ovat Humakin pääasiallisia tunnusversioita. 4 /20

5 01 TUNNUS NEGATIIVIVERSIOT Tunnuksen negatiiviversiota tulee käyttää aina taustan ollessa musta tai värillinen. KÄYTTÖ MUSTALLA TAUSTALLA Negatiiviversiota voi käyttää myös kuvan päällä, kunhan tausta ei ole liian sekava. 5 /20

6 01 TUNNUS KIELIVERSIOT KUVA 1.1: PYSTYTUNNUS KUVA 1.2: VAAKATUNNUS Humak-tunnuksista on olemassa myös kansainväliset versiot, joissa "Humanistinen ammattikorkeakoulu"-teksti on korvattu "University of applied sciences"-tekstillä (KUVA 1.1, KUVA 1.2). Liiallisen toiston välttämiseksi kansainvälistä tunnusta tulee käyttää suomenkielisen version korvaavana tunnuksena, eikä rinnakkain. KUVA 1.3: NEGATIIVIPYSTYTUNNUS KUVA 1.4: NEGATIIVIVAAKATUNNUS Kieliversioista on käytettävissä myös mustavalko- (KUVA 1.3) ja negatiiviversiot (KUVA 1.4). 6 /20

7 01 TUNNUS MERKIN KÄYTTÖ KUVA 1.1: MERKKI Humakin tunnuksen merkki-osaa voidaan käyttää myös yksinään ilman Humanistinen ammattikorkeakoulu-tekstiä (KUVA 1.1). Humak-merkkiä voidaan käyttää leiman kaltaisesti esimerkiksi t-paidoissa. Tekstiosaton merkki täyttää tilan tehokkaammin, kuin Humakin tekstillinen tunnus, mutta ei selitä itseään yhtä perusteellisesti. Siksi merkin käyttöyhteys tulee harkita tarkasti. KUVA 1.2: NEGATIIVIVERSIO KUVA 1.3: MUSTAVALKOVERSIO Tunnuksen tavoin merkistä on käytettävissä myös mustavalko- (KUVA 1.3) ja negatiiviversio (KUVA 1.2). 7 /20

8 01 TUNNUS SUOJA-ALUEET JA MINIMIKOOT KUVA 1.4: PYSTYTUNNUS JA SUOJA-ALUE KUVA 1.5: MERKIN SUOJA-ALUE 12,5 mm Humakin tunnusversioiden (KUVA 1.4, KUVA 1.6) ympärille on määritelty suoja-alueet. Suojaalueen tarkoitus on varmistaa tunnuksen erottuvuus kaikissa käyttöyhteyksissä. Suoja-alue määrittää kuinka lähelle toista elementtiä tunnus voidaan sijoittaa. KUVA 1.7: PYSTYTUNNUKSEN MINIMIKOKO Humak-merkin suoja-alueet ovat samat, kuin tunnuksenkin vain ilman tekstiä (KUVA 1.5). KUVA 1.6: KIELIVERSION VAAKATUNNUS JA SUOJA-ALUE 7,7 mm KUVA 1.8: VAAKATUNNUKSEN MINIMIKOKO Tunnusten suoja-alueiden mittayksikkö on Humanistinen ammattikorkeakoulu-tekstin määrittävän X:n korkeus. Suoja-alueelle ei tule sijoittaa muita elementtejä. Tunnuksen eri versioille on määrätty pienimmät mahdolliset käyttökoot (KUVA 1.7) ja (KUVA 1.8). Pelkän merkin minimikoon korkeus on sama, kuin vaakatunnuksen minimokoko: 7,7 mm. 8 /20

9 01 TUNNUS MUSTAVALKOISET VERSIOT KUVA 1.1: PYSTYTUNNUS MUSTAVALKOISENA KUVA 1.3: MERKKI MUSTAVALKOISENA Humakin tunnuksesta voidaan käyttää myös kokonaan mustaa versiota värien määrän ollessa rajoitettu (KUVA 1.1, KUVA 1.2, KUVA 1.3). Mustaa versiota tulee käyttää vain valkoisella taustalla, eikä koskaan esimerkiksi oranssin värin päällä. KUVA 1.2: VAAKATUNNUS MUSTAVALKOISENA Kun tunnusta käytetään kuvan päällä tai taustan ollessa värillinen, tulee siitä käyttää negatiiviversiota 9 /20

10 01 TUNNUS TUNNUKSEN VIRHEELLINEN KÄYTTÖ KUVA: 1.1 KUVA: 1.2 KUVA: 1.3 HUMANISTINEN AMMATTIKORKEAKOULU KUVA: 1.4 KUVA 1.5 KUVA 1.6 Tunnuksen osien värejä (KUVA 1.1, KUVA 1.2) suhteita tai asettelua ei saa muuttaa tai vääristellä (KUVA 1.3). Logon kirjoitusasua ei saa muuttaa (KUVA 1.4). Tunnusta ei saa käyttää väärin väriyhdistelmin (KUVA 1.5) tai ruuhkaisen taustan päällä (KUVA 1.6). 10 /20

11 02 TUNNUSVÄRIT Päävärit: PANTONE 158 C/U CMYK RGB HEX #ED6C15 RAL RAL 2003 KURZ COLORIT 961 (foliointi) PAPER WHITE CMYK RGB HEX #FFFFFF RAL RAL 9003 Korostevärit: PMS PROCESS BLACK CMYK RGB HEX # RAL RAL 9017 PMS WARM GREY 11 C/U CMYK RGB HEX #584C46 RAL RAL 7013 PMS WARM GRAY 6 C/U CMYK RGB HEX #8E8481 RAL RAL 7030 PMS WARM GREY 3 C/U CMYK RGB HEX #E8E7E7 RAL RAL 7047 Humakin päävärit ovat oranssi ja valkoinen, joista jomman kumman on oltava aina dominoiva. Värejä käytetään ensisijaisesti tunnuksessa sekä kuvituselementeissä. Tummia sävyjä voi käyttää myös korosteväreinä esimerkiksi otsikoissa. 11 /20

12 03 TYPOGRAFIA ENSISIJAISET KIRJAINTYYPIT Leipäteksti Fedra Serif B Book Käytetään julkaisuissa pistekoossa 8 / 11 pt ja isommissa ilmoituksissa koossa 10 / 14 pt. ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö !?%&@ ½ Ingressit, korostukset Fedra Serif B Book Italic Käytetään ingressissä pistekoossa 10 / 14 pt. Suomenkielisessä leipätekstissä vieraskielisten sanojen korostukseen. ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö !?%&@ ½ Otsikot, korostukset Fedra Serif B Medium Käytetään otsikoissa pistekoossa 13 / 15 pt ja isommissa otsikoissa versaalina koossa 26 / 30 pt. Käytetään korostamaan tekstissä sanoja. Voidaan käyttää myös oranssina isoissa otsikoissa. Ingressit, nostot Fedra Serif B Medium Italic Käytetään nostoissa ja isommissa ingresseissä koossa 10 / 14 pt. tai 14 / 18 pt. Voidaan käyttää myös oranssina isoissa nostoissa. Ilmoitusten isot otsikot FEDRA SANS DISPLAY HEAVY CONDENSED Käytetään ainoastaan versaalilla ja aina mahdollisimman suuressa koossa. Voidaan käyttää myös harmaana tai oranssina. ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö !?%&@ ½ ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö !?%&@ ½ ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ !?%&@ ½ Humakin viestinnässä käytetään Fedra-kirjaintyyppiä. Fontit ovat ostettavissa osoitteista: Sähköisesti välitettävät tiedotteet tulisi pyrkiä lähettämään pdf-tiedostoina, jolloin Fedra kulkee dokumentin mukana. Kaikessa Humakin sähköisessä käytössä, kuten sähköpostin viestikentässä ja verkkosivujen leipätekstissä, käytetään korvaavana kirjaintyyppinä Georgia-kirjainperhettä, joka on yleinen järjestelmäfontti Windows käyttöjärjestelmissä ja tulee Office-ohjelmiston mukana myös Mac käyttöjärjestelmään. 12 /20

13 03 TYPOGRAFIA TYPOGRAFIA HUMAKIN SISÄISESSÄ TAI DIGITAALISESSA KÄYTÖSSÄ Leipäteksti netissä ja Office-ohjelmissa Georgia Regular Käytetään Wordin leipätekstissa pistekoossa 9 / 11 pt ja Power Pointissa koossa 18 / 22 pt. ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö !?%&@ ½ Ingressit, korostukset netissä ja Office-ohjelmissa Georgia Italic Käytetään Word-ingressissä pistekoossa 10 / 14 pt. ja Power Pointissa koossa 32 / 36 pt. Käytetään myös korostamaan vierasperäisiä sanoja. Otsikot ja korostukset netissä ja Office-ohjelmissa Georgia Bold Käytetään otsikoissa pistekoossa 28 / 32 pt ja pääotsikoissa versaalina koossa 50 / 55 pt. Käytetään myös korostamaan tekstissä sanoja. Voidaan käyttää myös oranssina isoissa otsikoissa. ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö !?%&@ ½ ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö !?%&@ ½ Kun Fedra-kirjainperhe ei ole käytössä, voidaan käyttää Georgia-kirjainperheen kolmea vahvuutta: regular, italic ja bold. Typografisessa käsittelyssä noudatetaan muutoin mahdollisimman tarkkaan tämän ohjeiston tyyliä ja henkeä. On hyvä huomioida, että typografia on oleellinen osa Humakin ilmeen erottuvuutta. Georgiaa tulee käyttää vain, jos Fedran hankkiminen tai käyttö on kohtuuttoman vaikeaa (vrt. digitaalinen ympäristö). 13 /20

14 04 KUVAT JA KUVITUS MERKISTÄ JOHDEDUT KUVITUSELEMENTIT Humakin ilme herää eloon, kun elementtien välillä on tarpeeksi suuri kontrasti. Humakin ilmeeseen onkin sidottu tiiviisti tunnuksen täplistä juonnetuja kuvituselementtejä. Täplät ja niistä johdettu kuosi tuovat Humakin viestintään huomioarvoa ja sitovat Humakin graafisen maailman yhtenäiseksi kokonaisuudeksi. Kuvituselementeistä ja kuosista on olemassa valmiiksi määrätyt tiedostot, joissa on kaikki sovelluskäyttöön tarkoitetut symbolit. Humakin kuosi ja täplät löytyvät "Humak_viestinta" -kansiosta "PATTERN" alakansion alta. 14 /20

15 04 KUVAT JA KUVITUS KUVITUSELEMENTTIEN KÄYTTÖ TYPOGRAFIAN KANSSA KUVA: 2.1 Kuosin sekä täplien kuvitusmainen käyttö on vapaampaa kuin itse tunnuksen. Leikittelevä ja kokeileva lähestymistapa on jopa suotavaa. Täplien ja typografian suuri keskinäinen kontrasti typografisiin elementteihin näden luo komean yleisvaikutelman. Siksi on suotavaa, että typografialla ja kuvituselementeillä on riittävän Eriam expel suuri kokoero (KUVA 2.1). Eriam expel molorion est, tectenis parunt aut liquost ipsandi tatibus quae eum que voluptae ra ex et, con excescimet imus. Täpläkuosia voi käyttää isoja pintoja peittävänä Sedio imagnatempe pration sedictionsed magnam doluptate net derem aceribe ruptiasimi, quam ellut ut quiant lautas volutaquae omniscil everia volore. necusape voluptatum et occus everro eatium fugit reius pari aut quis nes et quat quatum nonsequ aeptatus dolendam tapettina joko oranssina (KUVA 2.2) tai negatiivisena oranssilla, tai muun värisellä taustalla (KUVA 2.3). etur, tecaborest, offictas eossimporio iunt ipicim volute voloribea ant. Nequist otassim enihil il Täplien sijoittelun tulee myös tukea kuvien ja typografian luomaa rytmiä. Näin tarkaselijan KUVA: 2.2 katse kohdistetaan olennaisiin asioihin. Siksi Apis aut omnihic Pudigeni minus, nate tem essint harionssequam, quia doluptius Magnimolorest ut dollecu ptibus sum ium earcipi entibus volore- niiden menosuunta on hyvä pitää pääosin samansuuntaisena (KUVA 2.4). verum, soloreperrum ratus mo tem volorro imi, sitate pratemq molo maio in pore nobitatur? Rum reiciis ad KUVA: 2.3 "Eriam expel moln" uaspient elitisin pliquat re cuscilita aut is aut am ate volesecti dolliqui qui suntiis solore inia in restor seque occaten derunt molorib uscimus magnatem laborat. Um sitet, si qui quatiusa volo dolore iumquo corrorum faceatur sunt. KUVA: 2.4 Harkitut, perustellut ja kauniit poikkeukset ovat sallittuja, mikäli tilanne sen vaatii. 15 /20

16 0 4 K U VAT JA K U V I T U S TÄ P L I E N JA K U O S I N K ÄY T T Ö KUVAN RAJAAMINEN GRAFIIKALLA GRAFIIKAN KÄYTTÖ KUVIEN PÄÄLLÄ Humakin täpliä voidaan käyttää valokuvien päällä joko oranssillla tai valkoisella värillä (KUVA 2.1). Ne voivat leikkautua kuvien reunojen mukaan tai jatkua kuvan ulkopuolelle. Täplien suunnan tulisi jatkaa kuvassa olevaa liikettä. Niiden tulee olla riittävän kokoisia kuvaan nähden (ei pientä piperrystä) ja erottua riittävästi taustasta. Kuvia voidaan rajata sekä valkoisilla että oransseilla täplillä (KUVA 2.2, KUVA 2.3). Täplien päälle voidaan sijoittaa tekstiä. Huolehdi kuitenkin, ettei kuva mene liian levottomaksi. KUVA: 2.2 Kuvia voidaan käyttää syvättynä täpläelementtien KUVA: 2.3 sisällä (KUVA 2.4). Tällöin tulee huolehtia siitä, KUVA: 2.1 että kuvien tausta erottuu valkoisesta taustasta SYVÄTYT KUVAT & TÄPLÄT ja vaalea puolestaan tummasta niin, että täplät ÄLÄ KÄYTÄ KUVIA NÄIN erottuvat omina muotoinaan. Syvättävien kuvien tulee olla tarpeeksi yksinkertaisia, jottei lopputuloksesta tule sekava. Opiskelijoiden ja alumnien kuvia voidaan käyttää syvättynä irti taustastaan (KUVA 2.5). Silloin graafisia elementtejä voidaan käyttää kuvan taustalla tuomassa väriä kuvaan. Älä käytä kuvia niin, etteivät täplät erotu riittävästi (KUVA 2.6). Älä myöskään rajaa kuvia epäedullisesti kuvattaville (esim. keskeltä kuvattavan kasvoja). Täpliä ei tule käyttää liian pienellä (KUVA 2.7), eikä niiden tule muodostaa KUVA: 2.4 KUVA: 2.5 KUVA: 2.6 mitään esittävää kuviota, joka häiritsisi kuvassa. KUVA: / 20 H U M A N I S T I N E N A M M AT T I K O R K E A K O U L U

17 05 KUVA: 5.1 Humakin internetsivujen kirjoitusasu on aina oheisen mallin mukainen pienaakkosilla kirjoitettu sanakuva. Fonttina käytetään Fedra Serif B:n medium-leikkausta. (KUVA 5.1). -teksti löytyy myös vektoritiedostona, jolloin sitä voi käyttää ilman fonttia. Vektoritiedosto löytyy "Humak_viestinta" -kansiosta " alakansion alta. on täydentävä elementti, eikä koskaan korvaa tunnusta Humakin viestinnässä. 17 /20

18 06 SOVELLUKSET KÄYNTIKORTTI, KIRJEKUORI JA SAATELOMAKE KUVA: 6.2 KUVA: 6.1 KUVA: 6.3 Käyntikortti (KUVA 6.1), kirjekuori (KUVA 6.2) ja saatelomake (KUVA 6.3). 18 /20

19 07 HUMAKIN TUNNUSTIEDOSTOT LADATTAVAT TIEDOSTOT * CMYK-TIEDOSTOT: PMS-TIEDOSTOT: RGB-TIEDOSTOT (.PDF): RGB-TIEDOSTOT (.PNG): Vaakatunnus: Vaakatunnus: Humak_tunnus_vaaka_CMYK_C.pdf Humak_tunnus_vaaka_PMS.pdf Humak_tunnus_vaaka_CMYK_W.pdf Humak_tunnus_vaaka_CMYK_B.pdf Vaakatunnus: Vaakatunnus: Humak_tunnus_vaaka_RGB_C.pdf Humak_tunnus_vaaka_RGB_C.png Humak_tunnus_vaaka_RGB_W.pdf Humak_tunnus_vaaka_RGB_W.png Humak_tunnus_vaaka_RGB_B.pdf Humak_tunnus_vaaka_RGB_B.png Aloittaessasi uuden työn, lataa aina tunnustiedostot uudelleen. Lataa uudet tiedostot, vaikka sinulla jo olisikin tarvittavat tunnustiedostot koneellasi. Näin korruptoituneet, venyneet tai muuten muuttuneet tunnustiedostot eivät päädy käyttöön. Pystytunnus: Pystytunnus: Pystytunnus: Pystytunnus: Humak_tunnus_pysty_CMYK_C.pdf Humak_tunnus_pysty_PMS.pdf Humak_tunnus_pysty_RGB_C.pdf Humak_tunnus_pysty_RGB_C.png.pdf-päätteiset tiedostot ovat vektoritiedostoja, Humak_tunnus_pysty_CMYK_W.pdf Humak_tunnus_pysty_RGB_W.pdf Humak_tunnus_pysty_RGB_W.png jotka ovat vapaasti skaalattavissa. Humak_tunnus_pysty_CMYK_B.pdf Humak_tunnus_pysty_RGB_B.pdf Humak_tunnus_pysty_RGB_B.png Suurentaminen ei heikennä vektoroidun tunnuksen piirtotarkkuutta, koska Merkki: Merkki: Merkki: Merkki: vektori ei ole riippuvainen resoluutiosta. Humak_merkki_CMYK_C.pdf Humak_merkki_PMS.pdf Humak_merkki_RGB_C.pdf Humak_merkki_RGB_C.png Pdf-tiedoston voi tuoda kaikkiin moderneihin Humak_merkki_CMYK_W.pdf Humak_merkki_RGB_W.pdf Humak_merkki_RGB_W.png tietokoneohjelmiin. Pdf-tiedostomuoto säilyttää Humak_merkki_CMYK_B.pdf Humak_merkki_RGB_B.pdf Humak_merkki_RGB_B.png merkin läpinäkyvyyden kaikissa moderneissa tietokoneohjelmien versioissa. Varhaisemmat Kieliversiot vaaka: Kieliversiot vaaka: Kieliversiot vaaka: Kieliversiot vaaka: Office-ohjelmat lukevat rgb-tunnustiedostoja, Humak_logo_EN_wide_CMYK_C.pdf Humak_logo_EN_wide_PMS.pdf Humak_logo_EN_wide_RGB_C.pdf Humak_logo_EN_wide_RGB_C.png mutta eivät tue elementtien läpinäkyvyyttä. Humak_logo_EN_wide_CMYK_W.pdf Humak_logo_EN_wide_RGB_W.pdf Humak_logo_EN_wide_RGB_W.png Ohjeisto on päivätty ja numeroitu. Varmista aina, Humak_logo_EN_wide_CMYK_B.pdf Humak_logo_EN_wide_RGB_B.pdf Humak_logo_EN_wide_RGB_B.png että sinulla on ohjeiston viimeisin versio. Kieliversiot pysty: Kieliversiot pysty: Kieliversiot pysty: Kieliversiot pysty: Kysy kuvituskuvia sekä ilme-elementtejä Humak_logo_EN_tall_CMYK_C.pdf Humak_logo_EN_tall_PMS.pdf Humak_logo_EN_tall_RGB_C.pdf Humak_logo_EN_tall_RGB_C.png Humakin viestinnästä. Käytössäsi on myös Humak_logo_EN_tall_CMYK_W.pdf Humak_logo_EN_tall_RGB_W.pdf Humak_logo_EN_tall_RGB_W.png erilaisia sähköisiä asiakirjapohjia (kirjepohjia Humak_logo_EN_tall_CMYK_B.pdf Humak_logo_EN_tall_RGB_B.pdf Humak_logo_EN_tall_RGB_B.png sekä PowerPoint-pohjat). Kaikissa tähän ohjeistoon ja Humakin graafiseen ilmeeseen liittyvissä kysymyksissä avustaa: XXXX@HUMAK.FI Tämän ohjeiston ja tunnuksen on suunnitellut Suunnittelutoimisto BOTH * C = värillinen, W = valkoinen (negatiivi), B = Mustavalko BOTH@BOTH.FI 19 /20

20 OTSIKKO Kiitos 20 /20