Ero sivun ”Käyttäjä:Nelg/Sandbox” versioiden välillä

PiraattiWikistä
Siirry navigaatioon Siirry hakuun
(Ak: Uusi sivu: <div style="border:1px solid green; background:#FFE0D0; width:100%; margin:5px"> Välkommen till Piratpartiets grafiska manual. Detta är ej stenhårda regler utan är tänkt som e...)
 
pEi muokkausyhteenvetoa
 
(3 välissä olevaa versiota toisen käyttäjän tekemänä ei näytetä)
Rivi 1: Rivi 1:
<div style="border:1px solid green; background:#FFE0D0; width:100%; margin:5px">
Tervetuloa Piraattipuolueen graafiseen ohjeistukseen. Nämä eivät ole kiveen kirjoitettuja sääntöjä, vaan tarkoituksena on tarjota ohjeita kun aikomuksena on tuottaa Piraattipuolueelle visuaalista materiaalia.
Välkommen till Piratpartiets grafiska manual. Detta är ej stenhårda regler utan är tänkt som ett stöd för när man gör saker med Piratpartiet som avsändare.  


This manual has also been translated to [[Graphical_manual| English]] and [[Manual_grafica| Spanish]].
= Virallinen logotyyppi =
Liila (tai valkoinen) purje on logomme, joka yhdessä tekstin kanssa on päälogomme. Purjetta voi käyttää yksin, jopa useissa eri virallisissa [[Graafinen ohjeistus#Värit|väreissämme]]. Oikealla on ns. serpentiinilogo joka yhdistää värimme ja symbolisoi liikettä ja joustavuutta. Eri versiot on ladattavissa osiosta [[Graafinen ohjeistus#Ladattavat logot|Ladattavat logot]].


För partiets gamla grafiska profil, se [[Grafisk profil innan 2015|här]].
=====Pystylogo=====
 
= Officiell logotyp =
Det lila (eller vita) seglet är vår logotyp, som tillsammans med namnet används som vår primära logga. Seglet får användas ensamt, och även läggas i nån av våra officiella [[Grafisk_manual#F.C3.A4rger|färger]]. Till höger kan du se den s.k. serpentin-versionen av loggan som kombinerar våra färger och symboliserar rörelse och flexibilitet. Olika versioner finns nedladdningsbara [[Grafisk_manual#Logotyper_f.C3.B6r_nedladdning|här]].
=====Stående logga=====
{| class="wikitable" style="background: #e0dede;"  
{| class="wikitable" style="background: #e0dede;"  
| [[File:Standard stående medsvarttext.svg|300px|frameless]]
| [[File:Standard stående medsvarttext.svg|300px|frameless]]
Rivi 15: Rivi 11:
|}
|}


=====Liggande logga=====
=====Vaakalogo=====
{| class="wikitable" style="background: #e0dede;"
{| class="wikitable" style="background: #e0dede;"
| [[File:Standard_liggande_medsvarttext.svg|300px|frameless]]
| [[File:Standard_liggande_medsvarttext.svg|300px|frameless]]
Rivi 22: Rivi 18:
|}
|}


= Logotypens uppbyggnad =
= Logotyypin rakenne =
Logotypen får även användas utan text till, samt i olika PP-färger.
Logotyyppiä voi käyttää ilman tekstiä, myöskin PP-väreissä.


=====Stående logga=====
=====Pystylogo=====
{| class="wikitable" style="background: #e0dede; width: 900px;"
{| class="wikitable" style="background: #e0dede; width: 900px;"
|[[File:Uppbyggnad1.jpg|500px|frameless]]
|[[File:Rakenne1.jpg|500px|frameless]]
|  
|  
* Logotyp – standardfärg lila, men får även användas i de andra [[Grafisk_manual#F.C3.A4rger|PP-färgerna]].
* Logotyyppi &ndash; standardi liila, voi käyttää myös [[Graafinen ohjeistus#Värit|PP-väreissä]].
* Dela upp ytan i 23 lika stora delar på höjden.
* Jaa alue 23 yhtä suureen osaan pystysuunnassa.
* Loggan tar 15 rutor på höjden.
* Logo peittää 15 osaa pystysuunnassa.
* Piratpartiet skrivs alltid i versaler och i Lato Light, och är två rutor på höjden.
* ''Piraattipuolue'' kirjoitetaan suuraakkosissa '''Penumbra Flare''' -fontilla, teksti peittää 3 ruutua pystysuunnassa (noin 31 vaakasuunnassa).
* Det horisontella höjdmåttet bestämmer bredden på vertikal ledd.
* Det horisontella höjdmåttet bestämmer bredden på vertikal ledd. '''''(en ymmärrä ._.)'''''
|}
|}


=====Liggande logga=====
=====Vaakalogo=====
{| class="wikitable" style="background: #e0dede; width: 900px;"
{| class="wikitable" style="background: #e0dede; width: 900px;"
|[[File:Uppbyggnad2.jpg|500px|frameless]]
|[[File:Rakenne2.jpg|500px|frameless]]
|
|
* Logotyp – standardfärg lila, men får även användas i de andra [[Grafisk_manual#F.C3.A4rger|PP-färgerna]].
* Logotyyppi &ndash; standardi liila, voi käyttää myös [[Graafinen ohjeistus#Värit|PP-väreissä]].
* Dela upp ytan i 8 lika stora delar på höjden.
* Jaa alue 8 yhtä suureen osaan pystysuunnassa.
* Loggan tar 4 rutor på höjden.
* Logo peittää 4 osaa pystysuunnassa.
* Piratpartiet skrivs alltid i versaler och i Lato Light, och är två rutor på höjden.
* ''Piraattipuolue'' kirjoitetaan suuraakkosissa ja '''''(logofontti)''''', teksti peittää '''''(kuinka monta?)''''' ruutua pystysuunnassa.
* Det horisontella höjdmåttet bestämmer bredden på vertikal ledd.   
* Det horisontella höjdmåttet bestämmer bredden på vertikal ledd.   
|}
|}


= Logotypens användning =
= Logotyypin käyttö =
=====Regioner/föreningar=====
=====Alueet/piiriyhdistykset=====
{| class="wikitable" style="background: #e0dede; width: 900px;"
{| class="wikitable" style="background: #e0dede; width: 900px;"
|[[File:Regioner.jpg|500px|frameless]]
|[[File:Alueet.jpg|500px|frameless]]
|Piratpartiet behöver inte vara utskrivet vid logotypen om sammanhanget gör det tydligt att det är Piratpartiet. Exempel: en Facebooksida där sidans namn redan anger ”Piratpartiet Västra Götaland”, el.dyl.
|Aluelogossa ei tarvitse lukea ''Piraattipuolue'' jos asiayhteys puolueeseen on selkeä. Esimerkiksi: Facebook-sivu jonka nimi on jo "Hämeen Piraatit" ym.
|}
|}


=====Webbadress, osv.=====
=====Web-osoite, jne.=====
{| class="wikitable" style="background: #e0dede; width: 900px;"
{| class="wikitable" style="background: #e0dede; width: 900px;"
|[[File:Webbadresser.jpg|500px|frameless]]
|[[File:Web-osoite.jpg|500px|frameless]]
|Ska helst alltid vara i det stående formatet och alltid Lato Bold i gemener.
|Mieluiten aina [[Graafinen ohjeistus#Pystylogo|pystylogo]] ja '''''(logofontti)''''' pienaakkosilla.
|}
|}
</div>
 
= Värit =
= Värit =
Färgerna får även användas i procentad form.
Värejä voi käyttää myös prosenttiarvoilla.
{| class="wikitable"
{| class="wikitable"
!colspan="13"|Färgkoder
!colspan="13"|Värikoodit
|-
|-
|
|
Rivi 71: Rivi 67:
|
|
|-
|-
|Liila – pääväri
|Liila – ensisijainen väri
|#512483  
|#512483  
|85-100-0-0  
|85-100-0-0  
Rivi 78: Rivi 74:
|
|
|-
|-
|Oranssi – sekundäärinen väri  
|Oranssi – toissijainen väri  
|#f28903  
|#f28903  
|50-10-100-0  
|50-10-100-0  
Rivi 133: Rivi 129:
|-
|-
|}
|}
<div style="border:1px solid green; background:#FFE0D0; width:100%; margin:5px">
 
= Kombination logotyp och färger =
= Logotyyppi väreissä =
{| class="wikitable" style="background: #e0dede;"
{| class="wikitable" style="background: #e0dede;"
| [[File:Lila_segel.svg|170px|frameless]]
| [[File:Liila_purje.svg|170px|frameless]]
| [[File:Orange_segel.svg|170px|frameless]]
| [[File:Oranssi_purje.svg|170px|frameless]]
| [[File:Gult_segel.svg|170px|frameless]]
| [[File:Keltainen_purje.svg|170px|frameless]]
| [[File:Grönt_segel.svg|170px|frameless]]
| [[File:Vihreä_purje.svg|170px|frameless]]
| [[File:Rosa_segel.svg|170px|frameless]]
| [[File:Pinkki_purje.svg|170px|frameless]]
|-
|-
| [[File:Rött_segel.svg|170px|frameless]]
| [[File:Punainen_purje.svg|170px|frameless]]
| [[File:Ljusblått_segel.svg|170px|frameless]]
| [[File:Vaaleansininen_purje.svg|170px|frameless]]
| [[File:Mörkblått_segel.svg|170px|frameless]]
| [[File:Sininen_purje.svg|170px|frameless]]
| [[File:Turkost_segel.svg|170px|frameless]]
| [[File:Turkoosi_purje.svg|170px|frameless]]
| [[File:Vitt_segel.svg|170px|frameless]]
| [[File:Valkoinen_purje.svg|170px|frameless]]
|}
|}


= Typsnitt =
<div style="border:1px solid black; background:#FFE0D0; width:100%; margin:5px">
 
= Kirjasintyyppi =
{| class="wikitable" style="background: #e0dede; width: 900px;"
{| class="wikitable" style="background: #e0dede; width: 900px;"
|[[File:Lato.jpg|500px|frameless]]
|[[File:Lato.jpg|500px|frameless]]
Rivi 159: Rivi 157:
|}
|}


= Formgivning =
 
 
= Muotoilu =


{| class="wikitable" style="background: #e0dede; width: 900px;"
{| class="wikitable" style="background: #e0dede; width: 900px;"
Rivi 181: Rivi 181:
|}
|}


= Ikoner och illustrationer =
</div>
 
= Ikonit ja kuvitukset =


{| class="wikitable" style="background: #e0dede; width: 900px;"
{| class="wikitable" style="background: #e0dede; width: 900px;"
|[[File:Raket.jpg|300px|frameless]]
|[[File:Raketti.jpg|300px|frameless]]
| Ibland kan man behöva använda sig av ikoner eller illustrationer. För det ändamålet ­rekommenderas [http://fortawesome.github.io/Font-Awesome Font Awsome]. Används med fördel tillsammans med vårt typsnitt och våra färger.
|Välillä voi olla tarve käyttää ikoneja tai kuvituksia. Tähän tarkoitukseen suositellaan fonttia [http://fortawesome.github.io/Font-Awesome Font Awesome], jota käytetään pääasiassa oman kirjasintyypimme ja väriemme kanssa.
|}
|}
<div style="border:1px solid black; background:#FFE0D0; width:100%; margin:5px">


= Remix av logotyp =
= Remix av logotyp =
Rivi 238: Rivi 242:
* [http://fortawesome.github.io/Font-Awesome Font Awsome] – fri ikonfont för webb och illustrationer
* [http://fortawesome.github.io/Font-Awesome Font Awsome] – fri ikonfont för webb och illustrationer


=====Logotyper för nedladdning=====
=====Ladattavat logot=====
* [http://opassande.se/wp-content/uploads/2015/10/eps.zip Loggor] – samtliga loggor i ett paket, eps 4-färg för tryck.
* [http://opassande.se/wp-content/uploads/2015/10/eps.zip Loggor] – samtliga loggor i ett paket, eps 4-färg för tryck.
* [http://opassande.se/wp-content/uploads/2015/10/svg.zip Loggor] - samtliga loggor i ett paket, svg RGB för webb o.dyl.
* [http://opassande.se/wp-content/uploads/2015/10/svg.zip Loggor] - samtliga loggor i ett paket, svg RGB för webb o.dyl.
Rivi 267: Rivi 271:
* Pirate Party UK ([https://pirateparty.org.uk/campaigns/activists/all-materials posters, flyers, images etc.])
* Pirate Party UK ([https://pirateparty.org.uk/campaigns/activists/all-materials posters, flyers, images etc.])


[[category:Grafisk manual]]
</div>


{{partiet}}
[[Luokka:Ohjeet]]

Nykyinen versio 28. lokakuuta 2016 kello 07.14

Tervetuloa Piraattipuolueen graafiseen ohjeistukseen. Nämä eivät ole kiveen kirjoitettuja sääntöjä, vaan tarkoituksena on tarjota ohjeita kun aikomuksena on tuottaa Piraattipuolueelle visuaalista materiaalia.

Virallinen logotyyppi

Liila (tai valkoinen) purje on logomme, joka yhdessä tekstin kanssa on päälogomme. Purjetta voi käyttää yksin, jopa useissa eri virallisissa väreissämme. Oikealla on ns. serpentiinilogo joka yhdistää värimme ja symbolisoi liikettä ja joustavuutta. Eri versiot on ladattavissa osiosta Ladattavat logot.

Tiedosto:Standard stående medsvarttext.svg Tiedosto:Standard stående medvittext.svg Tiedosto:Serpentin stående medsvarttext.svg
Tiedosto:Standard liggande medsvarttext.svg style="background-color: #512483;" Tiedosto:Serpentin liggande medsvarttext.svg

Logotyypin rakenne

Logotyyppiä voi käyttää ilman tekstiä, myöskin PP-väreissä.

Pystylogo
Tiedosto:Rakenne1.jpg
  • Logotyyppi – standardi liila, voi käyttää myös PP-väreissä.
  • Jaa alue 23 yhtä suureen osaan pystysuunnassa.
  • Logo peittää 15 osaa pystysuunnassa.
  • Piraattipuolue kirjoitetaan suuraakkosissa Penumbra Flare -fontilla, teksti peittää 3 ruutua pystysuunnassa (noin 31 vaakasuunnassa).
  • Det horisontella höjdmåttet bestämmer bredden på vertikal ledd. (en ymmärrä ._.)
Vaakalogo
Tiedosto:Rakenne2.jpg
  • Logotyyppi – standardi liila, voi käyttää myös PP-väreissä.
  • Jaa alue 8 yhtä suureen osaan pystysuunnassa.
  • Logo peittää 4 osaa pystysuunnassa.
  • Piraattipuolue kirjoitetaan suuraakkosissa ja (logofontti), teksti peittää (kuinka monta?) ruutua pystysuunnassa.
  • Det horisontella höjdmåttet bestämmer bredden på vertikal ledd.

Logotyypin käyttö

Alueet/piiriyhdistykset
Tiedosto:Alueet.jpg Aluelogossa ei tarvitse lukea Piraattipuolue jos asiayhteys puolueeseen on selkeä. Esimerkiksi: Facebook-sivu jonka nimi on jo "Hämeen Piraatit" ym.
Web-osoite, jne.
Tiedosto:Web-osoite.jpg Mieluiten aina pystylogo ja (logofontti) pienaakkosilla.

Värit

Värejä voi käyttää myös prosenttiarvoilla.

Värikoodit
Web Paino (CMYK)
Liila – ensisijainen väri #512483 85-100-0-0
Oranssi – toissijainen väri #f28903 50-10-100-0
Keltainen #eabd00 0-20-100-10
Vihreä #95b420 0-55-100-0
Vaaleanpunainen #d82e8a 10-90-0-0
Punainen #cf242c 15-95-85-0
Sininen #00a6d0 90-0-15-0
Tummansininen #005c9f 100-60-10-0
Turkoosi #00a09b 79-12-44-0

Logotyyppi väreissä

Tiedosto:Liila purje.svg Tiedosto:Oranssi purje.svg Tiedosto:Keltainen purje.svg Tiedosto:Vihreä purje.svg Tiedosto:Pinkki purje.svg
Tiedosto:Punainen purje.svg Tiedosto:Vaaleansininen purje.svg Tiedosto:Sininen purje.svg Tiedosto:Turkoosi purje.svg Tiedosto:Valkoinen purje.svg

Kirjasintyyppi

Tiedosto:Lato.jpg
  • Vi använder primärt fonten LATO i fyra skärningar (inom parentes Google Fonts): Light/Light Italic (300), Regular/Italic (400), Bold/Bold Italic (700) och Black/Black Italic (900). Gärna i kombination med varandra (se avsnitt Formgivning).
  • Det finns fler skärningar av fonten – exempelvis LATO HAIRLINE. Den kan användas för trycksaker, men fungerar inte bra för skärmbilder online osv.
  • Ladda ner till dator från www.latofonts.com
  • Google fonts, för webb.


Muotoilu

Tiedosto:Liggande.jpg
  • Dela in sidan i en grid: 14 rutor på bredden och 20 på höjden.
  • Den liggande loggan placeras alltid i vänsterkant, vid lite mer konventionella layouter, ska den ta 1 ruta på höjden.
  • Den stående loggan kan placeras i alla hörn, vid lite mer konventionella layouter ska den ta 2 rutor på höjden.
Tiedosto:Stående.jpg
Tiedosto:Form1.jpg
  • På affischer, flyers osv, kan den stående loggan placeras fritt inom marginalerna.
  • Båda loggovarianterna kan ändras till den storlek som passar till bild och layout.
  • 1 rutas marginal runt om.
  • Ska materialet skrivas ut på skrivare, lägg en halv rutas vit kant runt om.
  • Tänk på att bild och text ska kunna kombineras. Bilder med många detaljer = kort text. Längre texter kräver fria ytor på fotografiet.
Tiedosto:Form2.jpg

Ikonit ja kuvitukset

Tiedosto:Raketti.jpg Välillä voi olla tarve käyttää ikoneja tai kuvituksia. Tähän tarkoitukseen suositellaan fonttia Font Awesome, jota käytetään pääasiassa oman kirjasintyypimme ja väriemme kanssa.

Remix av logotyp

Exempel på partianknuten avsändare – mix av gammalt och nytt
Tiedosto:Remix1.jpg Remixa (gärna) logotypen och gör roliga saker med den. Använd dock typsnitt och färger som angivet i manualen när det handlar om officiella budskap från partiet eller föreningen. Original­utseendet på loggan får även användas och kombineras fritt.
Exempel på helt fri remix
Tiedosto:Remix2.jpg Loggan får remixas helt fritt, göras om och användas exempelvis i satiriskt syfte.
Den gamla loggan - liggande

Den här loggan får användas för remix och utveckling.

Bild Syfte Filer
enfärg_svart.preview.PNG En färg för vit/ljus bakgrund SVG PDF PNG JPEG
tvåfärg_svart.preview.png Två färger för ljus bakgrund SVG PDF PNG JPEG
Den gamla loggan stående
Bild Syfte Filer
enfärg_svart.preview.png En färg för vit/ljus bakgrund SVG PDF PNG JPEG
tvåfärg_svart.preview.png Två färger för ljus bakgrund SVG PDF PNG JPEG

Länkresurser

Manual för utskrift
  • PDF - A4, enkelsidig
  • PDF - A4, uppslag
Typsnitt
Ladattavat logot
  • Loggor – samtliga loggor i ett paket, eps 4-färg för tryck.
  • Loggor - samtliga loggor i ett paket, svg RGB för webb o.dyl.
  • Loggor – den primära loggan (stående och liggande), eps 4-färg för tryck.
  • Loggomall indesign-dokument, inklusive cmyk och rgb-färginställningar.
Fria bilder
Tips
Inspiration