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

Kohteesta PiraattiWiki
Loikkaa: valikkoon, 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...)
 
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ös 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 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. '''''(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:Uppbyggnad2.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 238: Rivi 234:
 
* [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.

Versio 12. syyskuuta 2016 kello 11.48

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.

300px 300px 300px
300px style="background-color: #512483;" 300px

Logotyypin rakenne

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

Pystylogo
500px
  • 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 ja (logofontti), teksti peittää (kuinka monta?) ruutua pystysuunnassa.
  • Det horisontella höjdmåttet bestämmer bredden på vertikal ledd. (en ymmärrä ._.)
Vaakalogo
500px
  • 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
500px Aluelogossa ei tarvitse lukea Piraattipuolue jos asiayhteys puolueeseen on selkeä. Esimerkiksi: Facebook-sivu jonka nimi on jo "Hämeen Piraatit" ym.
Web-osoite, jne.
500px 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

Kombination logotyp och färger

170px 170px 170px 170px 170px
170px 170px 170px 170px 170px

Typsnitt

500px
  • 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.

Formgivning

300px
  • 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.
 300px
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

Ikoner och illustrationer

300px Ibland kan man behöva använda sig av ikoner eller illustrationer. För det ändamålet ­rekommenderas Font Awsome. Används med fördel tillsammans med vårt typsnitt och våra färger.

Remix av logotyp

Exempel på partianknuten avsändare – mix av gammalt och nytt
500px 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
500px 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
Noudettu kohteesta https://wiki.piraattipuolue.fi/index.php?title=Käyttäjä:Nelg/Sandbox&oldid=74358