Graafinen ohjeisto - Muutoshistoria

Pammda: /* Värikoodit */

2019-02-26T10:30:51Z

Värikoodit

← Vanhempi versio		Versio 26. helmikuuta 2019 kello 10.30
Rivi 43:		Rivi 43:

	==== Värikoodit ====		==== 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"

Puhvi (25. helmikuuta 2019 kello 18.14)

2019-02-25T18:14:05Z

← Vanhempi versio		Versio 25. helmikuuta 2019 kello 18.14
Rivi 162:		Rivi 162:

	== Grafiikka ja valokuva sosiaalisessa mediassa ==		== Grafiikka ja valokuva sosiaalisessa mediassa ==

	~~'''Tämä osa ohjeesta ei ole ajan tasalla. Ajantasaiset kuvakoot eri somealustoille löytyvät parhaiten hakukoneilla.'''~~


	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.

	~~'''Facebook (cover, preview, profile)'''~~		Kaikki kuvat kannattaa lähtökohtaisesti olla sRGB-väriavaruuden JPEG-kuvia. Joissain tapauksissa PNG toimii myös.

	~~Facebookin cover~~-~~kuva näkyy profiilissivulla ylhäällä, ikäänkuin takana. Suosituksina ovat~~		Social media image size cheat sheet: https://makeawebsitehub.com/social-media-image-sizes-cheat-sheet/

	* koko 851 x 315 pikseliä ja alle 100 kilobyteä		'''Facebook'''
	* sRGB-väriprofiilin mukainen jpg-formaatissa
	* Facebookin oma dokumentti https://www.facebook.com/help/125379114252045

	~~'''Facebook (preview image)'''~~		Facebookin eri kuvaformaattien suositellut kuvakoot ovat:

	~~Preview~~-~~kuvalla tarkoitetaan sitä kuvaa, joka ilmestyy facebook~~-~~postaukseen, kun postauksessa on linkki. Postauksien näkyvyyden kannalta feedeissä on hyvin tärkeää, että niihin on liitetty mukaan kuvaava ja mielenkiintoinen~~ kuva.		* 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

	* 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ä]"		* Lue lisää tästä aiheesta "[http://anyplanet.org/facebookin-preview-kuvien-asettaminen-wordpressissa Facebookin preview-kuvien asettaminen WordPressissä]"

	'''Twitter ~~(header, profile)~~'''		'''Twitter'''

	* 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ä~~		* 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

	'''~~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ä		* 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~~ 1024 ~~× 512 pikseliä~~		* profiilikuva 110 x 110 px
	* ~~Blogipostauksen tiedot ja preview voi tarkistaa Card Validatorilla https://cards~~-~~dev.twitter.com/validator~~		* 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 ==

Pammda: /* Materiaaleja muualla tämän wikisivun lisäksi */

2019-02-23T13:11:00Z

Materiaaleja muualla tämän wikisivun lisäksi

← Vanhempi versio		Versio 23. helmikuuta 2019 kello 13.11
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:		'''Eduskuntavaalien 2019 materiaalikansio''' löytyy osoitteesta:
	https://drive.google.com/open?id=1H6Fm6VU3XOw40KPC3mGnDIkCQaTIPaXl		https://drive.google.com/open?id=1H6Fm6VU3XOw40KPC3mGnDIkCQaTIPaXl

Pammda: /* Grafiikka ja valokuva sosiaalisessa mediassa */

2019-02-23T12:19:49Z

Grafiikka ja valokuva sosiaalisessa mediassa

← Vanhempi versio		Versio 23. helmikuuta 2019 kello 12.19
Rivi 163:		Rivi 163:
	== Grafiikka ja valokuva sosiaalisessa mediassa ==		== Grafiikka ja valokuva sosiaalisessa mediassa ==

	''Tämä osa ohjeesta ei ole ajan tasalla. Ajantasaiset kuvakoot eri somealustoille löytyvät parhaiten hakukoneilla.'''		'''Tämä osa ohjeesta ei ole ajan tasalla. Ajantasaiset kuvakoot eri somealustoille löytyvät parhaiten hakukoneilla.'''


	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.

Pammda: /* Grafiikka ja valokuva sosiaalisessa mediassa */

2019-02-23T12:18:48Z

Grafiikka ja valokuva sosiaalisessa mediassa

← Vanhempi versio		Versio 23. helmikuuta 2019 kello 12.18
Rivi 162:		Rivi 162:

	== Grafiikka ja valokuva sosiaalisessa mediassa ==		== Grafiikka ja valokuva sosiaalisessa mediassa ==

			''Tämä osa ohjeesta ei ole ajan tasalla. Ajantasaiset kuvakoot eri somealustoille löytyvät parhaiten hakukoneilla.'''

	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.

Pammda: /* Materiaaleja muualla tämän wikisivun lisäksi */

2019-02-23T12:01:14Z

Materiaaleja muualla tämän wikisivun lisäksi

← Vanhempi versio		Versio 23. helmikuuta 2019 kello 12.01
Rivi 1:		Rivi 1:
	== Materiaaleja muualla tämän wikisivun lisäksi ==		== Materiaaleja muualla tämän wikisivun lisäksi ==

	Eduskuntavaalien 2019 materiaalikansio ~~ehdokkaille ja aktiiveille~~ löytyy osoitteesta:		Eduskuntavaalien 2019 materiaalikansio löytyy osoitteesta:
			https://drive.google.com/open?id=1H6Fm6VU3XOw40KPC3mGnDIkCQaTIPaXl

	~~[https://drive.google.com/open?id=1H6Fm6VU3XOw40KPC3mGnDIkCQaTIPaXl https://drive.google.com/open?id=1H6Fm6VU3XOw40KPC3mGnDIkCQaTIPaXl]~~
	Kansiosta löytyy mm. logotiedostoja eri muodoissa, kansikuvat twitteriin ja facebookiin ja Politics Head -fontti.		Kansiosta löytyy mm. logotiedostoja eri muodoissa, kansikuvat twitteriin ja facebookiin ja Politics Head -fontti.

Pammda: /* Materiaaleja muualla tämän wikisivun lisäksi */

2019-02-23T11:59:29Z

Materiaaleja muualla tämän wikisivun lisäksi

← Vanhempi versio		Versio 23. helmikuuta 2019 kello 11.59
Rivi 3:		Rivi 3:
	Eduskuntavaalien 2019 materiaalikansio ehdokkaille ja aktiiveille löytyy osoitteesta:		Eduskuntavaalien 2019 materiaalikansio ehdokkaille ja aktiiveille löytyy osoitteesta:

	https://drive.google.com/open?id=1H6Fm6VU3XOw40KPC3mGnDIkCQaTIPaXl		[https://drive.google.com/open?id=1H6Fm6VU3XOw40KPC3mGnDIkCQaTIPaXl https://drive.google.com/open?id=1H6Fm6VU3XOw40KPC3mGnDIkCQaTIPaXl]

	Kansiosta löytyy mm. logotiedostoja eri muodoissa, kansikuvat twitteriin ja facebookiin ja Politics Head -fontti.		Kansiosta löytyy mm. logotiedostoja eri muodoissa, kansikuvat twitteriin ja facebookiin ja Politics Head -fontti.

Pammda: /* Materiaaleja muualla tämän wikisivun lisäksi */

2019-02-23T11:58:07Z

Materiaaleja muualla tämän wikisivun lisäksi

← Vanhempi versio		Versio 23. helmikuuta 2019 kello 11.58
Rivi 1:		Rivi 1:
	== Materiaaleja muualla tämän wikisivun lisäksi ==		== Materiaaleja muualla tämän wikisivun lisäksi ==

	Eduskuntavaalien 2019 materiaalikansio ehdokkaille ja aktiiveille ~~osoitteessa~~		Eduskuntavaalien 2019 materiaalikansio ehdokkaille ja aktiiveille löytyy osoitteesta:

	https://drive.google.com/open?id=1H6Fm6VU3XOw40KPC3mGnDIkCQaTIPaXl		https://drive.google.com/open?id=1H6Fm6VU3XOw40KPC3mGnDIkCQaTIPaXl

Pammda: /* Materiaaleja muualla tämän wikisivun lisäksi */

2019-02-23T11:57:39Z

Materiaaleja muualla tämän wikisivun lisäksi

← Vanhempi versio		Versio 23. helmikuuta 2019 kello 11.57
Rivi 1:		Rivi 1:
	== Materiaaleja muualla tämän wikisivun lisäksi ==		== Materiaaleja muualla tämän wikisivun lisäksi ==

	~~[http~~://~~arkisto~~.~~piraattipuolue~~.fi/~~index.php~~?~~dir~~=~~grafiikka%2FGraafinen+ohjeisto+~~ja~~+materiaalipankki%2F Graafinen ohjeisto~~ ja ~~materiaalipankki] puolueen arkistossa~~, ~~josta löytyy muun muassa:~~		Eduskuntavaalien 2019 materiaalikansio ehdokkaille ja aktiiveille osoitteessa
	* [http://arkisto.piraattipuolue.fi~~/grafiikka/Graafinen%20ohjeisto%20ja%20materiaalipankki/pp-graafinen-0.99.pdf Graafinen ohjeisto, versio 0.99 (2011), PDF]~~
			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 ==

Pammda: /* Värit */

2019-02-23T10:45:07Z

Värit

← Vanhempi versio		Versio 23. helmikuuta 2019 kello 10.45
Rivi 34:		Rivi 34:
	== Värit ==		== Värit ==

	~~Puolueen värikartta on sama kuin Ruotsin piraateilla~~.		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.

	~~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.~~		Värien käytössä tulee ottaa huomioon että kontrasti on tarpeeksi suuri ja teksti 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 ====		==== Värikoodit ====
Rivi 49:		Rivi 47:
	\|RGB Hex triplet for HTML/Web		\|RGB Hex triplet for HTML/Web
	\|-		\|-
	\|~~'''Lila~~,~~''' 1.~~ tunnusväri		\|Violetti, puolueen tunnusväri
	\|85, 100, 0, 0		\|85, 100, 0, 0
	\|81, 36, 131		\|81, 36, 131
Rivi 55:		Rivi 53:
	\|style="width: 30%; background-color: #512483;"\|		\|style="width: 30%; background-color: #512483;"\|
	\|-		\|-
	\|~~'''Oranssi,''' 2. tunnusväri~~		\|Violetti 02
	~~\|50, 10, 100, 0~~		\|62, 81, 0, 0
	~~\|242, 137, 3~~		\|121, 76, 171
	~~\|#f28903~~		\|#794cab
	~~\|style="width: 30%; background-color: #f28903;"\|~~		\|style="width: 30%; background-color: #794cab;"\|
	\|-
	~~\|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;"\|~~
	\|-
	~~\|Pinkki~~
	\|10, 90, 0, 0
	\|~~216~~, 46, ~~138~~
	\|#~~d82e8a~~
	\|style="width: 30%; background-color: #~~d82e8a~~;"\|
	\|-		\|-
	\|~~Punainen~~		\|Violetti 03
	\|15, 95, 85, 0		\|43, 60, 100, 0
	\|~~207~~, 36, 44		\|161, 116, 211
	\|#~~cf242c~~		\|#a174d3
	\|style="width: 30%; background-color: #~~cf242c~~;"\|		\|style="width: 30%; background-color: #a174d3;"\|
	\|-		\|-
	\|~~Sininen~~		\|Violetti 04
	\|90, 0, 15, 0		\|20, 34, 100, 10
	\|0, ~~166~~, ~~208~~		\|205, 170, 238
	\|#~~00a6d0~~		\|#cdaaee
	\|style="width: 30%; background-color: #~~00a6d0~~;"\|		\|style="width: 30%; background-color: #cdaaee;"\|
	\|-		\|-
	\|~~Tummansininen~~		\|Violetti 05
	\|~~100~~, 60, 10, 0		\|8, 16, 0, 0
	\|0, 92, ~~159~~		\|230, 213, 246
	\|#~~005c9f~~		\|#e6d5f6
	\|style="width: 30%; background-color: #~~005c9f~~;"\|		\|style="width: 30%; background-color: #e6d5f6;"\|
	\|-		\|-
	~~\|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, voi käyttää oranssia.		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
	\|-		\|-
	\|~~Kirkkaan lila~~, ~~linkkien perusväri~~		\|Vihreä
	\|~~130~~, 36, ~~227~~		\|73, 13, 37, 0
	\|#~~8224e3~~		\|59, 168, 168
	\|style="width: 30%; background-color: #~~8224e3~~;"\|		\|#3ba8a8
			\|style="width: 30%; background-color: #3ba8a8;"\|
			\|-
			\|Vaaleampi vihreä
			\|27, 0, 11, 0
			\|181, 224, 226
			\|#b5e0e2
			\|style="width: 30%; background-color: #b5e0e2;"\|
	\|-		\|-
	\|Oranssi, ~~linkkien hover-väri~~		\|Oranssi
			\|2, 56, 100, 0
	\|242, 137, 3		\|242, 137, 3
	\|#f28903		\|#f28903