Difference between revisions of "Manual grafica"
m |
m (fixed small errata) |
||
Line 2: | Line 2: | ||
− | (Esta es una traducción | + | (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'. | 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 [[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 55: | Line 55: | ||
{| 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' 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;" | {| class="wikitable" style="background: #e0dede; width: 900px;" | ||
|[[File:Webbadresser.jpg|500px|frameless]] | |[[File:Webbadresser.jpg|500px|frameless]] | ||
− | |Preferentemente siempre en un formato vertical y siempre en minúsculas usando tipografía 'Lato | + | |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]] | |[[File:Lato.jpg|500px|frameless]] | ||
| | | | ||
− | * Usamos principalmente la fuente LATO [ | + | * 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 | + | * [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;" | {| 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 | + | | Este logo puede ser usado para remezclar, desarrollar nuevos logos. Se utiliza para, por ejemplo sátira. |
|} | |} | ||
Line 219: | Line 219: | ||
|} | |} | ||
− | =====El logo | + | =====El viejo logo - vertical ===== |
{| class="wikitable" | {| class="wikitable" | ||
Line 238: | Line 238: | ||
=====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 | + | * [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 250: | ||
* [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 | + | * [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 259: | ||
=====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 | + | * [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 266: | ||
=====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.]) |
Revision as of 23:52, 1 December 2015
Manual de diseño gráfico
(Esta es una traducción del 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'.
Contents
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
|
Logo horizontal
|
Uso del logo
Condados / Asociaciones locales
URLs, etc.
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
Fuente
|
Diseño
Íconos e ilustraciones
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. |
Remezclando el logo
Ejemplos de mezclas para partidos
Ejemplo de mezclas libres
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 |
---|---|---|
Un color con fondo transparente | SVG PDF PNG JPEG | |
Dos colores con fondo transparente | SVG PDF PNG JPEG |
El viejo logo - vertical
Imagen | Propósito | Archivos |
---|---|---|
Un color con fondo transparente | SVG PDF PNG JPEG | |
Dos colores con fondo transparente | SVG PDF PNG JPEG |
Recursos
Manual de impresión
Tipografías
- Lato – nuestra tipografía oficial
- Lato Tipografías Google para web
- Tipografía Awsome – Íconos y tipografías libres para diseños web e ilustraciones
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
- stocksnap.io Bonitas imágenes en alta resolución, que pueden usarse libremente.
- www.freepik.com/popular-vectors Ilustraciones vectoriales libres.
- Flickr (Para encontrar imágenes con licencia CC en Flickr)
- www.flickr.com/search/advance (Cuando busques, filtra por "CC")
- bildbank.piratpartiet.se/main.php (Banco de imágines del PPSE)
- commons.wikimedia.org (¡Por supuesto!)
- search.creativecommons.org (Portal para imágenes CC)
- www.google.com Busca la imagen - Ajusta los derechos de usaurio para realizar la búsqueda de imágenes libres.
Consejos
- Guía para los medios sociales
- Archivos psd libres
- Música libre, por ejemplo: para video.
- Combinar y convertir imágenes pdf
- Efectos de sonido libres
Inspiración
- Videos hechos con el diseño gráfico de 'Piratpartiet: Video informativo, imaginación.
- Sitio web independiente destaca la política de 'Piratpartiet', framtidspolitik.nu
- Confederación Pirata (Estado español) (carteles, memes, nuncios, logos)
- Pirate Party UK (Partido Pirata Reino Unido (carteles, volantes, imágenes etc.)