hamk visuaalinen ohjeisto 2011

w w w . h a m k . f i

Hämeen ammattikorkeakoulun

visuaalinen ohjeisto

Päivitetty: syyskuu 2011


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


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


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


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


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ä


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.


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.


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


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ä.


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.


Visuaalisuus verkkomediassa (esimerkkejä)


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


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


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.

http://www.flickr.com/photos/hamkuas�

http://www.facebook.com/hamkuas�




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


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


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


Painotuotteet – Lehdet, esitteet, oppaat


Julkaisut


Messusermit


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.


Kirjelomakkeet ja kirjekuoret Kirjekuorista on käytössä standardikoot C4 ja C5.


Käyntikortit


Muut tuotteet Ulkoasu sovelletaan ja suunnitellaan käyttötarkoituksen mukaan visuaalista ohjeistoa noudattaen. Muita tuotteita voivat olla esimerkiksi: • julisteet tai posterit • postikortit • maantietaulut.


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.

hamk visuaalinen ohjeisto 2011

Documents