Muutokset

Loikkaa: valikkoon, hakuun

Graafinen ohjeisto

612 tavua poistettu, 26. helmikuuta 2019 kello 10.30
→‎Värikoodit
== Materiaaleja muualla tämän wikisivun lisäksi ==
[http'''Eduskuntavaalien 2019 materiaalikansio''' löytyy osoitteesta:https://arkistodrive.piraattipuoluegoogle.ficom/index.phpopen?dirid=grafiikka%2FGraafinen+ohjeisto+1H6Fm6VU3XOw40KPC3mGnDIkCQaTIPaXl  Kansiosta löytyy mm. logotiedostoja eri muodoissa, kansikuvat twitteriin ja+materiaalipankki%2F Graafinen ohjeisto facebookiin ja materiaalipankki] puolueen arkistossaPolitics Head -fontti. Jos tarvitset jotain, mitä tällä sivulla ei ole näkyvissä tai apua materiaalien tai ohjeiston käytössä, josta löytyy muun muassa:* [http://arkisto.ota yhteyttä osoitteeseen markkinointi@piraattipuolue.fi/grafiikka/Graafinen%20ohjeisto%20ja%20materiaalipankki/pp-graafinen-0.99.pdf Graafinen ohjeisto, versio 0.99 (2011), PDF]
== Logot ==
== Värit ==
Puolueen värikartta on sama kuin Ruotsin piraateillaTekstin 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.
Tunnusvärejä suositellaan käytettäväksi tehosteväreinä visuaalisessa suunnittelussa. Tunnusvärejä ei kannata käyttää tekstin värinä. Tekstin väri Värien käytössä tulee ottaa huomioon että kontrasti on ensisijaisesti musta vaalealla taustalla, tarpeeksi suuri ja valkoinen tummalla taustallateksti tai kuvat ja erottuvat selvästi taustaväristä.
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 ====
{| 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== Värikoodit ===="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"
|RGB Hex triplet for HTML/Web
|-
|'''LilaVioletti,''' 1. puolueen tunnusväri
|85, 100, 0, 0
|81, 36, 131
|style="width: 30%; background-color: #512483;"|
|-
|'''Oranssi,''' 2. tunnusväri|50, 10, 100, 0|242, 137, 3|#f28903|style="width: 30%; background-color: #f28903;"||-|Vihreä|0, 55, 100, 0|149, 180, 32|#95b420|style="width: 30%; background-color: #95b420;"||-|Keltainen|0, 20, 100, 10|234, 189, 0|#eabd00|style="width: 30%; background-color: #eabd00;"||-|PinkkiVioletti 02|1062, 9081, 0, 0|216121, 4676, 138171|#d82e8a794cab|style="width: 30%; background-color: #d82e8a794cab;"|
|-
|PunainenVioletti 03|1543, 9560, 85100, 0|207161, 36116, 44211|#cf242ca174d3|style="width: 30%; background-color: #cf242ca174d3;"|
|-
|SininenVioletti 04|9020, 034, 15100, 010|0205, 166170, 208238|#00a6d0cdaaee|style="width: 30%; background-color: #00a6d0cdaaee;"|
|-
|TummansininenVioletti 05|1008, 6016, 100, 0|0230, 92213, 159246|#005c9fe6d5f6|style="width: 30%; background-color: #005c9fe6d5f6;"|
|-
|Turkoosi
|79, 12, 44, 0
|0, 160, 155
|#00a09b
|style="width: 30%; background-color: #00a09b;"|
|}
Nettisivun linkkien perusvärinä ei tule käyttää tunnusväri-lilaa, koska se ei mustasta tekstistä juurikaan erotu. Linkkien perusväriksi sopii alla oleva kirkkaan lila, ja hover-värinä, joka näkyy kun vie kursorin linkin päälle, Violettien lisäksi tehosteena voi käyttää vihreän sävyjä tai perinteistä oranssia.
{| class="wikitable"
|-
|Väri
|CMYK [0-100]
|RGB [0-255]
|RGB Hex triplet for HTML/Web
|-
|Kirkkaan lilaVihreä|73, 13, 37, 0|59, 168, 168|#3ba8a8|style="width: 30%; background-color: #3ba8a8;"||-|Vaaleampi vihreä|27, 0, 11, linkkien perusväri0|130181, 36224, 227226|#8224e3b5e0e2|style="width: 30%; background-color: #8224e3b5e0e2;"|
|-
|Oranssi|2, linkkien hover-väri56, 100, 0
|242, 137, 3
|#f28903
Sosiaalinen media on visuaalisessa mielessä todella laaja käsite joten kohdennetaan tässä ohjeessa vain yleisempiin kohtiin.
'''Facebook (cover, preview, profile)'''Kaikki kuvat kannattaa lähtökohtaisesti olla sRGB-väriavaruuden JPEG-kuvia. Joissain tapauksissa PNG toimii myös.
Facebookin coverSocial media image size cheat sheet: https://makeawebsitehub.com/social-media-image-sizes-kuva näkyy profiilissivulla ylhäällä, ikäänkuin takana. Suosituksina ovatcheat-sheet/
* koko 851 x 315 pikseliä ja alle 100 kilobyteä* sRGB-väriprofiilin mukainen jpg-formaatissa* Facebookin oma dokumentti https://www.facebook.com/help/125379114252045'''Facebook'''
'''Facebook (preview image)'''Facebookin eri kuvaformaattien suositellut kuvakoot ovat:
Preview* profiiliikuva 180 x 180 px (tai isompi)* cover-kuvalla tarkoitetaan sitä kuvaa, joka ilmestyy facebookkuva 820 x 312 px* feedissä jaettu kuva koko 1200 x 630 px* jaetun linkin esikatselukuva 1200 x 628 px* Highlight-postaukseen, kun postauksessa on linkki. Postauksien näkyvyyden kannalta feedeissä on hyvin tärkeää, että niihin on liitetty mukaan kuvaava ja mielenkiintoinen kuva.1200 x 717 px* tapahtuman kuva 1920 x 1080 px
* Facebook suosittelee preview-kuvien kooksi 1200 x 630 pikseliä ja minimi on 600 x 315.
* Lue lisää tästä aiheesta "[http://anyplanet.org/facebookin-preview-kuvien-asettaminen-wordpressissa Facebookin preview-kuvien asettaminen WordPressissä]"
'''Twitter (header, profile)'''
* Header photo eli taustakuvan suosituskoko on 1500 x 500 pikseliäpx. Kuvia ei uudelleen muokata (resize) jos niiden koko on 1263 x 421 pikseliä.* profiilikuva 400 x 400 px* Profile in-stream photo eli profiilikuvan koko on 400 440 x 220 px* linkin preview-kuva 1024 x 400 pikseliä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
'''Twitter (banner)Twitterin bannerit ja mainokset''' 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 tässä yhteydessä
* mainoskampanjakuvat suositeltu 1200 x 628 px, minimi on 600 x 335 pikseliä.
'''Twitter (ads)'''
 
Twitteriltä voi ostaa mainoskampanjoita. Niissä oleville kuville suositellaan 1200 x 628 pikselin kokoa ja minimi on 600 x 335 pikseliä.
 
'''Twitter (tweet preview)'''
Preview-kuva generoidaan esimerkiksi siinä tapauksessa, että tweetissä on linkki blogipostukseen. Kuva ja siihen liittyvät ominaisuudet voidaan määritellä Twitter Cardsien perusteella itse blogipostauksessa. https://dev.twitter.com/cards/types/summary'''Instagram'''
* Twitter suosittelee kuvan kooksi profiilikuva 110 x 110 px* normaali kuva 1024 x 1024 × 512 pikseliäpx (kuva voi olla myös aavistuksen kapeampi tai matalampi)* Blogipostauksen tiedot ja preview voi tarkistaa Card Validatorilla https://cardsstory-kuva tai -dev.twitter.com/validatorvideo 1024 x 1920 px
== Muiden piraattipuolueiden ohjeistuksia ==
Pammda
10
muokkausta
Noudettu kohteesta https://wiki.piraattipuolue.fi/Toiminnot:MobileDiff/76123...76172

Navigointivalikko