DISEÑO GRÁFICO - Injuveerasmusplus.injuve.es/.../Guia_diseno_grafico_es.pdf · 2017-06-22 ·...
Transcript of DISEÑO GRÁFICO - Injuveerasmusplus.injuve.es/.../Guia_diseno_grafico_es.pdf · 2017-06-22 ·...
![Page 1: DISEÑO GRÁFICO - Injuveerasmusplus.injuve.es/.../Guia_diseno_grafico_es.pdf · 2017-06-22 · CONTENIDOS LOGOS Y CÓMO USARLOS 03 Concepto 04 Fondo y tamaño mínimo. 05 Colores:](https://reader033.fdocuments.ec/reader033/viewer/2022042410/5f27e108dc948e6831596bac/html5/thumbnails/1.jpg)
DISEÑO GRÁFICO
Guía de usuarios
![Page 2: DISEÑO GRÁFICO - Injuveerasmusplus.injuve.es/.../Guia_diseno_grafico_es.pdf · 2017-06-22 · CONTENIDOS LOGOS Y CÓMO USARLOS 03 Concepto 04 Fondo y tamaño mínimo. 05 Colores:](https://reader033.fdocuments.ec/reader033/viewer/2022042410/5f27e108dc948e6831596bac/html5/thumbnails/2.jpg)
CONTENIDOS
LOGOS Y CÓMO USARLOS
03
04
05
Concepto y fuente del logo “Erasmus+”.
Fondo y tamaño mínimo.
Colores: “qué hacer y qué no hacer”.
EL SISTEMA GRÁFICO
06
07
08
09
10
Patrones de color.
Fuentes de letra para el programa.
Plantilla de “Erasmus+”.
Cómo usar la plantilla de “Erasmus+” y la composición gráfica.
Lemas y recursos gráficos para “Erasmus+”.
![Page 3: DISEÑO GRÁFICO - Injuveerasmusplus.injuve.es/.../Guia_diseno_grafico_es.pdf · 2017-06-22 · CONTENIDOS LOGOS Y CÓMO USARLOS 03 Concepto 04 Fondo y tamaño mínimo. 05 Colores:](https://reader033.fdocuments.ec/reader033/viewer/2022042410/5f27e108dc948e6831596bac/html5/thumbnails/3.jpg)
LOGOS Y CÓMO USARLOS 3
“ERASMUS+”: DISEÑO DE LOGO
El logo “Erasmus+” se basa en el concepto sencillo de los logos de las iniciativas europeas; combinando la bandera europea con el nombre del programa.
El logo “Erasmus+” no es necesario traducirlo.
FUENTE PARA EL LOGO DE “ERASMUS+”
La fuente de letra utilizada para crear el logo “Erasmus+” es “Verdana”. Sin embargo, si no está disponible este tipo de letra en el ordenador, podrá descargar el logo en varios formatos.
No es necesario traducir el nombre del programa. Por tanto, se puede utilizar tal y como está en todos los idiomas.
![Page 4: DISEÑO GRÁFICO - Injuveerasmusplus.injuve.es/.../Guia_diseno_grafico_es.pdf · 2017-06-22 · CONTENIDOS LOGOS Y CÓMO USARLOS 03 Concepto 04 Fondo y tamaño mínimo. 05 Colores:](https://reader033.fdocuments.ec/reader033/viewer/2022042410/5f27e108dc948e6831596bac/html5/thumbnails/4.jpg)
LOGOS Y CÓMO USARLOS 4
FONDO
El fondo del logo evita distracciones visuales con otros elementos diseñados en las zonas cercanas. Sus dimensiones están determinadas por formas cuadradas. La proporción de la bandera de la UE en el logo es de 18 x 12 unidades (ancho x alto). El fondo del logo tendrá un margen de 3,5 unidades por cada uno de sus lados.
TAMAÑO MÍNIMO El tamaño mínimo del logo está determinado por su legibilidad.
10 mm
![Page 5: DISEÑO GRÁFICO - Injuveerasmusplus.injuve.es/.../Guia_diseno_grafico_es.pdf · 2017-06-22 · CONTENIDOS LOGOS Y CÓMO USARLOS 03 Concepto 04 Fondo y tamaño mínimo. 05 Colores:](https://reader033.fdocuments.ec/reader033/viewer/2022042410/5f27e108dc948e6831596bac/html5/thumbnails/5.jpg)
LOGOS Y CÓMO USARLOS
COLORES
5
Versión en blanco y gris.
Versión en color. Versión en blanco y negro.
QUÉ HACER Y QUÉ NO HACER
El logo no se puede modificar:
• No puede tener una escala desproporcionada, unas dimensiones distorsionadas o estar girado. • El uso de otras tipografías no está permitido (en el futuro el logo podrá cambiar pero NO sin el permiso de la UE). • No se permiten otras versiones de color aparte de las definidas en esta guía. • La posición de los elementos del logo no puede ser alterada. • La omisión de elementos no está permitida salvo autorización expresa de la Comisión.
Erasmus+
![Page 6: DISEÑO GRÁFICO - Injuveerasmusplus.injuve.es/.../Guia_diseno_grafico_es.pdf · 2017-06-22 · CONTENIDOS LOGOS Y CÓMO USARLOS 03 Concepto 04 Fondo y tamaño mínimo. 05 Colores:](https://reader033.fdocuments.ec/reader033/viewer/2022042410/5f27e108dc948e6831596bac/html5/thumbnails/6.jpg)
EL SISTEMA GRÁFICO 6
PATRONES DE COLOR
C M 100 80
R 0
G 68
Y 0
K 0
B 148
C 0
R 255
M Y 0 100
G 237
K 0
B 0
PANTONE Reflex Blue C PANTONE Yellow C
WEB #00 44 94 WEB #75 6E AC
COLOR DEL PROGRAMA
Erasmus+ C M 100 31
R 0
G 119
Y 0
K 0
B 200
PANTONE 3005 C
WEB #00 77 C8
![Page 7: DISEÑO GRÁFICO - Injuveerasmusplus.injuve.es/.../Guia_diseno_grafico_es.pdf · 2017-06-22 · CONTENIDOS LOGOS Y CÓMO USARLOS 03 Concepto 04 Fondo y tamaño mínimo. 05 Colores:](https://reader033.fdocuments.ec/reader033/viewer/2022042410/5f27e108dc948e6831596bac/html5/thumbnails/7.jpg)
EL SISTEMA GRÁFICO 7
FUENTES DE LETRA PARA EL PROGRAMA
La fuente de letra recomendada es KARBON. Importante: la fuente de letra Karbon no puede utilizarse sin licencia. La licencia para su uso completo o parcial (ejemplo: Light, Regular, Semibold) puede comprarse aquí: HHHUUUhttp://vllg.com/foundries/Klim/font_families/Karbon UUU
Fuentes alternativas que pueden utilizarse: GILL SANS (1) and VERDANA (2).
Para alfabeto griego y cirílico se recomienda obtener y utilizar la fuente UBUnTU, disponible de forma gratuita para descargar aquí: HHHUUUhttp://font.ubuntu.com UUU
![Page 8: DISEÑO GRÁFICO - Injuveerasmusplus.injuve.es/.../Guia_diseno_grafico_es.pdf · 2017-06-22 · CONTENIDOS LOGOS Y CÓMO USARLOS 03 Concepto 04 Fondo y tamaño mínimo. 05 Colores:](https://reader033.fdocuments.ec/reader033/viewer/2022042410/5f27e108dc948e6831596bac/html5/thumbnails/8.jpg)
EL SISTEMA GRÁFICO 8
PLANTILLA DE ERASMUS+
La plantilla de “Erasmus+” es un elemento gráfico esencial que debe ser colocado en los materiales del programa.
Será posible utilizar diferentes encuadres y opacidades dependiendo del tamaño del formato y el contraste del fondo.
2
1
![Page 9: DISEÑO GRÁFICO - Injuveerasmusplus.injuve.es/.../Guia_diseno_grafico_es.pdf · 2017-06-22 · CONTENIDOS LOGOS Y CÓMO USARLOS 03 Concepto 04 Fondo y tamaño mínimo. 05 Colores:](https://reader033.fdocuments.ec/reader033/viewer/2022042410/5f27e108dc948e6831596bac/html5/thumbnails/9.jpg)
EL SISTEMA GRÁFICO 9
CÓMO USAR LA PLANTILLA DE “ERASMUS+” Y LA COMPOSICIÓN GRÁFICA
1 La plantilla es siempre transparente. No tiene un tamaño fijo, y puede enmarcarse de diferentes maneras.
2 La imagen preferiblemente debe ocupar toda la página. Puede tener un margen blanco para publicaciones administrativas internas (Word, PowerPoint, pdf). Si no hay una imagen, el color del fondo es el del programa.
3 El bloque informativo es un paralelogramo transparente. La fuente de letra del título debe ser Karbon Bold en mayúsculas (cuerpo 20, interlineado 2,1, para formato A4) y la fuente de letra del texto debe ser Karbon Regular (cuerpo 18, interlineado 1,8, para formato A4).
2
3
1
![Page 10: DISEÑO GRÁFICO - Injuveerasmusplus.injuve.es/.../Guia_diseno_grafico_es.pdf · 2017-06-22 · CONTENIDOS LOGOS Y CÓMO USARLOS 03 Concepto 04 Fondo y tamaño mínimo. 05 Colores:](https://reader033.fdocuments.ec/reader033/viewer/2022042410/5f27e108dc948e6831596bac/html5/thumbnails/10.jpg)
EL SISTEMA GRÁFICO 10
LEMAS PARA “ERASMUS+”
El lema de “Erasmus+” es:
Cambiando vidas. Abriendo mentes.
El lema debe ser utilizado en presencia del logo y con identidad visual. La fuente de letra es Karbon Medium.
La fuente debe ser Karbon Medium (“kerning” óptico, “tracking” a 0). En los casos en los que el lema aparezca solo, debe ser usado con el nombre del programa como se muestra a continuación:
Cambiando vidas. Abriendo mentes. Erasmus+
RECURSOS GRÁFICOS PARA “ERASMUS+”
Ejemplos de recursos gráficos y sus referencias numéricas para adquirirlos:
EDUCACIÓN SUPERIOR
gettyimages stk161423rke
gettyimages 157288838
Shutterstock 3595646
Shutterstock 41152630
fotolia 54990513
![Page 11: DISEÑO GRÁFICO - Injuveerasmusplus.injuve.es/.../Guia_diseno_grafico_es.pdf · 2017-06-22 · CONTENIDOS LOGOS Y CÓMO USARLOS 03 Concepto 04 Fondo y tamaño mínimo. 05 Colores:](https://reader033.fdocuments.ec/reader033/viewer/2022042410/5f27e108dc948e6831596bac/html5/thumbnails/11.jpg)
EL SISTEMA GRÁFICO 11
FORMACIÓN PROFESIONAL
gettyimages 146264184
Shutterstock 145332502
Shutterstock 96602440
Shutterstock 107588861
Shutterstock 114474562
EDUCACIÓN ESCOLAR
gettyimages skd257383sdc
Shutterstock 93989398
Shutterstock 77120281
Shutterstock 71166694
Shutterstock 77374870
![Page 12: DISEÑO GRÁFICO - Injuveerasmusplus.injuve.es/.../Guia_diseno_grafico_es.pdf · 2017-06-22 · CONTENIDOS LOGOS Y CÓMO USARLOS 03 Concepto 04 Fondo y tamaño mínimo. 05 Colores:](https://reader033.fdocuments.ec/reader033/viewer/2022042410/5f27e108dc948e6831596bac/html5/thumbnails/12.jpg)
EL SISTEMA GRÁFICO 12
EDUCACIÓN DE ADULTOS
gettyimages 167214229
gettyimages 166036930
Shutterstock 94662769
Shutterstock 15815155
Shutterstock 15813871
DEPORTES
Thinkstockphotos 155399760
fotolia 7030223
Shutterstock 18175783
Shutterstock 82162555
![Page 13: DISEÑO GRÁFICO - Injuveerasmusplus.injuve.es/.../Guia_diseno_grafico_es.pdf · 2017-06-22 · CONTENIDOS LOGOS Y CÓMO USARLOS 03 Concepto 04 Fondo y tamaño mínimo. 05 Colores:](https://reader033.fdocuments.ec/reader033/viewer/2022042410/5f27e108dc948e6831596bac/html5/thumbnails/13.jpg)
EL SISTEMA GRÁFICO 13
EDUCACIÓN DE ADULTOS
gettyimages 171155287
gettyimages 10173319
fotolia 32033469
Shutterstock 112629134
Shutterstock 120511573
fotolia 38620208