hamk visuaalinen ohjeisto 2011
DESCRIPTION
TRANSCRIPT
w w w . h a m k . f i
Hämeen ammattikorkeakoulun
visuaalinen ohjeisto
Päivitetty: syyskuu 2011
w w w . h a m k . f i
Miksi visuaalinen ohjeisto?
Visuaalinen ohjeisto määrittelee HAMKin viestinnän ulkoasua. Se ohjaa viestinnän ulkoasun suunnittelussa, antaen kuitenkin mahdollisuuden tehdä erilaisiin ympäristöihin ja tavoitteisiin sopivaa materiaalia. Tärkeintä viestinnässä on sanoma ja sisältö, visuaalisuus auttaa sisällön tulkinnassa, viestin perillemenossa ja halutun tunnelman luomisessa. Erityisesti digitaalisessa viestinnässä linjakkuus muodostuu kuvallisen ilmaisun tyylistä ja tavasta jolla asioista puhutaan. Ohjeisto sisältää perusasiat, joihin HAMKin visuaalinen identiteetti tukeutuu. Tavoitteena on määritellä visuaalisen viestinnän keskeiset pelisäännöt, jättäen kuitenkin tilaa uusiutumiselle ja eri tilanteisiin sopivalle ilmaisulle. Ohjeesta vastaa ja lisätietoja soveltamisesta antaa: Hämeen ammattikorkeakoulu, viestintäpalvelut.
Sisältö: • HAMK-logot • HAMK-tunnuksen kieliversiot ja
yhdistelmätunnus • HAMK Ammatillinen
opettajakorkeakoulu -tunnus • HAMK-tunnusten käyttö ja
rajoitteet • Tapahtuma- ja muut tunnukset • Päävärit ja niiden merkitys • Lisä- ja täydentävät värit • Typografia – Futura • Valokuvat • Tuotteet
w w w . h a m k . f i
HAMK-logo
HAMKin perustunnus Väri: Pantone 308
RGB: R0 G104 B143 CMYK: C92 M54 Y26 K6
Logo on HAMKin allekirjoitus ja selkeä määrämuotoinen tunniste. Logosta käytetään ensisijaisesti värillistä ja kaksikielistä versiota. Logon väri on •Pantone 308 •RGB: R0 G104 B143 •CMYK: C92 M54 Y26 K6 Käyttötilanteesta ja -ympäristöstä riippuen HAMK-logosta voidaan käyttää myös täysin mustaa tai valkoista/nega sekä yksikielistä versiota .
HAMKin perustunnus Väri: Musta
HAMKin perustunnus Väri: Valkoinen
Ns. negalogo
w w w . h a m k . f i
HAMK-logon versiot HAMKin pelkästään suomenkielinen logo
Väri: Pantone 308 RGB: R0 G104 B143
CMYK: C92 M54 Y26 K6
Muut värivaihtoehdot: musta, valkoinen
Sallittuja, erikseen sovituissa ja perustelluissa tilanteissa käytettäviä versioita HAMK-logosta ovat • Vain suomenkielinen versio • Vain englanninkielinen versio
Joissakin tilanteissa pienten rivien tekstin käyttö ei ole teknisesti mahdollista. Esim. valomainosrakenteissa ja brodeerauksissa voi olla välttämätöntä käyttää vain HAMK-tekstistä muodostuvaa versiota.
HAMKin englanninkielinen tunnus Väri: Pantone 308
RGB: R0 G104 B143 CMYK: C92 M54 Y26 K6
Muut värivaihtoehdot:
musta, valkoinen tummalla pohjalla
w w w . h a m k . f i
HAMK Ammatillisen opettajakorkeakoulun logo
HAMK AOKK perustunnus Väri: Pantone 308 / Pantone 124
HAMK Ammatillisen opettajakorkeakoulun logoa käytetään AOKK:n yhteydessä. HAMK Ammatillisen opettajakorkeakoulun logoja koskevat samat käyttöohjeet ja -rajoitteet kuin HAMKin logoa. Logosta on erikseen suomenkielinen ja englanninkielinen versio. HUOM! Englanninkielinen nimi ja samalla englanninkielinen logo on muuttunut 13.6.2011
HAMK AOKK perustunnus Väri: Musta
HAMK AOKK perustunnus Väri: Valkoinen
Ns. negalogo
HAMK AOKK englanninkielinen logo Väri: Valkoinen
Ns. negalogo
w w w . h a m k . f i
HAMK-logojen käyttö ja rajoitteet
Mittasuhteiden muuttaminen kielletty
Logoa tulee käyttää kuten edellisissä kohdissa on esitetty. Logo tulee sijoittaa näkyvästi ja riittävän etäälle muista graafisista elementeistä. Varminta on noudattaa neuvoa suoja-alueesta, jonka sisään ei saa sijoittaa mitään elementtejä. Mikäli logo sijoitetaan julkaisun reunaan, ulko-reunan ja logon väliin tulee jättää suoja-alueen mukainen ilmarako. Logoa ei saa käyttää muun värisenä, eikä sen mittasuhteita saa muuttaa. Logoa tulee aina käyttää alkuperäisenä kuvana, eikä sitä saa tehdä itse kirjoittamalla.
Logon suoja-alue, eli ympärille
jätettävä tyhjä tila
Logon väri on väärä
w w w . h a m k . f i
Yhteistyökumppaneiden logot
HAMK tekee paljon yhteistyötä muiden organisaatioiden kanssa. Eteen tulee siis tilanteita, joissa on käytettävä useita rinnakkaisia logoja tai sovittava tarkemminkin yhteisistä visuaalisista pelisäännöistä. Useampia logoja käytettäessä tulee soveltaa ohjetta suoja-alueesta ja varmistaa logojen erottuminen sijoittamalla ne riittävän etäälle toisistaan. Hankkeille ja muille vastaaville toiminnoille ei ilman erityistä perustetta suunnitella omia logoja, vaan hankkeet toimivat HAMKin logon suojissa. FUASille on tehty oma visuaalinen ohjeistonsa, jossa FUAS-logon käyttö on linjattu.
w w w . h a m k . f i
Värit ja kuvat
Värit ja kuvat vaikuttavat oleellisesti visuaaliseen kokemukseen. Kuvan tehtävänä on paitsi olla informatiivinen osa sisältöä, myös keskeinen esteettinen elementti, huomion herättäjä ja tunnelman luoja. Yhdessä värimaailma ja kuvitus luovat yleisilmeen, jonka tavoitteena on tehdä sisällöstä kiinnostava ja helposti omaksuttava. Visuaalisen tuotteeen suunnitteluun vaikuttaa monta asiaa, päällimmäisinä sisältö, vastaanottaja ja mediaympäristö. HAMKin toiminnan monipuolisuuden vuoksi tarvitaan laajaa kuvavalikoimaa ja liikkumavaraa visuaalisessa suunnittelussa. Värien ja kuvituksen avulla visuaalisuudesta voi tehdä nuorekkaampaa ja rennompaa tai virallisempaa ja konservatiivisempaa – tilanteesta riippuen. Printtituotteissa sovelletaan vaihtuviin tilanteisiin muutamia erilaisia lay-outeja.
w w w . h a m k . f i
Päävärit – sininen ja oranssi
HAMK Sininen Pantone 308
RGB: R0 G104 B143 CMYK: C92 M54 Y26 K6
HAMKin päävärit ovat sininen Pantone 308 ja oranssi Pantone 124.
Näitä värejä käytetään visuaalisen suunnittelun pääväreinä. Pelkästään sinisellä saadaan aikaan virallisempi ja konservatiivisempi yleisilme, oranssilla puolestaan raikkaampi ja iloisempi tunnelma.
HAMK Oranssi Pantone 124
w w w . h a m k . f i
Saako muita värejä käyttää?
Pääsääntöisesti kaiken visuaalisen viestinnän päävärinä on joko HAMKin sininen (Pantone 308) tai oranssi (Pantone 124). Visuaalinen viestintä seuraa kuitenkin yleisiä trendejä. Ollakseen tilanteeseen sopivaa ja ajantasaista, visuaalisen ilmeen tulee elää ja kehittyä ajassa. Tämän vuoksi visuaalista ilmettä voidaan raikastaa tehosteväreillä.
w w w . h a m k . f i
Visuaalisuus verkkomediassa
Sähköisessä mediassa ja verkkoympäristöissä ei ole aina mahdollista toimia yhtä tarkan visuaalisen ohjeen mukaisesti kuin paperilla, jossa koko tyhjä tila on suunnittelijan pelikenttänä. Omilla verkkosivuillamme on yhtenäinen visuaalinen ilme, jossa alakokonaisuudet esiintyvät määrämuotoisella sivupohjalla. Asiakohtaiset erityispiirteet tuodaan esille ensisijaisesti kuvilla, videoilla yms. mediasisällöillä. Toimiessamme muissa verkkopalveluissa, visuaalisuus pitää suunnitella palvelun ehdoilla. Tällöin käytettävän kuvamateriaalin tyylin yhteneväisyys on keskeinen tunnistettavuuteen vaikuttava asia.
w w w . h a m k . f i
Visuaalisuus verkkomediassa (esimerkkejä)
w w w . h a m k . f i
Typografia – Futura
Futura Lt Bt
Futura on HAMKin perusfontti, jota voi käyttää kaikissa painomateriaaleissa. Leipäteksteissä Futurasta käytetään Futura Lt Bt -leikkausta. Otsikoissa toimivat paremmin paksummat leikkaukset, kuten Futura BdCn Bt, Futura Md BT tai Futura Hv BT. Muista käytettävistä fonteista lisää Muut käytettävät fontit -kappaleessa.
Futura BdCn Bt
Futura Md BT
Futura Hv BT
w w w . h a m k . f i
Muut käytettävät fontit
Lehdet, oppaat, julkaisut: Adobe Caslon Pro
Tekstityypit ovat osa visuaalista ja luovaa toteutusta. Tästä syystä mainonnassa, visuaalisen ilmeen merkitys korostuu, fontti valitaan kokonaisuuteen sopivaksi (mm. Eurostile). Suositusten mukaan päätteetöntä fonttia ei printtimediassa käytetä pitkissä leipäteksteissä. Siksi lehdille, oppaille ja julkaisuille on valittu luettavuutta optimoivat fontit. Sähköisten aineistojen fontit valitaan ympäristönsä mukaan, ja niissä käytetään ”yleismaailmallisia” fontteja, kuten Arial, Verdana ja Times New Roman, jotta toimivuus vieraassakin koneessa varmistuu.
Lisäksi mm.: Eurostile
Portaali: Verdana
Word-lomakkeet: Times New Roman
PowerPoint-esitykset:
Arial
w w w . h a m k . f i
Valokuvat ja videot
HAMKin visuaalinen identiteetti nojaa positiiviseen ja elämänmakuiseen kuvalliseen materiaaliin . Ne ovat keskeinen osa HAMKin brändiä. 1) Markkinointikuvissa ja –videoissa tärkein tehtävä on huomion herättäminen. Siksi niissä korostuvat laatu, tunnelma, halutun mielikuvan välittyminen ja erottuminen. 2)Tiedotukselliset kuvat ja –videot poikkeavat markkinointikuvista siten, että niissä informaatio on pääasia. 3) Sosiaalisessa mediassa kuvien ja yleensä mediasisällön kirjo on laaja. Kuvat, videot yms. ovat tekijänsä näköisiä ja laatuvaatimukset ovat kiinni asiayhteydestä. HAMKin kuvamaailmaan voi tutustua tarkemmin Flickrissä ja HAMKin Facebook-sivulla.
w w w . h a m k . f i
Lehti-ilmoitukset
Lehti-ilmoituksissa visuaaliseen toteutukseen vaikuttaa ilmoituksen koko ja tarvittavan tekstin määrä. Informatiivisemmissa ilmoituksissa tekstille tarvitaan enemmän tilaa, ja kuvan visuaalinen merkitys jää vähemmälle. HAMKin lehti-ilmoitusten ilmettä yhdistää sininen otsikkopalkki, logon sijoittelu ja ilmava taitto. Lehti-ilmoitukset voivat olla pelkistetyn asiallisia tai…
Mallit perusilmoituksista
w w w . h a m k . f i
Lehti-ilmoitukset
…niihin voidaan lisätä väriä graafisilla elementeillä. Taitto-ohjeet: (Esim. 2x200mm ilmoitus)
- Otsikkopalkki kork. 18-20mm - Otsikon fonttikoko 18-26 pt - Leipätekstin fonttikoko väh. 9 pt, rivivälistys väh. 11 pt - Tekstin pääkohdat lihavoidaan - Tekstinkierräys väh. 2-4mm - Kiekurakuvio:
- kallistus162,5 astetta - varjostus 40% musta, etäisyys 1 mm
w w w . h a m k . f i
Rekrytointi-ilmoitukset
Rekrytointi-ilmoituksen tarkoituksena on saada avoin paikka täytetyksi, mutta samalla viestiä työnantaja- ja yrityskuvasta. Etenkin valtamediassa rekrytointi-ilmoitus on organisaation mainos, ei vain ilmoitus luontoinen asia avoimesta tehtävästä. Siksi rekrytointi-ilmoitusten ulkoasuun halutaan panostaa. Sanomalehdessä HAMKin keltaista käytetään huomiovärinä. Taitto-ohjeet: (Esim. 2x200mm ilmoitus) - Otsikkopalkki kork. 18-20mm - Otsikon fonttikoko 18-26 pt - Leipätekstin fonttikoko väh. 9 pt, rivivälistys väh. 11 pt - Tekstin pääkohdat lihavoidaan - Tekstinkierräys väh. 2-4mm - Kiekurakuvio:
- kallistus162,5 astetta - varjostus 40% musta, etäisyys 1 mm
w w w . h a m k . f i
Painotuotteet – Lehdet, esitteet, oppaat
w w w . h a m k . f i
Julkaisut
w w w . h a m k . f i
Messusermit
w w w . h a m k . f i
Word- ja PowerPoint-pohjat Asiakirjojen kirjoittamista helpottamaan on tehty valmiit word-pohjat, joissa logot ja muut tarvittavat tiedot ovat kohdillaan. Lisäksi HAMKinssa on käytössä PowerPoint-pohja, jota on käytetty tämän ohjeiston pohjana.
w w w . h a m k . f i
Kirjelomakkeet ja kirjekuoret Kirjekuorista on käytössä standardikoot C4 ja C5.
w w w . h a m k . f i
Käyntikortit
w w w . h a m k . f i
Muut tuotteet Ulkoasu sovelletaan ja suunnitellaan käyttötarkoituksen mukaan visuaalista ohjeistoa noudattaen. Muita tuotteita voivat olla esimerkiksi: • julisteet tai posterit • postikortit • maantietaulut.
w w w . h a m k . f i
Markkinointiyhteistyö muiden organisaatioiden kanssa
HAMK on mukana eri organisaatioiden yhteisissä markkinointihankkeissa (esimerkiksi tekniikan alan valtakunnallinen hanke tai Milk Works -hanke). Näissä toimitaan hankkeen visuaalisten periaatteiden mukaisesti. Hämeen Matkailun kanssa on sovittu yhteistyöstä HAMKin matkailukohteiden markkinoinnista. Matkailukohteiden markkinointimateriaalien visuaalinen ilme on muokattu yhteensopivaksi Hämeen Matkailun visuaalisen ilmeen kanssa.