poke 2018 graafinen ohjeisto · 2019. 8. 26. · leikkasi vuonna 1540 selvän ja tasapainoisen...

18
1 Graafinen ohjeisto Poke 2018

Upload: others

Post on 27-Sep-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Poke 2018 Graafinen ohjeisto · 2019. 8. 26. · leikkasi vuonna 1540 selvän ja tasapainoisen kirjasimen Garamon-din, josta on tullut klassikko. Poken typografia Typografia. 10 TYPOGRAFIA

1

Graafinen ohjeistoPoke 2018

Page 2: Poke 2018 Graafinen ohjeisto · 2019. 8. 26. · leikkasi vuonna 1540 selvän ja tasapainoisen kirjasimen Garamon-din, josta on tullut klassikko. Poken typografia Typografia. 10 TYPOGRAFIA

2

Graafinen ohjeisto

Sisällysluettelo

Logo 3

Värit 7

Typografia 8

Grafiikka 14

Sloganit 15

Sovellukset 16

Tämä graafinen ohjeisto kokoaa yhteen Poken ilmeen tärkeimmät elemen-tit. Olitpa sitten Poken omaa porukkaa, yhteistyökumppani tai opiskelija, tervetuloa tutustumaan!

Page 3: Poke 2018 Graafinen ohjeisto · 2019. 8. 26. · leikkasi vuonna 1540 selvän ja tasapainoisen kirjasimen Garamon-din, josta on tullut klassikko. Poken typografia Typografia. 10 TYPOGRAFIA

3

LOGO

Logo ja sen käyttö

Page 4: Poke 2018 Graafinen ohjeisto · 2019. 8. 26. · leikkasi vuonna 1540 selvän ja tasapainoisen kirjasimen Garamon-din, josta on tullut klassikko. Poken typografia Typografia. 10 TYPOGRAFIA

4

LOGO

Poken logo ja sen versiotLogo

Logo esimerkiksi sosiaalisessa mediassa, facebook-kuvake ø 170 px.

Poken logoa käytetään ensisijaisesti punaisena tai mustana. Ensisijainen tapa asetella tarkenne ’Pohjoisen Keski-Suomen ammattiopisto’ on niin ikään kuvattu yllä.

Page 5: Poke 2018 Graafinen ohjeisto · 2019. 8. 26. · leikkasi vuonna 1540 selvän ja tasapainoisen kirjasimen Garamon-din, josta on tullut klassikko. Poken typografia Typografia. 10 TYPOGRAFIA

5

LOGO

Poken logo ja sen versiotLogo

Mustalla tai tummalla taustalla logoa käytetään myös ensisijaisesti pu-naisena, ja tarkennetta valkoisena. Vaihtoehtoisesti koko tunnus voi olla valkoinen.

Page 6: Poke 2018 Graafinen ohjeisto · 2019. 8. 26. · leikkasi vuonna 1540 selvän ja tasapainoisen kirjasimen Garamon-din, josta on tullut klassikko. Poken typografia Typografia. 10 TYPOGRAFIA

6

LOGO

Poken logo ja sen versiotLogo

Logon käyttö erityisen suuressa koossa: tarkentavan tekstin sijoittelu erilainen.

Logon vaakaversio esim. erikoispainatuksiin liikelahjoissa jne.

Page 7: Poke 2018 Graafinen ohjeisto · 2019. 8. 26. · leikkasi vuonna 1540 selvän ja tasapainoisen kirjasimen Garamon-din, josta on tullut klassikko. Poken typografia Typografia. 10 TYPOGRAFIA

7

VÄRIT

Punainen Valkoinen

c 0 m 96 y 93 k 2 r 210 g 38 b 48 #D22630 Pantone 1795 CP

Sininen

Vaalea sininen

Oranssi

Keltainen

Tumma vihreä

Vaalea vihreä

c 100 m 18 y 8 k 50 r 0 g 88 b 124 #00587C Pantone 308 CP

c 86 m 8 y 0 k 0 r 0 g 163 b 224 #00A3E0 Pantone 299 CP

c 1 m 72 y 100 k 7 r 203 g 96 b 21 #CB6015 Pantone 159 CP

c 0 m 0 y 100 k 0 r 255 g 209 b 0 #FFD100 Pantone 109 CP

c 34 m 12 y 91 k 54 r 109 g 113 b 46 #6D712E Pantone 5757 CP

c 62 m 1 y 100 k 25 r 101 g 141 b 27 #658D1B Pantone 370 CP

Poken päävärit ovat punainen ja valkoinen. Näiden lisäksi rinnalla kulkee luonnollisesti myös musta.

Lisävärit sinisen, keltaisen/oranssin ja vihreän eri sävyissä auttavat eri tunnlmien luonnissa. Käytäthän värejä johdonmukaisesti ja harmo-nisesti; mielellään vain yhtä tai kahta lisäväriä kerrallaan.

Page 8: Poke 2018 Graafinen ohjeisto · 2019. 8. 26. · leikkasi vuonna 1540 selvän ja tasapainoisen kirjasimen Garamon-din, josta on tullut klassikko. Poken typografia Typografia. 10 TYPOGRAFIA

8

TYPOGRAFI

A

TypografiaTekstin, kirjaintyyppien, kirjainten asettelun ja värityksen suunnittelu ja sommittelu – sinun sanasi, kauniisti.

Page 9: Poke 2018 Graafinen ohjeisto · 2019. 8. 26. · leikkasi vuonna 1540 selvän ja tasapainoisen kirjasimen Garamon-din, josta on tullut klassikko. Poken typografia Typografia. 10 TYPOGRAFIA

9

TYPOGRAFI

A

Typografian alusta keskiaikaan

Mitä tästä kaikesta tulisi tietää? Miksi sillä on merkitystä? – Tekstiesimerkit

Typografia kehittyi, kun ihmisten täytyi ilmaista asioita ilman sa-toja tai tuhansia merkkejä ja kuvia. 1 500 vuotta ennen ajanlaskun alkua foinikialaiset kehittivät aakkoston, joka sisälsi 20 merk-kiä. Englannin kielen sana alphabet ’aakkosto’ juontaa juurensa kreikan aakkoston kahden ensimmäisen kirjaimen alfan ja beetan nimestä. Vuonna 800 ennen ajanlaskun alkua kreikkalaiset olivat ottaneet käyttöön 20 kirjainta foinikialaisten aakkostosta sekä muo-kanneet kirjainten muotoa ja ääntämistä.

Italian niemimaalla ensin etruskit ja sittemmin roomalaiset ottivat käyttöön kreikkalaisten aakkoston, muuttivat kirjainten muotoa sekä lisäsivät kirjaimet G, Y ja Z. Pian nämä latinalaiset aakkoset levisivät Eurooppaan, Vähään-Aasiaan ja Pohjois-Afrikkaan.

150 vuotta ennen ajanlaskun alkua oli pergamentti korvannut papyruksen kirjoituspintana. Tämä mahdollisti kirjoitetun tiedon paremman säilymisen, sillä pergamenttiin voitiin kirjoittaa molem-mille puolille ja asiakirja voitiin taittaa sen rikkoontumatta. Paperi kehitettiin noin vuonna 150 Kiinassa.

Ensimmäisellä vuosituhannella roomalaiset numerot, jotka olivat käytössä Euroopassa, sisälsivät seitsemän roomalaista merkkiä. Arabialaiset numerot kehitettiin Intiassa 1 500–2 000 vuotta sitten. Noin vuonna 1000 ne sekä paperinvalmistustaito levisivät Eu-rooppaan. Numeroiden käyttö omaksuttiin nopeasti kauppiaiden ja tiedemiesten keskuudessa, sillä ne mahdollistivat esimerkiksi desimaalien käytön.

Kirjapainotaito Vuonna 1436 Johann Gutenberg kehitti ensimmäisen kirjapainon, joka perustui viininteossa käytettyyn viininpuristimeen. Samalla hän kehitti musteen, joka oli tarpeeksi vahvaa kiinnittymään metal-liin. Vuonna 1455 Gutenberg valmisti 42-rivisen Raamatun, joka oli ensimmäinen nykyaikainen painate. Gutenberg vaikutti gotiikan aikakaudella ja siksi hänen käyttämänsä maailman ensimmäiset metallikirjasimet perustuivatkin tuon aikakauden taivaita kohden kurottaviin korkeisiin ja tiheisiin, päistään murtuneisiin tekstuuran ja fraktuuran kirjoitusmuotoihin.

Saksassa gotiikan vaikutus jatkui pitkään, ja niinpä Suomessakin, joka oli sen voimakkaassa vaikutuspiirissä, painettiin pitkään vielä viime vuosisadalla fraktuurakirjasimilla. Muualla Euroopassa palattiin renessanssin hengessä antiikin henkevyyteen ja valoon. Niinpä tuon ajan huomattavin kirjainmuotoilija Claude Garamond leikkasi vuonna 1540 selvän ja tasapainoisen kirjasimen Garamon-din, josta on tullut klassikko.

Poken typografiaTypografia

Page 10: Poke 2018 Graafinen ohjeisto · 2019. 8. 26. · leikkasi vuonna 1540 selvän ja tasapainoisen kirjasimen Garamon-din, josta on tullut klassikko. Poken typografia Typografia. 10 TYPOGRAFIA

10

TYPOGRAFI

A

Poke & Meta – viestintäkäyttöönTypografia

Meta ProThin abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ 1234567890!”#€%&/()=?

Thin Italic abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ 1234567890!”#€%&/()=?

Normal abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ 1234567890!”#€%&/()=?

Normal Italic abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ 1234567890!”#€%&/()=?

Bold abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ 1234567890!”#€%&/()=?

Bold Italic abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ 1234567890!”#€%&/()=?

Meta Serif ProLight abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ 1234567890!”#€%&/()=?

Light Italic abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ 1234567890!”#€%&/()=?

Normal abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ 1234567890!”#€%&/()=?

Normal Italic abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ 1234567890!”#€%&/()=?

Bold abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ 1234567890!”#€%&/()=?

Bold Italic abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ 1234567890!”#€%&/()=?

Poken typografia perustuu FF Meta ja FF Meta Serif kirjasinperheille. Kum-pikin on löydettävissä Adobe CC Typekit -fonttipalvelusta, ja kirjasimet toimivat erinomaisesti myös sähköisessä ympäristössä.

Page 11: Poke 2018 Graafinen ohjeisto · 2019. 8. 26. · leikkasi vuonna 1540 selvän ja tasapainoisen kirjasimen Garamon-din, josta on tullut klassikko. Poken typografia Typografia. 10 TYPOGRAFIA

11

TYPOGRAFI

A

GeorgiaRegular abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ 1234567890!”#€%&/()=?

Italic abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ 1234567890!”#€%&/()=?

Bold abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ 1234567890!”#€%&/()=?

Bold Italic abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ 1234567890!”#€%&/()=?

Franklin GothicRegular abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ 1234567890!”#€%&/()=?

Italic abcdefghijklmnopqrstuvwxyzåäö ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ 1234567890!”#€%&/()=?

Poke & MS Office – kaikille koneilleTypografia

Viestintäorganisaation ulkopuolelle jaettavassa avoimessa materiaalis-sa (erityisesti word- ja ppt-pohjissa) on tärkeää käyttää fontteja jotka löytyvät kaikilta koneilta. Tähän käyttöön suositellaan Franklin Gothic- ja Georgia-fontteja.

Page 12: Poke 2018 Graafinen ohjeisto · 2019. 8. 26. · leikkasi vuonna 1540 selvän ja tasapainoisen kirjasimen Garamon-din, josta on tullut klassikko. Poken typografia Typografia. 10 TYPOGRAFIA

12

TYPOGRAFI

A

Typografia

Meta Pro Regular 100 pt Otsikko 1

Meta Serif Pro Bold 48 pt Otsikko 2

Meta Pro Bold 36 pt Otsikko 3

Meta Pro / Meta Serif Pro Regular 24 pt Otsikko 4

Meta Pro Bold 12 pt Otsikko 5

Meta Serif Pro Bold 18 pt Ingressi

Meta Serif Pro Light 9 pt Leipäteksti 1

Meta Pro Normal 9 pt Leipäteksti 2

Hierarkia

Page 13: Poke 2018 Graafinen ohjeisto · 2019. 8. 26. · leikkasi vuonna 1540 selvän ja tasapainoisen kirjasimen Garamon-din, josta on tullut klassikko. Poken typografia Typografia. 10 TYPOGRAFIA

13

TYPOGRAFI

A

Is est officabor sit anto

Doluptis es maxim dem doluptatum Maiossint lam atat quianto ruptatus inulpa volupta, luptatur serum laccus pre del maxim delendant?Marcus Aurelius | RomaTet aute dolupta sendae. Lacero doluptame sed qui sequissi dolut es qui temporp ossitio rehenis autem ipsunt et quiaese rumquidio. Il molupta quide comnihil iusam quo voluptatur sit, ulparit qui aut aut di con con poreprest, susdaec totaturi veles ut fugit que peligen-dis iunt aut dolenia volori ut ea cor si quia quo et hiciis et officab id et facia simolorrum, ut re si derspiende voluptiis doleniatur, sed quature rferspicti core siminverunt vellaborest hicidun ditate que id quametur, optat inverese ea nis ea eatis eatquias audae prae volupta turibusdam, et eum elenectotam resed mod qui acest et ea quae ex et venime pla con num quis sit maximus, que dolo conecti dolupta tiorum quodit endicto eri ilicia dolupta tquundigent.

Ab int alibus eum fugit, cus ipsuntur?Od ut qui voluptium ex et voluptaquis mostorunt ad eaque serersp ellibus ciuntianda iusam, ut voluptae omnihiliate erumet mintia il ilibeatio omnieni hillaut quae perspietur?

Gitaectis est, consequiae volestion nonsequatio debis ad et omnie-ntorero od que rerchiti voluptati dolupta sinihitatur, untibus ciatem sum issum is diam.

Hillaccuptas aci remped quam re consequiat evelenest ea nosandis quam que sa corehendaest re labo. Itatemp oriam, omnita seque voles autessitinti qui optas ese rempere molo-riorro quam id ut eruptur eratem iusdandipiti cori omnis molupist ipsa vidus et accaboria net mi, erferfe rspedisim aut dolupit aut evelentotat rem.

Nam, as remque sa nobis quiam faceatq uatempo reperio. Ut occae-pellata autaspel ium autenda corion parum et ut porum sumquame nim et dolorion et harumet, comnitenim et autat.

Pudae rerum quo omnihic aborund andanda Estiatet mo volora nis parci arum est, cumquae vente ipsus, tem conetur epeditem rerion eosti ommo eat lat re nobist quam quatior ersped quam est alit resenimi, non nusdaep eratecto dis et dolu-ptatiae eum issed qui volorionet estiund undicit atesequo volores ecullant laborepernat eiciusanti omnimi.

• Volum, estibus modion pratatis et reicitio dia volut ad quo que eum natecescipis pro eos il molorit aut dit parchil loremque dollam, eversperum sequiae voles quunt denihiciam

• Omnimus molupta tessimi nctistore, odit auta quiberitio• Et omnis eossus eum ad quas et rerio od ut et vendae pre,

omnihit lat adis atecumquas aut voluptaepro dolorepudit voluptatem exeratem.

”Pudam, sa simaxim porersp editate est ulla sum iunt hicim erum quist, ulpa volesti onseque cum eos demossi amtat ctem.

Otsikko 3

Yläotsikko

Ingressi

Leipäteksti BoldLeipäteksti

Otsikko 5

Korostus

Luettelo

Sitaatti

Typografia

Rakenne

Page 14: Poke 2018 Graafinen ohjeisto · 2019. 8. 26. · leikkasi vuonna 1540 selvän ja tasapainoisen kirjasimen Garamon-din, josta on tullut klassikko. Poken typografia Typografia. 10 TYPOGRAFIA

14

GRAFI

IKKA

Poke & urapolkuGrafiikka

https://www2.deloitte.com/insights/us/en/deloitte-review/issue-8/the-corporate-lattice-rethinking-careers-in-the-changing-world-of-work.html

Poken materiaaleissa voidaan hyödyntää urapolku-grafiikkaa, joka kuvastaa uudistuvan työelämän tarjoamia muuttuvia urapolkuja. Ruuduk-ko-kuviota voidaan käyttää sellaisenaan häiveen kanssa tai eri väreissä, ja siihen voidaan yhdistää nuolikuviota kuten yllä. Näiden pohjalle voidaan rakentaa myös infografiikkaa. Lue lisää urapoluista ylläolevasta linkistä!

Page 15: Poke 2018 Graafinen ohjeisto · 2019. 8. 26. · leikkasi vuonna 1540 selvän ja tasapainoisen kirjasimen Garamon-din, josta on tullut klassikko. Poken typografia Typografia. 10 TYPOGRAFIA

15

SLO

GANIT

Poke & sloganitGrafiikka

Älä unta näe. Tee siitä totta.

Yhteishaku 19.2.-12.3.2019Se on elämää.

Poken viestinnässä käytetään voimakkaita sloganeita (ks. erillinen vies-tintäkonsepti). Ne ladotaan mahdollisimman suurella, selkeällä tekstillä ja mielellään rohkeasti kuvan yhteyteen.

Page 16: Poke 2018 Graafinen ohjeisto · 2019. 8. 26. · leikkasi vuonna 1540 selvän ja tasapainoisen kirjasimen Garamon-din, josta on tullut klassikko. Poken typografia Typografia. 10 TYPOGRAFIA

16

SOVELL

UKSET

Älä unta näe. Tee siitä totta.

Yhteishaku 19.2.-12.3.2019

Älä unta näe. Tee siitä totta.

Yhteishaku 19.2.-12.3.2019Se on elämää.

Opiskele ammattiin

Roll-upitGrafiikka

Esimerkkejä roll-upeista.

Se on elämää.

#meollaanpoke

www.poke.fi www.poke.fi www.poke.fiwww.poke.fi

Page 17: Poke 2018 Graafinen ohjeisto · 2019. 8. 26. · leikkasi vuonna 1540 selvän ja tasapainoisen kirjasimen Garamon-din, josta on tullut klassikko. Poken typografia Typografia. 10 TYPOGRAFIA

17

SOVELL

UKSET

Se on elämää.

POHJOISEN KESKI-SUOMEN AMMATTIOPISTO

Etunimi-toinenkin Sukunimi-Pitkänimititteli+358 40 123 [email protected]

Älä unta näe. Tee siitä totta.

Yhteishaku 19.2.-12.3.2019

Maailma on oikeasti täynnä mahdollisuuksia, ja niistä sen kaikkein sopivimman löytäminen voi alkaa lähempää kuin kenties kuvittelitkaan. Pohjoisen Keski-Suomen ammattiopisto POKE tarjoaa tuhdin kattauksen ammatillisia perustutkintoja, jotka auttavat ottamaan tuntumaa siihen, mikä voisi olla juuri sinun juttusi. POKE tarjoaa puitteet, keinot ja väylät osaamisen kehittämiseen sii-hen suuntaan, mikä tuntuu kaikkein luontevimmilta – ihan niin pitkälle, kuin kiinnostus riittää tai pippuri kasvaa. Unelmat on tehty toteutettaviksi, ja meidän erikoisalaamme on siinä auttaminen.

Kysy rohkeasti lisää! →

www.poke.fi – Se on elämää.

POHJOISEN KESKI-SUOMEN AMMATTIOPISTO

Etunimi-toinenkin Sukunimi-Pitkänimi

titteli

Esimerkkejä muista graafisista materiaaleista.

Page 18: Poke 2018 Graafinen ohjeisto · 2019. 8. 26. · leikkasi vuonna 1540 selvän ja tasapainoisen kirjasimen Garamon-din, josta on tullut klassikko. Poken typografia Typografia. 10 TYPOGRAFIA

18

SOVELL

UKSET

Esimerkkejä muista graafisista materiaaleista.