Ero sivun ”Graafinen ohjeisto” versioiden välillä
(→Grafiikka ja valokuva sosiaalisessa mediassa) |
(→Värikoodit: Lisätty RGB-värit desimaalilukuina) |
||
| Rivi 42: | Rivi 42: | ||
|Väri | |Väri | ||
|CMYK | |CMYK | ||
| − | |HTML/Web | + | |RGB |
| + | |RGB HTML/Web | ||
|- | |- | ||
|'''Lila,''' 1. tunnusväri | |'''Lila,''' 1. tunnusväri | ||
|85-100-0-0 | |85-100-0-0 | ||
| + | |81-36-131 | ||
|#512483 | |#512483 | ||
|style="width: 30%; background-color: #512483;"| | |style="width: 30%; background-color: #512483;"| | ||
| Rivi 51: | Rivi 53: | ||
|'''Oranssi,''' 2. tunnusväri | |'''Oranssi,''' 2. tunnusväri | ||
|50-10-100-0 | |50-10-100-0 | ||
| + | |242-137-3 | ||
|#f28903 | |#f28903 | ||
|style="width: 30%; background-color: #f28903;"| | |style="width: 30%; background-color: #f28903;"| | ||
| Rivi 56: | Rivi 59: | ||
|Vihreä | |Vihreä | ||
|0-55-100-0 | |0-55-100-0 | ||
| + | |149-180-32 | ||
|#95b420 | |#95b420 | ||
|style="width: 30%; background-color: #95b420;"| | |style="width: 30%; background-color: #95b420;"| | ||
| Rivi 61: | Rivi 65: | ||
|Keltainen | |Keltainen | ||
|0-20-100-10 | |0-20-100-10 | ||
| + | |234-189-0 | ||
|#eabd00 | |#eabd00 | ||
|style="width: 30%; background-color: #eabd00;"| | |style="width: 30%; background-color: #eabd00;"| | ||
| Rivi 66: | Rivi 71: | ||
|Pinkki | |Pinkki | ||
|10-90-0-0 | |10-90-0-0 | ||
| + | |216-46-138 | ||
|#d82e8a | |#d82e8a | ||
|style="width: 30%; background-color: #d82e8a;"| | |style="width: 30%; background-color: #d82e8a;"| | ||
| Rivi 71: | Rivi 77: | ||
|Punainen | |Punainen | ||
|15-95-85-0 | |15-95-85-0 | ||
| + | |207-36-44 | ||
|#cf242c | |#cf242c | ||
|style="width: 30%; background-color: #cf242c;"| | |style="width: 30%; background-color: #cf242c;"| | ||
| Rivi 76: | Rivi 83: | ||
|Sininen | |Sininen | ||
|90-0-15-0 | |90-0-15-0 | ||
| + | |0-166-208 | ||
|#00a6d0 | |#00a6d0 | ||
|style="width: 30%; background-color: #00a6d0;"| | |style="width: 30%; background-color: #00a6d0;"| | ||
| Rivi 81: | Rivi 89: | ||
|Tummansininen | |Tummansininen | ||
|100-60-10-0 | |100-60-10-0 | ||
| + | |0-92-159 | ||
|#005c9f | |#005c9f | ||
|style="width: 30%; background-color: #005c9f;"| | |style="width: 30%; background-color: #005c9f;"| | ||
| Rivi 86: | Rivi 95: | ||
|Turkoosi | |Turkoosi | ||
|79-12-44-0 | |79-12-44-0 | ||
| + | |0-160-155 | ||
|#00a09b | |#00a09b | ||
|style="width: 30%; background-color: #00a09b;"| | |style="width: 30%; background-color: #00a09b;"| | ||
Versio 22. lokakuuta 2016 kello 20.30
Sisällysluettelo
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
Puolueen värikartta on sama kuin Ruotsin piraateilla.
Tunnusvärejä suositellaan käytettäväksi tehosteväreinä visuaalisessa suunnittelussa. Tunnusvärejä ei kannata käyttää tekstin värinä. Tekstin väri on ensisijaisesti musta vaalealla taustalla, ja valkoinen tummalla taustalla.
Lisäksi käytössä on apuvärejä visuaalisen suunnittelun tueksi. Nämä värisävyt on valittu siksi, että ne ovat toimivassa harmoniassa tunnusvärien kanssa ja sopivat tunnelmaltaan piraattien visuaaliseen ilmeeseen.
Värikoodit
| Väri | CMYK | RGB | RGB HTML/Web | |
| Lila, 1. tunnusväri | 85-100-0-0 | 81-36-131 | #512483 | |
| Oranssi, 2. tunnusväri | 50-10-100-0 | 242-137-3 | #f28903 | |
| Vihreä | 0-55-100-0 | 149-180-32 | #95b420 | |
| Keltainen | 0-20-100-10 | 234-189-0 | #eabd00 | |
| Pinkki | 10-90-0-0 | 216-46-138 | #d82e8a | |
| Punainen | 15-95-85-0 | 207-36-44 | #cf242c | |
| Sininen | 90-0-15-0 | 0-166-208 | #00a6d0 | |
| Tummansininen | 100-60-10-0 | 0-92-159 | #005c9f | |
| Turkoosi | 79-12-44-0 | 0-160-155 | #00a09b |
Fontit
- Penumbra Flare semibold
- Piraattipuolueen logon fontti on kaupallinen, käyttöömme ostettu. Lisätietoja fontin käytöstä antaa Pasi Palmulehto (sähköposti: etunimi.sukunimi at piraattipuolue.fi) https://www.fonts.com/font/adobe/penumbra-flare/semibold
- Nobile
- Web-käyttöön ja vastaaviin materiaaleihin vapaa fontti. https://fonts.google.com/specimen/Nobile
- Gentium Basic
- Printattuun palstatekstiin ja asiakirjoihin vapaa fontti. https://fonts.google.com/specimen/Gentium+Book+Basic
Valokuvat
Henkilökuvat, esim. ehdokaskuvat
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
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.
Twitter (header, profile)
- Header photo eli taustakuvan suosituskoko on 1500 x 500 pikseliä. Kuvia ei uudelleen muokata (resize) jos niiden koko on 1263 x 421 pikseliä.
- Profile photo eli profiilikuvan koko on 400 x 400 pikseliä
- Twitterin oma dokumentti https://support.twitter.com/articles/127871
Twitter (banner)
Piraattipuolue käytti kokoja 600 x 600 ja 800 x 800 pikseliä kannattajakorttikeräyksen aikana 2015-2016 ja toimivat kohtuullisesti eri kokoisilla päätelaitteilla.
- 1024 x 576 pikseliä on yleisesti käytetty koko
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
