Difference between revisions of "Grafisk manual"
Jump to navigation
Jump to search
| Line 1: | Line 1: | ||
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. | 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. | ||
| − | = | + | = Officiell logotyp = |
* Kommer lägga in en bild här. | * Kommer lägga in en bild här. | ||
| − | = | + | = Logotypens uppbyggnad = |
Obs – logotypen får även användas utan text till, samt i olika PP-färger. | Obs – logotypen får även användas utan text till, samt i olika PP-färger. | ||
* Bilder kommer. | * Bilder kommer. | ||
| − | = | + | = Logotypens användning = |
=====Regioner/föreningar===== | =====Regioner/föreningar===== | ||
* Kommer lägga in en bild här. | * Kommer lägga in en bild här. | ||
| Line 17: | Line 17: | ||
Ska helst alltid vara i det stående formatet. | Ska helst alltid vara i det stående formatet. | ||
| − | = | + | = Färger = |
Färgerna får även användas i procentad form. | Färgerna får även användas i procentad form. | ||
{| class="wikitable" | {| class="wikitable" | ||
| Line 100: | Line 100: | ||
* Finns även på [http://www.google.com/fonts/specimen/Lato Google fonts], för hemsidor o.dyl. | * Finns även på [http://www.google.com/fonts/specimen/Lato Google fonts], för hemsidor o.dyl. | ||
| − | = | + | = Formgivning = |
Dela in sidan i en grid: 14 rutor på bredden och 20 på höjden. | Dela in sidan i en grid: 14 rutor på bredden och 20 på höjden. | ||
* Kommer lägga in en bild här. | * Kommer lägga in en bild här. | ||
| Line 112: | Line 112: | ||
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. Du kan hitta fria bilder på [http://stocksnap.io stocksnap.io] bland annat. | 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. Du kan hitta fria bilder på [http://stocksnap.io stocksnap.io] bland annat. | ||
| − | = | + | = Ikoner och illustrationer = |
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. | 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. | ||
* Kommer lägga in en bild här. | * Kommer lägga in en bild här. | ||
| − | = | + | = Remix av logotyp = |
* Kommer lägga in en bild här. | * Kommer lägga in en bild här. | ||
| − | = | + | = Länkresurser = |
PDF – Grafisk manual som pdf | PDF – Grafisk manual som pdf | ||
| − | ===== | + | =====Typsnitt===== |
* [http://www.latofonts.com%20www.latofonts.com Lato] – vårt officiella typsnitt | * [http://www.latofonts.com%20www.latofonts.com Lato] – vårt officiella typsnitt | ||
* [http://www.google.com/fonts/specimen/Lato Google fonts] vårt officiella typsnitt för webb | * [http://www.google.com/fonts/specimen/Lato Google fonts] vårt officiella typsnitt för webb | ||
* [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===== |
* adressförallalogotyperna – samtliga loggor i ett paket, eps 4-färg för tryck. | * adressförallalogotyperna – samtliga loggor i ett paket, eps 4-färg för tryck. | ||
* adressförgrundloggan – den primära loggan (stående och liggande), eps 4-färg för tryck. | * adressförgrundloggan – den primära loggan (stående och liggande), eps 4-färg för tryck. | ||
| − | ===== | + | =====Fria bilder===== |
* [http://stocksnap.io stocksnap.io] Snygga högupplösta bilder som får användas fritt | * [http://stocksnap.io stocksnap.io] Snygga högupplösta bilder som får användas fritt | ||
* [http://www.freepik.com/popular-vectors www.freepik.com/popular-vectors] Fria vectorbaserade illustrationer | * [http://www.freepik.com/popular-vectors www.freepik.com/popular-vectors] Fria vectorbaserade illustrationer | ||
| Line 141: | Line 141: | ||
* [http://www.google.com www.google.com] bildsök – ställ in användarrättigheter för att hitta fria bilder | * [http://www.google.com www.google.com] bildsök – ställ in användarrättigheter för att hitta fria bilder | ||
| − | ===== | + | =====Tips===== |
* [http://www.skills2tech.com/2015/01/social-media-images-size-guide-2015.html Guider för format i sociala medier] | * [http://www.skills2tech.com/2015/01/social-media-images-size-guide-2015.html Guider för format i sociala medier] | ||
* [http://freepsdfiles.net Fria psd-filer] | * [http://freepsdfiles.net Fria psd-filer] | ||
| Line 148: | Line 148: | ||
* [http://freesound.org Fria ljudeffekter] | * [http://freesound.org Fria ljudeffekter] | ||
| − | ===== | + | =====Inspiration===== |
* Pirate Party Australia (posters, social media materials) | * Pirate Party Australia (posters, social media materials) | ||
* Confederación Pirata (posters, memes, ads, logos) | * Confederación Pirata (posters, memes, ads, logos) | ||
* Pirate Party UK (posters, flyers, images etc.) | * Pirate Party UK (posters, flyers, images etc.) | ||
* Pirate Party of Slovenia (flyers, posters etc.) | * Pirate Party of Slovenia (flyers, posters etc.) | ||
Revision as of 21:20, 8 October 2015
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.
Contents
Officiell logotyp
- Kommer lägga in en bild här.
Logotypens uppbyggnad
Obs – logotypen får även användas utan text till, samt i olika PP-färger.
- Bilder kommer.
Logotypens användning
Regioner/föreningar
- Kommer lägga in en bild här.
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.
Webbadress, osv.
- Kommer lägga in en bild här.
Ska helst alltid vara i det stående formatet.
Färger
Färgerna får även användas i procentad form.
| Färgkoder | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Webb | Tryck (CMYK) | |||||||||||
| Lila – primärfärg | #512483 | 85-100-0-0 | ||||||||||
| Orange – sekundärfärg | #95b420 | 50-10-100-0 | ||||||||||
| Grön | #f28903 | 0-55-100-0 | ||||||||||
| Rosa | #d82e8a | 10-90-0-0 | ||||||||||
| Gul | #eabd00 | 0-20-100-10 | ||||||||||
| Röd | #cf242c | 15-95-85-0 | ||||||||||
| Blå | #00a6d0 | 90-0-15-0 | ||||||||||
| Mörkblå | #005c9f | 100-60-10-0 | ||||||||||
| Turkos | #00a09b | 79-12-44-0 | ||||||||||
5. Kombination logotyp och färger
- Kommer lägga in en bild här.
6. Typsnitt
- Kommer lägga in en bild här.
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
- Finns även på Google fonts, för hemsidor o.dyl.
Formgivning
Dela in sidan i en grid: 14 rutor på bredden och 20 på höjden.
- Kommer lägga in en bild här.
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.
- Kommer lägga in en bild här.
1 rutas marginal runt om. Ska materialet skrivas ut på skrivare, lägg en halv rutas vit kant runt om.
- Kommer lägga in en bild här.
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. Du kan hitta fria bilder på stocksnap.io bland annat.
Ikoner och illustrationer
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.
- Kommer lägga in en bild här.
Remix av logotyp
- Kommer lägga in en bild här.
Länkresurser
PDF – Grafisk manual som pdf
Typsnitt
- Lato – vårt officiella typsnitt
- Google fonts vårt officiella typsnitt för webb
- Font Awsome – fri ikonfont för webb och illustrationer
Logotyper för nedladdning
- adressförallalogotyperna – samtliga loggor i ett paket, eps 4-färg för tryck.
- adressförgrundloggan – den primära loggan (stående och liggande), eps 4-färg för tryck.
Fria bilder
- stocksnap.io Snygga högupplösta bilder som får användas fritt
- www.freepik.com/popular-vectors Fria vectorbaserade illustrationer
- Flickr (för att hitta CC-bilder på Flickr)
- www.flickr.com/search/advance (ställ in CC när du söker)
- bildbank.piratpartiet.se/main.php (PPs bildbank)
- commons.wikimedia.org (såklart)
- search.creativecommons.org (portal för CC-bildsidor)
- www.google.com bildsök – ställ in användarrättigheter för att hitta fria bilder
Tips
- Guider för format i sociala medier
- Fria psd-filer
- Fri musik, för exempelvis film
- Kombinera och konvertera pdf-filer
- Fria ljudeffekter
Inspiration
- Pirate Party Australia (posters, social media materials)
- Confederación Pirata (posters, memes, ads, logos)
- Pirate Party UK (posters, flyers, images etc.)
- Pirate Party of Slovenia (flyers, posters etc.)
