Manual grafica - Revision history

Joe2me at 22:38, 10 May 2016

2016-05-10T22:38:01Z

Joe2me: fixed small errata

2015-12-01T23:52:48Z

fixed small errata

Joe2me at 23:13, 1 December 2015

2015-12-01T23:13:20Z

Aki at 12:50, 29 November 2015

2015-11-29T12:50:09Z

Joe2me at 18:05, 24 November 2015

2015-11-24T18:05:53Z

Joe2me: primary version, needs review

2015-11-24T18:05:15Z

primary version, needs review

Show changes

Joe2me at 17:46, 24 November 2015

2015-11-24T17:46:59Z

Joe2me: preliminary

2015-11-24T17:42:39Z

preliminary

New page

------------

Manual de diseño gráfico

(Esta es una traducción al [[Grafisk_manual| Grafisk Manual]])

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=====

=====Logo horizontal=====

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

=====Logo vertical=====
|
* 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=====
|
* 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
|}

= Uso del logo =
=====Condados / Asociaciones locales=====

|'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.
|}

=====URLs, etc.=====

|Preferentemente siempre en un formato vertical y siempre en minúsculas usando tipografía 'Lato Negrita.
|}

= Colores =
Los colores también pueden usados en diferentes tonos.

Código de colores
|-
|
|Web
|Imprenta (CMYK)
|-
|
|-
|Violeta - Color oficial
|
|
|-
|Naranja - Segundo color oficial
|-
|
|-
|Amarillo
|
|
|-
|Verde
|
|-
|
|-
|Rosa
|
|-
|
|-
|Rojo

|
|-
|Azul
|
|-
|
|-
|Azul oscuro

|-
|
|-
|Turquesa

= Combinación de logo y colores =
y
|
* 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).
* 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.
* [http://www.google.com/fonts/specimen/Lato tipografía Lato Google], para la web.
|}

= Diseño =

|
* 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.

* 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.

|-
|}

= Íconos e ilustraciones =

| Algunas veces hay necesidad de usar íconos o ilustraciones. Para esto [[http://fortawesome.github.io/Font-Awesome 'Tipografía: Awsome'] es recomendable. Va muy bien junto a otras tipografías y colores.
|}

= Remezclando el logo =

=====Ejemplos de mezclas para partidos=====

| 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=====
| Este logo puede ser usado para remezclar, desarrollar en nuevos logos. Se utiliza para, por ejemplo sátira.
|}

===== El viejo logo - horizontal =====

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

Imagen
Propósito
Archivos
Un color con fondo transparente
Dos colores con fondo transparente

=====El logo viejo - vertical =====

Imagen
Propósito
Archivos
Un color con fondo transparente
Dos colores con fondo transparente

= Recursos =
=====Manual de impresión=====
* [http://opassande.se/wp-content/uploads/2015/10/grafisk_manual_enkelsidig.pdf PDF] - A4, página simple
* [http://opassande.se/wp-content/uploads/2015/10/grafisk_manual_uppslag.pdf PDF] - A4, extensión

=====Tipografías=====
* [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://fortawesome.github.io/Font-Awesome Tipografía Awsome] – Íconos y tipografías libres para diseños web e ilustraciones

=====Los para bajar=====
* [http://opassande.se/wp-content/uploads/2015/10/eps.zip Logos] – Todos los logos en un mismo paquete, eps 4-color para impresión
[

http://opassande.se/wp-content/uploads/2015/10/svg.zip

Logos] -

Todos los logos en un mismo paquete, svg RGB para web, etc.
* [http://opassande.se/wp-content/uploads/2015/10/standard.zip Logos] – El logo principal (vertical y horizontal), eps 4-color, para impresión
* [http://opassande.se/wp-content/uploads/2015/10/loggomall.idml_.zip Plantillas de logos] documentos indesign, documentos indesign, incluye acciones programadas de CMYK y RGB

=====Imágenes libres=====
* [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://compfight.com Flickr] (Para encotnrar imágenes con licencia CC en Flickr)
* [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://commons.wikimedia.org commons.wikimedia.org] (¡Por supuesto!)
* [http://search.creativecommons.org search.creativecommons.org] (Portal para imágenes CC)
* [http://www.google.com www.google.com] Busca la imagen - Ajusta los derechos de usaurio para realizar la búsqueda de imágenes libres.

=====Consejos=====
* [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://www.jamendo.com/en Música libre,] por ejemplo: para video.
* [http://www.easypdfcloud.com Combinar y convertir imágenes pdf]
* [http://freesound.org Efectos de sonido libres]

=====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].
* 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])
* Pirate Party UK (Partido Pirata Reino Unido ([https://pirateparty.org.uk/campaigns/activists/all-materials carteles, volantes, imágenes etc.])

++++++++++++++++++++++++++++++++++++++++++++

[ Images containing swedish text that need to be re-made with translations below, add Spanish translations below the english (row 3) of each]

http://mediawiki.piratpartiet.se/wiki/File:Uppbyggnad1.jpg
Luft
Space

Logotyp
Logotype

Versalhöjd
Vertical capital space

Utrymmet delas upp i 23 lika stora delar på höjden
The surface is split into 23 equal vertical parts

Logotyp - standardfärg lila, men får även användas i de andra PP-färgerna.
Logotype - standard color is purple, but it may also be used in other Pirate Party colors.

Alltid versaler
Always capital letters

LATO LIGHT

http://mediawiki.piratpartiet.se/wiki/File:Uppbyggnad2.jpg
(see translation in previous image. Only number changes.

http://mediawiki.piratpartiet.se/wiki/File:Webbadresser.jpg

Alltid gemener
Always lower-case letters

http://mediawiki.piratpartiet.se/wiki/File:Form1.jpg

Piratpartiet använder fonten Lato som gärna kombineras mellan Light och Bold
'Piratpartiet' uses the font 'Lato' , which can easily be combined between 'Light' and 'Bold'.

Står det "Piratpartiet" i rubriken, så måste inte namnet vara med under loggan.
If the title contains 'Piratpartiet', then the name doesn't have to be below the logotype.

http://mediawiki.piratpartiet.se/wiki/File:Form2.jpg
Piratpartiet använder fonten Lato som gärna kombineras mellan Light och Bold
'Piratpartiet' uses the font 'Lato' , which can easily be combined between 'Light' and 'Bold'.

Står det "Piratpartiet" i rubriken, så måste inte namnet vara med under loggan.
If the title contains 'Piratpartiet', then the name doesn't have to be under the logotype.

@@ Line 1: / Line 1: @@
 '''Manual de diseño gráfico'''
-(Esta es una traducción del [[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'.
@@ Line 31: / Line 32: @@
 =====Logo vertical=====
 {| 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]].
@@ Line 42: / Line 43: @@
 =====Logo horizontal=====
 {| 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]].
@@ Line 60: / Line 61: @@
 =====URLs, etc.=====
 {| 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 Bold'.
 |}
@@ Line 173: / Line 174: @@
 | [[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.
@@ 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.
 * 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 2: / Line 2: @@
-(Esta es una traducción de [[Grafisk_manual| Grafisk Manual]])
+(Esta es una traducción del [[Grafisk_manual| Grafisk Manual]])
 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]].
@@ Line 55: / Line 55: @@
 {| class="wikitable" style="background: #e0dede; width: 900px;"
 |[[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.
 |}
@@ Line 61: / Line 61: @@
 {| class="wikitable" style="background: #e0dede; width: 900px;"
 |[[File:Webbadresser.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 157: @@
 |[[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.
 * 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 202: / Line 202: @@
 {| class="wikitable" style="background: #e0dede; width: 900px;"
 |[[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 219: @@
 |}
-=====El logo viejo - vertical =====
+=====El viejo logo - vertical =====
 {| class="wikitable"
@@ Line 238: / Line 238: @@
 =====Tipografías=====
 * [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
@@ Line 250: / Line 250: @@
 * [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://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://bildbank.piratpartiet.se/main.php bildbank.piratpartiet.se/main.php] (Banco de imágines del PPSE)
@@ Line 259: / Line 259: @@
 =====Consejos=====
 * [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.easypdfcloud.com Combinar y convertir imágenes pdf]
@@ Line 266: / Line 266: @@
 =====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].
-* 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])
 * Pirate Party UK (Partido Pirata Reino Unido ([https://pirateparty.org.uk/campaigns/activists/all-materials carteles, volantes, imágenes etc.])

← Older revision		Revision as of 23:13, 1 December 2015
Line 2:		Line 2:


−	(Esta es una traducción al [[Grafisk_manual\| Grafisk Manual]])	+	(Esta es una traducción de [[Grafisk_manual\| Grafisk Manual]])

	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'.

← Older revision		Revision as of 12:50, 29 November 2015
Line 269:		Line 269:
	* 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.])
		+
		+	[[category:Grafisk manual]]
		+	{{partiet}}

← Older revision		Revision as of 18:05, 24 November 2015
Line 1:		Line 1:
−		+	'''Manual de diseño gráfico'''
−	~~------------~~
−
−	Manual de diseño gráfico

@@ Line 7: / Line 7: @@
 (Esta es una traducción al [[Grafisk_manual| Grafisk Manual]])
-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 =
-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.
+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 descargar.
@@ Line 172: / Line 172: @@
 * [http://fortawesome.github.io/Font-Awesome Tipografía Awsome] – Íconos y tipografías libres para diseños web e ilustraciones
-=====Los para bajar=====
+=====Logos para bajar=====
 * [http://opassande.se/wp-content/uploads/2015/10/eps.zip Logos] – Todos los logos en un mismo paquete, eps 4-color para impresión
+  [