Ero sivun ”Graafinen ohjeisto” versioiden välillä
(10 välissä olevaa versiota 2 käyttäjän tekeminä ei näytetä) | |||
Rivi 1: | Rivi 1: | ||
== Materiaaleja muualla tämän wikisivun lisäksi == | == Materiaaleja muualla tämän wikisivun lisäksi == | ||
'''Eduskuntavaalien 2019 materiaalikansio''' löytyy osoitteesta: | |||
https://drive.google.com/open?id=1H6Fm6VU3XOw40KPC3mGnDIkCQaTIPaXl | |||
Kansiosta löytyy mm. logotiedostoja eri muodoissa, kansikuvat twitteriin ja facebookiin ja Politics Head -fontti. | |||
Jos tarvitset jotain, mitä tällä sivulla ei ole näkyvissä tai apua materiaalien tai ohjeiston käytössä, ota yhteyttä osoitteeseen markkinointi@piraattipuolue.fi | |||
== Logot == | == Logot == | ||
Rivi 34: | Rivi 38: | ||
== Värit == | == Värit == | ||
Tekstin värinä käytetään ensijaisesti joko mustaa tai valkoista, ja muita värejä taustaväreinä tai kuvituksessa. Mustalla pohjalla tekstin väri voi olla myös joku vaaleimmista violeteista ja otsikoissa voi käyttää tummimpia violetteja oman harkinnan mukaan. | |||
Värien käytössä tulee ottaa huomioon että kontrasti on tarpeeksi suuri ja teksti tai kuvat ja erottuvat selvästi taustaväristä. | |||
==== Värikoodit ==== | |||
=== | {| class="wikitable" | ||
|- | |||
|Väri | |||
|CMYK [0-100] | |||
|RGB [0-255] | |||
|RGB Hex triplet for HTML/Web | |||
|- | |||
|Musta | |||
|75, 68, 67, 90 | |||
|0, 0, 0 | |||
|#000000 | |||
|style="width: 30%; background-color: #000000;"| | |||
|- | |||
|Valkoinen | |||
|0, 0, 0, 0 | |||
|255, 255, 255 | |||
|#ffffff | |||
|style="width: 30%; background-color: #ffffff;"| | |||
|- | |||
|} | |||
Musta ja valkoinen. Tekstien pääväri. Mustan ja valkoisen kanssa kannattaa käyttää mahdollisuuksien mukaan vain yhtä lisäväriä tai esimerkiksi useampia violetin ja vihreän sävyjä. | |||
{| class="wikitable" | {| class="wikitable" | ||
Rivi 49: | Rivi 74: | ||
|RGB Hex triplet for HTML/Web | |RGB Hex triplet for HTML/Web | ||
|- | |- | ||
| | |Violetti, puolueen tunnusväri | ||
|85, 100, 0, 0 | |85, 100, 0, 0 | ||
|81, 36, 131 | |81, 36, 131 | ||
Rivi 55: | Rivi 80: | ||
|style="width: 30%; background-color: #512483;"| | |style="width: 30%; background-color: #512483;"| | ||
|- | |- | ||
| | |Violetti 02 | ||
|62, 81, 0, 0 | |||
|121, 76, 171 | |||
|#794cab | |||
|style="width: 30%; background-color: #794cab;"| | |||
| | |||
| | |||
|# | |||
|style="width: 30%; background-color: # | |||
|- | |- | ||
| | |Violetti 03 | ||
| | |43, 60, 100, 0 | ||
| | |161, 116, 211 | ||
|# | |#a174d3 | ||
|style="width: 30%; background-color: # | |style="width: 30%; background-color: #a174d3;"| | ||
|- | |- | ||
| | |Violetti 04 | ||
| | |20, 34, 100, 10 | ||
| | |205, 170, 238 | ||
|# | |#cdaaee | ||
|style="width: 30%; background-color: # | |style="width: 30%; background-color: #cdaaee;"| | ||
|- | |- | ||
| | |Violetti 05 | ||
| | |8, 16, 0, 0 | ||
| | |230, 213, 246 | ||
|# | |#e6d5f6 | ||
|style="width: 30%; background-color: # | |style="width: 30%; background-color: #e6d5f6;"| | ||
|- | |- | ||
|} | |} | ||
Violettien lisäksi tehosteena voi käyttää vihreän sävyjä tai perinteistä oranssia. | |||
{| class="wikitable" | {| class="wikitable" | ||
|- | |- | ||
|Väri | |Väri | ||
|CMYK [0-100] | |||
|RGB [0-255] | |RGB [0-255] | ||
|RGB Hex triplet for HTML/Web | |RGB Hex triplet for HTML/Web | ||
|- | |- | ||
| | |Vihreä | ||
| | |73, 13, 37, 0 | ||
|# | |59, 168, 168 | ||
|style="width: 30%; background-color: # | |#3ba8a8 | ||
|style="width: 30%; background-color: #3ba8a8;"| | |||
|- | |||
|Vaaleampi vihreä | |||
|27, 0, 11, 0 | |||
|181, 224, 226 | |||
|#b5e0e2 | |||
|style="width: 30%; background-color: #b5e0e2;"| | |||
|- | |- | ||
|Oranssi, | |Oranssi | ||
|2, 56, 100, 0 | |||
|242, 137, 3 | |242, 137, 3 | ||
|#f28903 | |#f28903 | ||
Rivi 128: | Rivi 139: | ||
; | ; Politics Head | ||
* | * Useiden eri maiden piraattipuolueiden käyttämä otsikkofontti. Käytetään vain otsikoissa, ei koskaan leipätekstinä. [https://github.com/zutrinken/Oblivion/tree/master/fonts/politics_head https://github.com/zutrinken/Oblivion/tree/master/fonts/politics_head] | ||
; | ;Lato | ||
* Web-käyttöön ja vastaaviin materiaaleihin vapaa fontti. [ | * Web-käyttöön ja vastaaviin materiaaleihin vapaa fontti. Ensisijaisesti leipäteksteihin mutta sopii myös esim. väliotsikoihin Politics Headin sijaan. Puolueen materiaaleissa on käytetty tästä fontista usein leikkauksia light ja heavy. [http://www.latofonts.com/lato-free-fonts/ http://www.latofonts.com/lato-free-fonts/] | ||
; | ;Muita piraattien käyttämiä fontteja | ||
* | * Jos nämä eivät riitä, muita pirattien käyttämiä fontteja on listattu osoitteessa: [https://github.com/PiratenGP/Piratenkleider-GP/tree/master/fonts https://github.com/PiratenGP/Piratenkleider-GP/tree/master/fonts] | ||
== Valokuvat == | == Valokuvat == | ||
Rivi 177: | Rivi 188: | ||
Sosiaalinen media on visuaalisessa mielessä todella laaja käsite joten kohdennetaan tässä ohjeessa vain yleisempiin kohtiin. | Sosiaalinen media on visuaalisessa mielessä todella laaja käsite joten kohdennetaan tässä ohjeessa vain yleisempiin kohtiin. | ||
Kaikki kuvat kannattaa lähtökohtaisesti olla sRGB-väriavaruuden JPEG-kuvia. Joissain tapauksissa PNG toimii myös. | |||
Social media image size cheat sheet: https://makeawebsitehub.com/social-media-image-sizes-cheat-sheet/ | |||
'''Facebook''' | |||
Facebookin eri kuvaformaattien suositellut kuvakoot ovat: | |||
* profiiliikuva 180 x 180 px (tai isompi) | |||
* cover-kuva 820 x 312 px | |||
* feedissä jaettu kuva koko 1200 x 630 px | |||
* jaetun linkin esikatselukuva 1200 x 628 px | |||
* Highlight-kuva 1200 x 717 px | |||
* tapahtuman kuva 1920 x 1080 px | |||
* Lue lisää tästä aiheesta "[http://anyplanet.org/facebookin-preview-kuvien-asettaminen-wordpressissa Facebookin preview-kuvien asettaminen WordPressissä]" | * Lue lisää tästä aiheesta "[http://anyplanet.org/facebookin-preview-kuvien-asettaminen-wordpressissa Facebookin preview-kuvien asettaminen WordPressissä]" | ||
'''Twitter | '''Twitter''' | ||
* Header photo | * Header photo 1500 x 500 px. Kuvia ei uudelleen muokata (resize) jos niiden koko on 1263 x 421 pikseliä. | ||
* profiilikuva 400 x 400 px | |||
* | * in-stream photo 440 x 220 px | ||
* linkin preview-kuva 1024 x 512 px (Blogipostauksen tiedot ja preview voi tarkistaa Card Validatorilla https://cards-dev.twitter.com/validator ) | |||
* Twitterin oma dokumentti https://support.twitter.com/articles/127871 | * Twitterin oma dokumentti https://support.twitter.com/articles/127871 | ||
''' | '''Twitterin bannerit ja mainokset''' | ||
* 1024 x 576 pikseliä on yleisesti käytetty koko tässä yhteydessä | * 1024 x 576 pikseliä on yleisesti käytetty koko tässä yhteydessä | ||
* mainoskampanjakuvat suositeltu 1200 x 628 px, minimi on 600 x 335 pikseliä. | |||
'''Instagram''' | |||
* | * profiilikuva 110 x 110 px | ||
* | * normaali kuva 1024 x 1024 px (kuva voi olla myös aavistuksen kapeampi tai matalampi) | ||
* story-kuva tai -video 1024 x 1920 px | |||
== Muiden piraattipuolueiden ohjeistuksia == | == Muiden piraattipuolueiden ohjeistuksia == |
Nykyinen versio 26. helmikuuta 2019 kello 10.30
Materiaaleja muualla tämän wikisivun lisäksi
Eduskuntavaalien 2019 materiaalikansio löytyy osoitteesta: https://drive.google.com/open?id=1H6Fm6VU3XOw40KPC3mGnDIkCQaTIPaXl
Kansiosta löytyy mm. logotiedostoja eri muodoissa, kansikuvat twitteriin ja facebookiin ja Politics Head -fontti.
Jos tarvitset jotain, mitä tällä sivulla ei ole näkyvissä tai apua materiaalien tai ohjeiston käytössä, ota yhteyttä osoitteeseen markkinointi@piraattipuolue.fi
Logot
Piraattipuolueen logo
Purjelogo, musta logo -- PNG valkoisella pohjalla -- PNG läpinäkyvällä pohjalla -- SVG, EPS?
Purjelogo, valkoinen logo -- PNG mustalla pohjalla -- PNG läpinäkyvällä pohjalla -- SVG, EPS?
Purjelogo ja teksti, musta logo -- PNG valkoisella pohjalla -- PNG läpinäkyvällä pohjalla -- SVG, EPS?
Purjelogo ja teksti, valkoinen logo -- PNG mustalla pohjalla -- PNG läpinäkyvällä pohjalla -- SVG, EPS?
Piraattinuorten logo
Piraattinuorten oranssi purjelogo -- PNG valkoiselal taustalla -- PNG läpinäkyvällä taustalla -- SVG, EPS?
Värit
Tekstin värinä käytetään ensijaisesti joko mustaa tai valkoista, ja muita värejä taustaväreinä tai kuvituksessa. Mustalla pohjalla tekstin väri voi olla myös joku vaaleimmista violeteista ja otsikoissa voi käyttää tummimpia violetteja oman harkinnan mukaan.
Värien käytössä tulee ottaa huomioon että kontrasti on tarpeeksi suuri ja teksti tai kuvat ja erottuvat selvästi taustaväristä.
Värikoodit
Väri | CMYK [0-100] | RGB [0-255] | RGB Hex triplet for HTML/Web | |
Musta | 75, 68, 67, 90 | 0, 0, 0 | #000000 | |
Valkoinen | 0, 0, 0, 0 | 255, 255, 255 | #ffffff |
Musta ja valkoinen. Tekstien pääväri. Mustan ja valkoisen kanssa kannattaa käyttää mahdollisuuksien mukaan vain yhtä lisäväriä tai esimerkiksi useampia violetin ja vihreän sävyjä.
Väri | CMYK [0-100] | RGB [0-255] | RGB Hex triplet for HTML/Web | |
Violetti, puolueen tunnusväri | 85, 100, 0, 0 | 81, 36, 131 | #512483 | |
Violetti 02 | 62, 81, 0, 0 | 121, 76, 171 | #794cab | |
Violetti 03 | 43, 60, 100, 0 | 161, 116, 211 | #a174d3 | |
Violetti 04 | 20, 34, 100, 10 | 205, 170, 238 | #cdaaee | |
Violetti 05 | 8, 16, 0, 0 | 230, 213, 246 | #e6d5f6 |
Violettien lisäksi tehosteena voi käyttää vihreän sävyjä tai perinteistä oranssia.
Väri | CMYK [0-100] | RGB [0-255] | RGB Hex triplet for HTML/Web | |
Vihreä | 73, 13, 37, 0 | 59, 168, 168 | #3ba8a8 | |
Vaaleampi vihreä | 27, 0, 11, 0 | 181, 224, 226 | #b5e0e2 | |
Oranssi | 2, 56, 100, 0 | 242, 137, 3 | #f28903 |
Maalien värikoodi
Lila = L342 Tikkurilan värikartan mukaan. Klubin lattia ja ovet maalattu tämän mukaan keväällä 2018
Fontit
- Politics Head
- Useiden eri maiden piraattipuolueiden käyttämä otsikkofontti. Käytetään vain otsikoissa, ei koskaan leipätekstinä. https://github.com/zutrinken/Oblivion/tree/master/fonts/politics_head
- Lato
- Web-käyttöön ja vastaaviin materiaaleihin vapaa fontti. Ensisijaisesti leipäteksteihin mutta sopii myös esim. väliotsikoihin Politics Headin sijaan. Puolueen materiaaleissa on käytetty tästä fontista usein leikkauksia light ja heavy. http://www.latofonts.com/lato-free-fonts/
- Muita piraattien käyttämiä fontteja
- Jos nämä eivät riitä, muita pirattien käyttämiä fontteja on listattu osoitteessa: https://github.com/PiratenGP/Piratenkleider-GP/tree/master/fonts
Valokuvat
Henkilökuvat, esim. ehdokaskuvat
Ehdokasjulisteen kuvat
Teiden varsille tuleviin telineisiin suunniteltavia julisteita käytetään kaikissa Suomen vaaleissa. Yhteen julisteeseen laitetaan ehdokkaat joko vaalipiireittäin tai maakunnittain, riippuen tilanteesta.
Julisteet ovat yleensä kokoa A0, joten julistetta varten toimitettavan valokuvan on oltava erittäin laadukas, jotta se näyttäisi painotuotteessa hyvältä. Tämä koskee toki yleisestikin painettavia materiaaleja.
Sopiva ehdokaskuva julistetta varten saadaan, kun otetaan henkilöstä hyvällä kameralla laajahkolla rajauksella rintakuva. Taustan on hyvä olla vaalea. Rajaus voi olla laajempi kuin rintakuvarajaus, graafikko saa tällöin enemmän säätövaraa taittotilanteessa.
Valokuvista voi toimittaa joko hyvin editoidut versiot, tai alkuperäiset kuvat. Suositeltavaa on, että kuva on vähintään 1500 pikseliä leveä, mutta mieluiten mahdollisimman suuri. Käytetty tiedostoformaatti on yleensä PNG, JPG tai TIFF.
Suositeltavaa olisi, että jokainen ehdokas kuvattaisiin mahdollisimman samanlaisissa olosuhteissa, tai vähintäänkin jokaisen piirin kuvat olisivat keskenään samankaltaisia.
Ehdokaskuvat eri medioihin
- Eduskunta käyttää kansanedustajien esittelyssä (preview) kuvakokoa 590 x 886 pikseliä https://www.eduskunta.fi/FI/kansanedustajat/Sivut/edustajakuvat.aspx
--
Seuraavia voi täydentää
- Yleisluontoinen muotokuva
- Flyerit ja muut henkilökohtaiset printattavat mainokset
- Ehdokaslistat tienvarsilla
- Sivuston profiilikuvat 270x270 koolla, Philantropy teeman mukaan.
Yleiskuvat, esim. tapahtumakuvat
Grafiikka ja valokuva sosiaalisessa mediassa
Sosiaalinen media on visuaalisessa mielessä todella laaja käsite joten kohdennetaan tässä ohjeessa vain yleisempiin kohtiin.
Kaikki kuvat kannattaa lähtökohtaisesti olla sRGB-väriavaruuden JPEG-kuvia. Joissain tapauksissa PNG toimii myös.
Social media image size cheat sheet: https://makeawebsitehub.com/social-media-image-sizes-cheat-sheet/
Facebookin eri kuvaformaattien suositellut kuvakoot ovat:
- profiiliikuva 180 x 180 px (tai isompi)
- cover-kuva 820 x 312 px
- feedissä jaettu kuva koko 1200 x 630 px
- jaetun linkin esikatselukuva 1200 x 628 px
- Highlight-kuva 1200 x 717 px
- tapahtuman kuva 1920 x 1080 px
- Lue lisää tästä aiheesta "Facebookin preview-kuvien asettaminen WordPressissä"
- Header photo 1500 x 500 px. Kuvia ei uudelleen muokata (resize) jos niiden koko on 1263 x 421 pikseliä.
- profiilikuva 400 x 400 px
- in-stream photo 440 x 220 px
- linkin preview-kuva 1024 x 512 px (Blogipostauksen tiedot ja preview voi tarkistaa Card Validatorilla https://cards-dev.twitter.com/validator )
- Twitterin oma dokumentti https://support.twitter.com/articles/127871
Twitterin bannerit ja mainokset
- 1024 x 576 pikseliä on yleisesti käytetty koko tässä yhteydessä
- mainoskampanjakuvat suositeltu 1200 x 628 px, minimi on 600 x 335 pikseliä.
Instagram
- profiilikuva 110 x 110 px
- normaali kuva 1024 x 1024 px (kuva voi olla myös aavistuksen kapeampi tai matalampi)
- story-kuva tai -video 1024 x 1920 px
Muiden piraattipuolueiden ohjeistuksia
- Piratpartiet, Ruotsi http://mediawiki.piratpartiet.se/wiki/Graphical_manual
- Piratenpartei, Saksa http://wiki.piratenpartei.de/Pirate_Design
- Pirate Party, UK https://www.pirateparty.org.uk/campaigns/activists/design