Difference between revisions of "Manual grafica"

From Piratpartiets Wiki
Jump to navigation Jump to search
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
'''Manual de diseño gráfico'''
 
'''Manual de diseño gráfico'''
  
 +
Esta es una traducción del original en Sueco: [[Grafisk_manual| Grafisk Manual]]
  
(Esta es una traducción al [[Grafisk_manual| Grafisk Manual]])
+
Tambien hay una traducción a [[Graphical_manual| íngles]]
  
 
Bienvenidos al manual gráfico del Partido Pirata de Suecia. Las reglas no están escritas en piedra, si no que se pretende dar apoyo a la hora de diseñar algo para el Partido Pirata. En Suecia, el Partido Pirata se llama 'Piratpartiet'.
 
Bienvenidos al manual gráfico del Partido Pirata de Suecia. Las reglas no están escritas en piedra, si no que se pretende dar apoyo a la hora de diseñar algo para el Partido Pirata. En Suecia, el Partido Pirata se llama 'Piratpartiet'.
  
= logotipo oficial =
+
= Logotipo oficial =
  
 
La vela violeta/púrpura (o blanca) es nuestro logo (símbolo). Junto al nombre (nombre en logo) creará el logo principal (la marca comercial combinada). La Vela se puede utilizar sola e incluso puede ser utilizada así en nuestros logos oficiales. A la derecha, se puede ver la llamada "versión serpentina" del logotipo, que combina nuestros [[Manual_grafica#Colores|colores]] simbolizando el movimiento y la flexibilidad. Las distintas versiones están disponibles para [[Manual_grafica#Logos_para_bajar|descargar]].
 
La vela violeta/púrpura (o blanca) es nuestro logo (símbolo). Junto al nombre (nombre en logo) creará el logo principal (la marca comercial combinada). La Vela se puede utilizar sola e incluso puede ser utilizada así en nuestros logos oficiales. A la derecha, se puede ver la llamada "versión serpentina" del logotipo, que combina nuestros [[Manual_grafica#Colores|colores]] simbolizando el movimiento y la flexibilidad. Las distintas versiones están disponibles para [[Manual_grafica#Logos_para_bajar|descargar]].
Line 31: Line 32:
 
=====Logo vertical=====
 
=====Logo vertical=====
 
{| class="wikitable" style="background: #e0dede; width: 900px;"
 
{| class="wikitable" style="background: #e0dede; width: 900px;"
|[[File:Uppbyggnad1.jpg|500px|frameless]]
+
|[[File:Uppbyggnad1-es.jpg|500px|frameless]]
 
|
 
|
 
* Logotipo -standard color violeta, pero que puede usarse con otros [[Manual_grafica#Colores|colores de partidos pirata]].  
 
* Logotipo -standard color violeta, pero que puede usarse con otros [[Manual_grafica#Colores|colores de partidos pirata]].  
Line 42: Line 43:
 
=====Logo horizontal=====
 
=====Logo horizontal=====
 
{| class="wikitable" style="background: #e0dede; width: 900px;"
 
{| class="wikitable" style="background: #e0dede; width: 900px;"
|[[File:Uppbyggnad2.jpg|500px|frameless]]
+
|[[File:Uppbyggnad2-es.jpg|500px|frameless]]
 
|
 
|
 
* Logotipo -standard color violeta, pero que puede usarse con otros [[Manual_grafica#Colores|colores de partidos pirata]].  
 
* Logotipo -standard color violeta, pero que puede usarse con otros [[Manual_grafica#Colores|colores de partidos pirata]].  
Line 55: Line 56:
 
{| class="wikitable" style="background: #e0dede; width: 900px;"
 
{| class="wikitable" style="background: #e0dede; width: 900px;"
 
|[[File:Regioner.jpg|500px|frameless]]
 
|[[File:Regioner.jpg|500px|frameless]]
|'Pirate Party' no tiene que escribirse si el contexto deja claro que es del partido. Por ejemplo: Una página de Facebook en la que ya en el nombre se indica que es el 'Pirate Party of West Gothia County', etc.
+
|'Pirate Party' no tiene que escribirse si el contexto deja claro que es del partido. Por ejemplo: Una página de Facebook en la que ya en el nombre se indica que es el 'Partido Pirata del Vastra Gotaland', etc.
 
|}
 
|}
  
 
=====URLs, etc.=====
 
=====URLs, etc.=====
 
{| class="wikitable" style="background: #e0dede; width: 900px;"
 
{| class="wikitable" style="background: #e0dede; width: 900px;"
|[[File:Webbadresser.jpg|500px|frameless]]
+
|[[File:Webbadresser-es.jpg|500px|frameless]]
|Preferentemente siempre en un formato vertical y siempre en minúsculas usando tipografía 'Lato Negrita.
+
|Preferentemente siempre en un formato vertical y siempre en minúsculas usando tipografía 'Lato Bold'.
 
|}
 
|}
  
Line 157: Line 158:
 
|[[File:Lato.jpg|500px|frameless]]
 
|[[File:Lato.jpg|500px|frameless]]
 
|  
 
|  
* Usamos principalmente la fuente LATO [in four cuts (?) (within parenthesis Google Fonts)]: Light/Light Italic (300), Regular/Italic (400), Bold/Bold Italic (700) y Black/Black Italic (900). Puedes utilizarlas en combinación con las demás (mira la siguiente sección).  
+
* Usamos principalmente la fuente LATO [en cuatro variaciones]: Light/Light Italic (300), Regular/Italic (400), Bold/Bold Italic (700) y Black/Black Italic (900). Puedes utilizarlas en combinación con las demás (mira la siguiente sección).  
 
* Hay varios tipos de esta tipografía, por ejemplo: LATO HAIRLINE. Puede ser utilizada para impresiones, aunque no funciona bien para webs, etc.  
 
* Hay varios tipos de esta tipografía, por ejemplo: LATO HAIRLINE. Puede ser utilizada para impresiones, aunque no funciona bien para webs, etc.  
 
* Descárgalas en [http://www.latofonts.com www.latofonts.com] en tu ordenador.
 
* Descárgalas en [http://www.latofonts.com www.latofonts.com] en tu ordenador.
* [http://www.google.com/fonts/specimen/Lato tipografía Lato Google], para la web.
+
* [http://www.google.com/fonts/specimen/Lato Tipografía Lato Google], para la web.
 
|}
 
|}
  
Line 173: Line 174:
 
| [[File:Stående.jpg|300px|frameless]]
 
| [[File:Stående.jpg|300px|frameless]]
 
|-
 
|-
| [[File:Form1.jpg|300px|frameless|]]
+
| [[File:Form1-es.jpg|300px|frameless|]]
 
|  
 
|  
 
* En carteles, volantes, etc. el logo vertical puede colocarse libremente en los márgenes.
 
* En carteles, volantes, etc. el logo vertical puede colocarse libremente en los márgenes.
Line 180: Line 181:
 
* Si el material se va a imprimir, pon la mitad de una celda de espacio en blanco alrededor del diseño.
 
* Si el material se va a imprimir, pon la mitad de una celda de espacio en blanco alrededor del diseño.
 
* Piensa en la combinación entre imagen y texto. Las imágenes con un montón de detalles, mejor con texto corto. Los textos más largos requieren más áreas libres en la imagen.  
 
* Piensa en la combinación entre imagen y texto. Las imágenes con un montón de detalles, mejor con texto corto. Los textos más largos requieren más áreas libres en la imagen.  
| [[File:Form2.jpg|300px|frameless|]]
+
| [[File:Form2-es.jpg|300px|frameless|]]
 
|-
 
|-
 
|}
 
|}
Line 202: Line 203:
 
{| class="wikitable" style="background: #e0dede; width: 900px;"
 
{| class="wikitable" style="background: #e0dede; width: 900px;"
 
|[[File:Remix2.jpg|500px|frameless]]
 
|[[File:Remix2.jpg|500px|frameless]]
| Este logo puede ser usado para remezclar, desarrollar en nuevos logos. Se utiliza para, por ejemplo sátira.
+
| Este logo puede ser usado para remezclar, desarrollar nuevos logos. Se utiliza para, por ejemplo sátira.
 
|}
 
|}
  
Line 219: Line 220:
 
|}
 
|}
  
=====El logo viejo - vertical =====
+
=====El viejo logo - vertical =====
  
 
{| class="wikitable"  
 
{| class="wikitable"  
Line 238: Line 239:
 
=====Tipografías=====
 
=====Tipografías=====
 
* [http://www.latofonts.com%20www.latofonts.com Lato] – nuestra tipografía oficial
 
* [http://www.latofonts.com%20www.latofonts.com Lato] – nuestra tipografía oficial
* [http://www.google.com/fonts/specimen/Lato Lato Tipografías Google] para webs
+
* [http://www.google.com/fonts/specimen/Lato Lato Tipografías Google] para web
 
* [http://fortawesome.github.io/Font-Awesome Tipografía Awsome] – Íconos y tipografías libres para diseños web e ilustraciones
 
* [http://fortawesome.github.io/Font-Awesome Tipografía Awsome] – Íconos y tipografías libres para diseños web e ilustraciones
  
Line 250: Line 251:
 
* [http://stocksnap.io stocksnap.io] Bonitas imágenes en alta resolución, que pueden usarse libremente.
 
* [http://stocksnap.io stocksnap.io] Bonitas imágenes en alta resolución, que pueden usarse libremente.
 
* [http://www.freepik.com/popular-vectors www.freepik.com/popular-vectors] Ilustraciones vectoriales libres.
 
* [http://www.freepik.com/popular-vectors www.freepik.com/popular-vectors] Ilustraciones vectoriales libres.
* [http://compfight.com Flickr] (Para encotnrar imágenes con licencia CC en Flickr)
+
* [http://compfight.com Flickr] (Para encontrar imágenes con licencia CC en Flickr)
 
* [http://www.flickr.com/search/advance www.flickr.com/search/advance] (Cuando busques, filtra por "CC")
 
* [http://www.flickr.com/search/advance www.flickr.com/search/advance] (Cuando busques, filtra por "CC")
 
* [http://bildbank.piratpartiet.se/main.php bildbank.piratpartiet.se/main.php] (Banco de imágines del PPSE)
 
* [http://bildbank.piratpartiet.se/main.php bildbank.piratpartiet.se/main.php] (Banco de imágines del PPSE)
Line 259: Line 260:
 
=====Consejos=====
 
=====Consejos=====
 
* [http://www.skills2tech.com/2015/01/social-media-images-size-guide-2015.html Guía para los medios sociales]
 
* [http://www.skills2tech.com/2015/01/social-media-images-size-guide-2015.html Guía para los medios sociales]
* [http://freepsdfiles.net Archicos pdf libres]
+
* [http://freepsdfiles.net Archivos psd libres]
 
* [http://www.jamendo.com/en Música libre,] por ejemplo: para video.
 
* [http://www.jamendo.com/en Música libre,] por ejemplo: para video.
 
* [http://www.easypdfcloud.com Combinar y convertir imágenes pdf]
 
* [http://www.easypdfcloud.com Combinar y convertir imágenes pdf]
Line 266: Line 267:
 
=====Inspiración=====
 
=====Inspiración=====
 
* Videos hechos con el diseño gráfico de 'Piratpartiet: [https://youtu.be/TeBk3DZJOr4 Video informativo], [https://youtu.be/tVazj_HCdWU imaginación].
 
* Videos hechos con el diseño gráfico de 'Piratpartiet: [https://youtu.be/TeBk3DZJOr4 Video informativo], [https://youtu.be/tVazj_HCdWU imaginación].
* Sitio web independiente destaca la política de'Piratpartiet', [http://framtidspolitik.nu/ framtidspolitik.nu]
+
* Sitio web independiente destaca la política de 'Piratpartiet', [http://framtidspolitik.nu/ framtidspolitik.nu]
 
* Confederación Pirata (Estado español) ([https://confederacionpirata.org/wiki/creativos:start%20 carteles, memes, nuncios, logos])  
 
* Confederación Pirata (Estado español) ([https://confederacionpirata.org/wiki/creativos:start%20 carteles, memes, nuncios, logos])  
 
* Pirate Party UK (Partido Pirata Reino Unido ([https://pirateparty.org.uk/campaigns/activists/all-materials carteles, volantes, imágenes etc.])
 
* Pirate Party UK (Partido Pirata Reino Unido ([https://pirateparty.org.uk/campaigns/activists/all-materials carteles, volantes, imágenes etc.])

Latest revision as of 22:38, 10 May 2016

Manual de diseño gráfico

Esta es una traducción del original en Sueco: Grafisk Manual

Tambien hay una traducción a íngles

Bienvenidos al manual gráfico del Partido Pirata de Suecia. Las reglas no están escritas en piedra, si no que se pretende dar apoyo a la hora de diseñar algo para el Partido Pirata. En Suecia, el Partido Pirata se llama 'Piratpartiet'.

Logotipo oficial

La vela violeta/púrpura (o blanca) es nuestro logo (símbolo). Junto al nombre (nombre en logo) creará el logo principal (la marca comercial combinada). La Vela se puede utilizar sola e incluso puede ser utilizada así en nuestros logos oficiales. A la derecha, se puede ver la llamada "versión serpentina" del logotipo, que combina nuestros colores simbolizando el movimiento y la flexibilidad. Las distintas versiones están disponibles para descargar.


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

El diseño del logotipo

El logotipo puede ser usado sin texto, así como en los diferentes colores del Piratpartiet.


Logo vertical
Uppbyggnad1-es.jpg
  • Logotipo -standard color violeta, pero que puede usarse con otros colores de partidos pirata.
  • Dividir la superficie en 23 partes verticales iguales.
  • El logo utiliza 15 partes verticales.
  • Piratpartiet está siempre escrito en mayúsculas y con la tipografía "Lato Light". Se utilizan dos casillas verticales.
  • La medida horizontal define la anchura de la escala vertical
Logo horizontal
Uppbyggnad2-es.jpg
  • Logotipo -standard color violeta, pero que puede usarse con otros colores de partidos pirata.
  • Dividir la superficie en 8 partes verticales iguales.
  • El logo utiliza 4 partes verticales.
  • Piratpartiet está siempre escrito en mayúsculas y con la tipografía "Lato Light". Se utilizan dos casillas verticales.
  • La medida horizontal define la anchura de la escala vertical

Condados / Asociaciones locales
Regioner.jpg 'Pirate Party' no tiene que escribirse si el contexto deja claro que es del partido. Por ejemplo: Una página de Facebook en la que ya en el nombre se indica que es el 'Partido Pirata del Vastra Gotaland', etc.
URLs, etc.
Webbadresser-es.jpg Preferentemente siempre en un formato vertical y siempre en minúsculas usando tipografía 'Lato Bold'.

Colores

Los colores también pueden usados en diferentes tonos.

Código de colores
Web Imprenta (CMYK)
Violeta - Color oficial #512483 85-100-0-0
Naranja - Segundo color oficial #f28903 50-10-100-0
Amarillo #eabd00 0-20-100-10
Verde #95b420 0-55-100-0
Rosa #d82e8a 10-90-0-0
Rojo #cf242c 15-95-85-0
Azul #00a6d0 90-0-15-0
Azul oscuro #005c9f 100-60-10-0
Turquesa #00a09b 79-12-44-0

Combinación de logo y colores

Lila segel.svg Orange segel.svg Gult segel.svg Grönt segel.svg Rosa segel.svg
Rött segel.svg Ljusblått segel.svg Mörkblått segel.svg Turkost segel.svg Vitt segel.svg

Fuente

Lato.jpg
  • Usamos principalmente la fuente LATO [en cuatro variaciones]: Light/Light Italic (300), Regular/Italic (400), Bold/Bold Italic (700) y Black/Black Italic (900). Puedes utilizarlas en combinación con las demás (mira la siguiente sección).
  • Hay varios tipos de esta tipografía, por ejemplo: LATO HAIRLINE. Puede ser utilizada para impresiones, aunque no funciona bien para webs, etc.
  • Descárgalas en www.latofonts.com en tu ordenador.
  • Tipografía Lato Google, para la web.

Diseño

Liggande.jpg
  • Divide la página en red: 14 celdas horizontales y 20 rectángulos verticales.
  • El logo horizontal siempre está colocado en la esquina inferior izquierda. En los diseños más convencionales deberían tener espacio de alura.
  • El logo vertical puede colocarse en cualquier esquina. Para diseños más convencionales suele ocupar 2 espacios.
Stående.jpg
Form1-es.jpg
  • En carteles, volantes, etc. el logo vertical puede colocarse libremente en los márgenes.
  • Ambas variaciones del logo pueden ajustarse de tamaño de acuerdo con la imagen y el diseño.
  • Una celda libre alrededor.
  • Si el material se va a imprimir, pon la mitad de una celda de espacio en blanco alrededor del diseño.
  • Piensa en la combinación entre imagen y texto. Las imágenes con un montón de detalles, mejor con texto corto. Los textos más largos requieren más áreas libres en la imagen.
Form2-es.jpg

Íconos e ilustraciones

Error creating thumbnail: Unable to save thumbnail to destination
Algunas veces hay necesidad de usar íconos o ilustraciones. Para esto ['Tipografía: Awsome' es recomendable. Va muy bien junto a otras tipografías y colores.

Ejemplos de mezclas para partidos
Remix1.jpg Remezcla (Sí, ¡por favor!) el logo y diviértete con ello. Sin embargo, usa la tipografía y los colores de este manual cuando es una comunicación oficial de un partido. El logo original puede ser combinado y usado libremente.
Ejemplo de mezclas libres
Remix2.jpg Este logo puede ser usado para remezclar, desarrollar nuevos logos. Se utiliza para, por ejemplo sátira.
El viejo logo - horizontal

Este logo puede ser usado para remezclar, desarrollar o crear en nuevos logos.

Imagen Propósito Archivos
Error creating thumbnail: Unable to save thumbnail to destination
Un color con fondo transparente SVG PDF PNG JPEG
Error creating thumbnail: Unable to save thumbnail to destination
Dos colores con fondo transparente SVG PDF PNG JPEG
El viejo logo - vertical
Imagen Propósito Archivos
Error creating thumbnail: Unable to save thumbnail to destination
Un color con fondo transparente SVG PDF PNG JPEG
Error creating thumbnail: Unable to save thumbnail to destination
Dos colores con fondo transparente SVG PDF PNG JPEG

Recursos

Manual de impresión
  • PDF - A4, página simple
  • PDF - A4, extensión
Tipografías
Logos para bajar
  • Logos – Todos los logos en un mismo paquete, eps 4-color para impresión
  • Logos - Todos los logos en un mismo paquete, svg RGB para web, etc.
  • Logos – El logo principal (vertical y horizontal), eps 4-color, para impresión
  • Plantillas de logos documentos indesign, incluye acciones programadas de CMYK y RGB
Imágenes libres
Consejos
Inspiración


v - e Piratpartiet
Partiets historia Piratpartiets grundande ¤ Riksdagsvalet 2006 ¤ EU-valet 2009 ¤ EU 2009-2014 ¤ Riksdagsvalet 2010 ¤ Stadgerevisionen 2011 ¤ EU-valet 2014 ¤ Riksdagsvalet 2014 ¤ Stadgerevisionen 2015 ¤ Riksdagsvalet 2018 ¤ EU-valet 2019
Stadgar 2.5 ¤ 2.6 ¤ 2.7 ¤ 2.8 ¤ 3.0 ¤ 3.1
Verksamhetsplan 2006 ¤ 2007 ¤ 2008 ¤ 2009 ¤ 2010 ¤ 2011 ¤ 2012 ¤ 2013 ¤ 2014 ¤ 2015 ¤ 2016 ¤ 2017 ¤ 2018 ¤ 2019
Budget 2006 ¤ 2007 ¤ 2008 ¤ 2009 ¤ 2010 ¤ 2011 ¤ 2012 ¤ 2013 ¤ 2014 ¤ 2015 ¤ 2016 ¤ 2017 ¤ 2018 ¤ 2019
Närstående organisationer Lokala föreningar ¤ Piratprylar AB ¤ Piratstudenterna ¤ Regnbågspiraterna ¤ Sharing is Caring AB ¤ Ung Pirat
Ansvarsposter
Arbetsutskottet Katarina Stensson (partiledare) ¤ Henrik Passmark (vice partiledare) ¤ Mattias Rubenson (partisekreterare) ¤ Matti Brandt ¤ Mikael Enmalm
Partistyrelsen Katarina Stensson (partiledare) ¤ Henrik Passmark (vice partiledare) ¤ Mattias Rubenson (partisekreterare) ¤ Andreas Bjärnemalm ¤ Andreas Eng ¤ Christoffer Eldengrip ¤ Jan-Erik Malmquist ¤ Jerry Hjort ¤ Johan Ericsson ¤ Maj Stenmark ¤ Matti Brandt ¤ Mikael Enmalm ¤ Ola Nyström ¤ Pye Jakobsson ¤ Sara Hjalmarsson
Valberedningen Henrik Brändén ¤ Mattias Bjärnemalm ¤ Otto Larsson ¤ Sofia Dahlgren ¤ Sofia Hartelius ¤ Vakant
Revisorer Jan Lindgren (revisor) ¤ Tomas Kronvall (ersättare) ¤ Mattias Lundbäck (revisor) ¤ Mikael Holm (ersättare)
Mötespresidiet Philip Johansson (ordf) ¤ Hugo Johansson (vice ordf) ¤ Martin Jakobsson (vice ordf) ¤ Fredrik Jarmo Ahl (vice ordf) ¤ Jakob Sinclair (vice ordf) ¤ Isabel Hernández Humbla (vice ordf) ¤ Marcus Isaksson (vice ordf)
Historiska ansvarsposter
Partiledare Rick Falkvinge (2006-2010) ¤ Anna Troberg (2011-2014) ¤ Vakant (2015-2016) ¤ Magnus Andersson (2016-2019) ¤ Katarina Stensson (2020-)
Vice partiledare Christian Engström (2008-2009) ¤ Anna Troberg (2009-2010) ¤ Henrik Brändén (2013-2014) ¤ Leffe Deldén (2013-2014) ¤ Vakant (2015-2016) ¤ Mattias Bjärnemalm (2016) ¤ Vakant (2016-2017) ¤ Katarina Stensson (2017-2019) ¤ Henrik Passmark (2020-)
Partisekreterare Mårten Fjällström (2007-2010) ¤ Jan Lindgren (2011-2014) ¤ Henrik Brändén (2014) ¤ Vakant (2015-2016) ¤ Anton Nordenfur (2016-2017) ¤ Mattias Rubenson (2017-)
Styrelsens sammankallande Rick Falkvinge (2006-2010) ¤ Leffe Deldén (2011-2012) ¤ Anders S Lindbäck (2013) ¤ Jan Lindgren (2014) ¤ Malin Ahnberg (2014-2015) ¤ Josef Ohlsson Collentine (2015-2016) ¤ Magnus Andersson (2017-2019) ¤ Katarina Stensson (2020-)
Styrelsens sekreterare Henrik Brändén (2011-2012) ¤ Anton Nordenfur (2013-2014) ¤ Göran Widham (2015) ¤ Anton Nordenfur (2015) ¤ Vakant (2016) ¤ Ronja Gustafsson (2016-2017) ¤ Mattias Rubenson (2018-)