2. diseño de portadas - Goethe

2. DISEÑO DE PORTADAS
Goethe-Institut · Diseño corporativo
2.
Identidad del autor
Diseño
Diseño páginas interiores
Ejemplos prácticos
Anexo
NORMAS PARA EL DISEÑO DE LAS PORTADAS
Lo primero que llama la atención de una publicación es la portada. Un diseño típico facilita rápidamente su asociación con la marca, que es lo que se
pretende con la presentación homogénea de esta
marca.
A pesar de una representación gráfica común, sin
embargo, hay que asegurar que cada serie de
publicaciones mantenga su propio estilo. Esto se
consigue con:
1. La división del formato de la portada: el conjunto
de los medios impresos se puede dividir en cuatro categorías de productos. Éstas se distinguen por la división
específica del formato de la portada.
Clasificar un documento
según su categoría de productos* y comprobar el
diseño** de la portada
2. Diferentes estilos de imágenes: la funcionalidad de
los medios impresos se apoya en los propios estilos de
sus imágenes.
Comprobar cuál es el estilo apropiado de las imágenes
3. La tipografía: el diseño tipográfico sigue unas normas homogéneas. La elaboración estandarizada de los
títulos facilita que el lector comprenda su contenido
fácilmente. Además, existe la posibilidad de resaltar ciertas palabras o partes del texto.
* Un resumen de los medios elaborados hasta la fecha y su clasificación
en las diferentes categorías se
encuentra en el anexo, en la página
100.
** El CD-ROM 02 adjunto contiene
que se incluye contiene documentos
modelo para los formatos más usados.
39
Goethe-Institut · Diseño corporativo
2.1
Identidad del autor
Diseño
Diseño páginas interiores
Ejemplos prácticos
Anexo
DIVISIÓN DEL FORMATO DE LA PORTADA
Categoría de productos
Los productos impresos de los distintos departamentos y
áreas del Goethe-Institut se distinguen por la diferente división del formato de su portada.* Sus imágenes, que también pueden estar estructuradas tipográficamente, pueden
insertarse ocupando la superficie entera de la portada o
sólo parte de ella.
IMAGEMITTEL
LEHRMATERIAL
WERBE- UND INFOMITTEL
SUBTITLE 1
SUBTITLE 1
SUBTITLE 1
SUBTITLE 2
SUBTITLE 2
SUBTITLE 2
SUBTITLE 3
SUBTITLE 3
SUBTITLE 3
Material representativo (material impreso genéri- Material de enseñanza (material educativo, cerco del Instituto): imágenes ocupan parte de la
tificados de notas): imágenes ocupan parte de
portada, alineación vertical
la portada, alineación horizontal
Material publicitario e informativo (p. e. , folletos generales, folletos sobre cursos): imágenes o
fondo ocupan toda la portada
Categoría de productos
Diferente división del formato de la portada para:
material representativo,
material de enseñanza,
material publicitario e
informativo, revistas externas y cintas de vídeo
EXTERNE MITTEL
Revistas externas, cintas de vídeo, etc.: la identificación del autor se reduce al logotipo y a las
barras verticales
* Un resumen de los medios elaborados hasta la fecha y su clasificación
en las diferentes categorías se
encuentra en el anexo, en la página
100.
40
Goethe-Institut · Diseño corporativo
2.2
Identidad del autor
Diseño
Diseño páginas interiores
Ejemplos prácticos
Anexo
ESTRUCTURA DE LAS IMÁGENES
Composición de las imágenes
Para que las imágenes se puedan utilizar de forma variable (es decir para distintos formatos), es preciso observar
ciertas normas fundamentales a la hora su realización:
TITEL DES MEDIUMS
TITEL DES MEDIUMS
TITEL DES MEDIUMS
SUBTHEMA 1
SUBTHEMA 1
SUBTHEMA 1
SUBTHEMA 2
SUBTHEMA 2
SUBTHEMA 2
SUBTHEMA 3
SUBTHEMA 3
SUBTHEMA 3
ERSCHEINUNGSDATUM
ERSCHEINUNGSDATUM
ERSCHEINUNGSDATUM
Reducción de la imagen a sus contenidos esenciales.
Demasiados detalles confunden, crean inquietud en la
portada y distraen de su contenido principal.
Reducción
Los contrastes de colores y tonos deben mantenerse lo
más bajo posible, favoreciendo así imágenes monocromáticas.
Pocos contrastes
Los desenfoques se pueden introducir también durante
el revelado y el procesado de la imagen. A la hora de la
toma lo más importante es encontrar una perspectiva
interesante.
Perspectiva interesante
Debe existir suficiente espacio hacia los márgenes; esto
quiere decir que los contenidos esenciales de la imagen
deben estar concentrados en un espacio pequeño. Una
buena fotografía permite ser recortada tanto en formato
vertical como horizontal.
Compatibilidad tanto en
formato vertical como
horizontal
En el área central de la fotografía se precisan, sobre
todo, zonas serenas para poder posicionar los títulos de
forma óptima.
Zonas “serenas” para
insertar textos
41
Goethe-Institut · Diseño corporativo
2.3
Identidad del autor
Diseño
Diseño páginas interiores
Ejemplos prácticos
Anexo
MODELOS PARA LAS PORTADAS / MATERIAL REPRESENTATIVO
Material representativo (material impreso genérico)
Para la cuadrícula base, véanse
las aclaraciones
a partir de la
página 50.
Borde superior
de la primera
línea del título
Un rasgo esencial de las publicaciones del Goethe-Institut
como institución superior es la división vertical de la portada en dos áreas: una con imagen y una sin ella. Esta área
sin imagen, por regla general, muestra el fondo blanco del
papel sin impresión alguna. Se puede elegir libremente el
límite entre las áreas, pero debe estar alineado con las
barras del marco visual.*
PRIMERA LÍNEA DE
UN TÍTULO LARGO
AQUÍ PUEDEN APARECER SUBTÍTULOS,
EXTRACTOS DEL CONTENIDO, ASÍ COMO
Si se desea:
Resaltar partes
del título mediante un cambio
de tono.
El tamaño de la fuente utilizada para los títulos siempre
debe ser el mismo dentro de una serie de publicaciones.
Esta norma también es válida para cualquier sección del
título resaltada mediante un cambio de tono (cambio que
se puede efectuar, pero no es obligatorio).
El borde superior de la primera línea, así como el borde
inferior de la última línea, deben estar alineados con las
barras horizontales del marco visual. Las líneas debajo del
título principal deben estar alineadas con la cuadrícula base.
Imagen / fondo básico
División vertical, línea de
separación entre las áreas
alineada con las barras verticales
Títulos
Tamaño homogéneo dentro
de una serie de publicaciones, interlineado para títulos “comprimido”, borde
superior de la primera
línea y borde inferior de la
última línea alineados con
el marco visual.
INFORMACIÓN ADICIONAL SOBRE LA PUBLICACIÓN, COMO EL
Borde inferior de
la última línea
de los subtítulos.
NOMBRE DEL AUTOR O LA FECHA DE PUBLICACIÓN
TITELBESCHRIFTUNG
TITELBESCHRIFTUNG
HIER KÖNNEN UNTERTITEL STEHEN,
HIER KÖNNEN UNTERTITEL STEHEN,
AUSZÜGE AUS DEM INHALT
AUSZÜGE AUS DEM INHALT
TITELBESCHRIFTUNG
AUSZÜGE AUS DEM INHALT
SOWIE WEITERE ANGABEN ZUR PUBLIKATION
SOWIE WEITERE ANGABEN ZUR PUBLIKATION
SOWIE WEITERE ANGABEN ZUR PUBLIKATION
WIE NAME DES AUTORS
WIE NAME DES AUTORS
WIE NAME DES AUTORS
ODER ERSCHEINUNGSDATUM
ODER ERSCHEINUNGSDATUM
ODER ERSCHEINUNGSDATUM
HIER KÖNNEN UNTERTITEL STEHEN,
* véanse ejemplos prácticos a partir
de la página 72.
Posibles líneas de división entre las áreas, alineadas con las barras
Posibles variantes de división
42
Goethe-Institut · Diseño corporativo
2.3
Identidad del autor
Diseño
Diseño páginas interiores
Ejemplos prácticos
Anexo
MODELOS PARA LAS PORTADAS / MATERIAL DE ENSEÑANZA
Material de enseñanza (materiales educativos,
certificados de asistencia, certificados de notas)
Un distintivo de todo material producido para la enseñanza (es decir, para alumnos y profesores, pero también certificados de notas, certificados de asistencia,
etc.) es la división horizontal de la portada.*
Imagen / fondo básico
División horizontal, línea de
separación entre las áreas
alineada con las barras horizontales
El límite entre las áreas debe estar alineado con las
barras horizontales del marco visual.
Borde inferior de
la primera línea
del título
PRIMERA LÍNEA DE
UN TÍTULO LARGO
AQUÍ PUEDEN APARECER SUBTÍTULOS,
EXTRACTOS DEL CONTENIDO, ASÍ COMO
Líneas de separación entre las
áreas alineadas
con las barras
horizontales
El título se diferencia de otros tipos de publicaciones: no
está alineado con la cuadrícula base, sino que debe
insertarse de tal forma que el borde inferior de la primera línea del título esté alineado con el borde inferior
de la barra horizontal superior. El borde inferior de la
última línea se encuentra 2 mm por encima del borde
inferior de la barra horizontal inferior.
Títulos
Borde inferior de la primera
línea = borde inferior de la
barra horizontal superior,
Borde inferior de la última
línea 2 mm por encima del
borde inferior de la barra
inferior
INFORMACIÓN ADICIONAL SOBRE LA PUBLICACIÓN, COMO
Borde inferior de
la última línea
de los subtítulos.
EL NOMBRE DEL AUTOR O LA FECHA DE PUBLICACIÓN
2 mm
TITELBESCHRIFTUNG
TITELBESCHRIFTUNG
HIER KÖNNEN UNTERTITEL STEHEN,
HIER KÖNNEN UNTERTITEL STEHEN,
AUSZÜGE AUS DEM INHALT
AUSZÜGE AUS DEM INHALT
AUSZÜGE AUS DEM INHALT
SOWIE WEITERE ANGABEN ZUR PUBLIKATION
SOWIE WEITERE ANGABEN ZUR PUBLIKATION
SOWIE WEITERE ANGABEN ZUR PUBLIKATION
WIE NAME DES AUTORS
WIE NAME DES AUTORS
WIE NAME DES AUTORS
ODER ERSCHEINUNGSDATUM
ODER ERSCHEINUNGSDATUM
ODER ERSCHEINUNGSDATUM
TITELBESCHRIFTUNG
HIER KÖNNEN UNTERTITEL STEHEN,
* véanse ejemplos prácticos a partir
de la página 77.
Posibles variantes de división
43
Goethe-Institut · Diseño corporativo
2.3
Identidad del autor
Diseño
Diseño páginas interiores
Ejemplos prácticos
Anexo
MODELOS PARA LAS PORTADAS / MATERIAL PUBLICITARIO E INFORMATIVO
Material publicitario e informativo
Para la cuadrícula base, véanse
las aclaraciones
a partir de la
página 50.
Un rasgo esencial de las publicaciones publicitarias, como
p. e. ofertas para cursos, es la inserción de la imagen del
título o del fondo básico en toda la superficie de la portada.*
El borde superior de la primera línea del título, así como
el borde inferior de la última línea de los subtítulos se alinearán con las barras del marco visual.
Borde superior
de la primera
línea del título
PRIMERA LÍNEA DE
UN TÍTULO LARGO
Imagen / fondo básico
Llena la página entera
Títulos
El borde superior de la primera línea y el borde inferior de la última línea
están alineados con el
marco visual;
tamaño uniforme dentro de
una serie de publicaciones
AQUÍ PUEDEN APARECER SUBTÍTULOS,
EXTRACTOS DEL CONTENIDO, ASÍ COMO
INFORMACIÓN ADICIONAL SOBRE LA PUBLICACIÓN, COMO
Borde inferior de
la última línea de
los subtítulos
EL NOMBRE DEL AUTOR O LA FECHA DE PUBLICACIÓN
* Véanse ejemplos prácticos a partir
de la página 81.
Ancho máximo de la línea
Alineadas con las
barras verticales
44
Goethe-Institut · Diseño corporativo
2.3
Identidad del autor
Diseño páginas interiores
Ejemplos prácticos
Anexo
2.3 MODELOS PARA LAS PORTADAS / REVISTAS EXTERNAS, CINTAS DE VÍDEO ETC.
TITEL
Revistas externas y vídeos artísticos
En el caso de las publicaciones externas, el marco visual
se reduce al logotipo Goethe y a las barras verticales.*
La coloración de las barras se elige de tal manera que se
reconoce fácilmente, pero sólo existe un ligero contraste
con respecto al fondo (gris sobre blanco, blanco sobre
tonos claros, aclaramiento o oscurecimiento transparente). En la medida de lo posible, el logotipo y las barras
serán del mismo color (p. e., logotipo blanco con barras
blancas).
EXTERN – AUSGABE NR. 10 / 2003
Dolores ipsum igitur
Se suprimen
las barras
horizontales
Diseño
Lorem ipsum dolor sit avidmet
Seite 06
Consetetur sadipscing elitr
Seite 11
Sed diam nonumy eirmod tempor inunt
Seite 16
Por lo demás, se adoptará el diseño externo de la portada sin cambios.
Sin embargo, hacia arriba, se mantendrá un espacio
libre que corresponde al doble de la altura de las barras.
Dentro de este espacio no podrán aparecer otros elementos de la portada tales como títulos, o imágenes
superpuestas al fondo de la portada.
Wendrit com laudatione
Ut labore et dolore magnayam erat
Marco visual
Sin barras horizontales,
barras con poco contraste
en el tono con respecto al
fondo; logotipo blanco con
barras blancas
Espacio libre
Espacio libre alrededor del
logotipo y de las barras: el
doble de la altura de las
barras
Seite 22
Espacio libre
encima del logotipo Goethe y de
las barras:
1 x altura de las
barras
Espacio libre Y
Altura Y
* Véanse ejemplos prácticos a partir
de la página 91.
Sólo un ligero contraste
en el tono
45
Goethe-Institut · Diseño corporativo
2.3
Identidad del autor
Diseño
Diseño páginas interiores
Ejemplos prácticos
Anexo
CONTRAPORTADA
Contraportadas en formato vertical
La contraportada contiene información sobre el autor,
como el nombre del Instituto, la dirección postal, los números de teléfono y fax, y las direcciones de correo electrónico e Internet. La última línea del texto está alineada con la
barra horizontal inferior. Si el texto es muy amplio, se
reparte en varios bloques (véase página siguiente).
Lomo
Contraportada
Información sobre el
autor
Aparece en la contraportada.
Última línea del texto alineada con la barra horizontal
inferior.
TÍTULO EN FORMATO VERT.
SANCTUS ET INCTUS
EST LOREM IPSUM
DOLOR SIT AMET.
LOREM IPSUM DOLOR
SIT AMET.
Goethe-Institut
Postfach 19 04 19
D-80604 München
Tel. 0049 / 089 / 1 59 21-0
Fax 0049 / 089 / 1 59 21-102
E-Mail: [email protected]
www.goethe.de
Borde izquierdo alineado con las
barras verticales
Distancia X
X
HEADLINE HOCHFORMAT
Goethe-Institut
Postfach 19 04 19
D-80604 München
Tel. 0049 / 089 / 1 59 21-0
Fax 0049 / 089 / 1 59 21-102
E-Mail: [email protected]
www.goethe.de
Borde izquierdo alineado con las
barras verticales
SANCTUS ET INCTUS
EST LOREM IPSUM
DOLOR SIT AMET.
LOREM IPSUM DOLOR
SIT AMET.
46
Goethe-Institut · Diseño corporativo
2.3
Identidad del autor
Diseño
Diseño páginas interiores
Ejemplos prácticos
Anexo
CONTRAPORTADA
Contraportadas en formato horizontal
En las contraportadas en formato horizontal, la información sobre el autor, como el nombre del Instituto, la
dirección postal, los números de teléfono y fax y las
direcciones de correo electrónico e Internet se posicionan de tal manera que están alineadas con las barras del
marco visual. Dependiendo de la amplitud del texto,
existen varias opciones de posicionamiento.
Goethe-Institut
Postfach 19 04 19
D-80604 München
Tel. 0049 / 089 / 1 59 21-0
Fax 0049 / 089 / 1 59 21-102
E-Mail: [email protected]
www.goethe.de
Dolores ipsum igitur cum laudatum
Rex silva per salutur
Inter venuto il igitur con salvens
Argento inner lendes, favulos
Beispielstrasse 123
E-Mail: [email protected]
E-Mail: [email protected]
Goethe-Institut
Postfach 19 04 19
D-80604 München
Tel. 0049 / 089 / 1 59 21-0
Fax 0049 / 089 / 1 59 21-102
E-Mail: [email protected]
www.goethe.de
Información sobre el
autor en una sola
columna
Dolores ipsum igitur cum laudatum
Rex silva per salutur
Inter venuto il igitur con salvens
Argento inner lendes, favulos
Beispielstrasse 123
E-Mail: [email protected]
E-Mail: [email protected]
Información sobre
el autor en dos
columnas
La última línea del texto
está alineada con la barra
horizontal inferior.
Información sobre el
autor
Textos con datos del autor
alineados con las barras del
marco visual
47