2.

DISEÑO DE PORTADAS
Goethe-Institut · Diseño corporativo
2. NORMAS PARA EL DISEÑO DE LAS PORTADAS
Lo primero que llama la atención de una publica-
ción es la portada. Un diseño típico facilita rápida-
mente 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:
Identidad del autor Diseño Diseño páginas interiores Ejemplos prácticos Anexo 39
1. La división del formato de la portada: el conjunto Clasificar un documento
de los medios impresos se puede dividir en cuatro cate- según su categoría de pro-
gorías de productos. Éstas se distinguen por la división ductos* y comprobar el
específica del formato de la portada. diseño** de la portada
2. Diferentes estilos de imágenes: la funcionalidad de Comprobar cuál es el esti-
los medios impresos se apoya en los propios estilos de lo apropiado de las imáge-
sus imágenes. nes
3. La tipografía: el diseño tipográfico sigue unas nor-
mas 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 cier-
tas palabras o partes del texto.
* Un resumen de los medios elabora-
dos 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 usa-
dos.
Goethe-Institut · Diseño corporativo Identidad del autor Diseño Diseño páginas interiores Ejemplos prácticos Anexo 40

2.1 DIVISIÓN DEL FORMATO DE LA PORTADA

Categoría de productos

Los productos impresos de los distintos departamentos y Categoría de productos

áreas del Goethe-Institut se distinguen por la diferente divi- Diferente división del for-
sión del formato de su portada.* Sus imágenes, que tam- mato de la portada para:
bién pueden estar estructuradas tipográficamente, pueden material representativo,
insertarse ocupando la superficie entera de la portada o material de enseñanza,
sólo parte de ella. material publicitario e
informativo, revistas exter-
nas y cintas de vídeo

IMAGEMITTEL LEHRMATERIAL WERBE- UND INFOMITTEL EXTERNE MITTEL

SUBTITLE 1 SUBTITLE 1 SUBTITLE 1

SUBTITLE 2 SUBTITLE 2 SUBTITLE 2

SUBTITLE 3 SUBTITLE 3 SUBTITLE 3

* Un resumen de los medios elabora-

dos hasta la fecha y su clasificación
Material representativo (material impreso genéri- Material de enseñanza (material educativo, cer- Material publicitario e informativo (p. e. , folle- Revistas externas, cintas de vídeo, etc.: la iden- en las diferentes categorías se
co del Instituto): imágenes ocupan parte de la tificados de notas): imágenes ocupan parte de tos generales, folletos sobre cursos): imágenes o tificación del autor se reduce al logotipo y a las encuentra en el anexo, en la página
portada, alineación vertical la portada, alineación horizontal fondo ocupan toda la portada barras verticales 100.
Goethe-Institut · Diseño corporativo Identidad del autor Diseño Diseño páginas interiores Ejemplos prácticos Anexo 41

2.2 ESTRUCTURA DE LAS IMÁGENES

Composición de las imágenes

Para que las imágenes se puedan utilizar de forma varia-

ble (es decir para distintos formatos), es preciso observar
ciertas normas fundamentales a la hora su realización:

Reducción de la imagen a sus contenidos esenciales. Reducción

Demasiados detalles confunden, crean inquietud en la
portada y distraen de su contenido principal.

Los contrastes de colores y tonos deben mantenerse lo Pocos contrastes

más bajo posible, favoreciendo así imágenes monocro-
máticas.

Los desenfoques se pueden introducir también durante Perspectiva interesante

el revelado y el procesado de la imagen. A la hora de la
toma lo más importante es encontrar una perspectiva
interesante.

Debe existir suficiente espacio hacia los márgenes; esto Compatibilidad tanto en
quiere decir que los contenidos esenciales de la imagen formato vertical como
deben estar concentrados en un espacio pequeño. Una horizontal
buena fotografía permite ser recortada tanto en formato
vertical como horizontal.
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

En el área central de la fotografía se precisan, sobre Zonas “serenas” para
ERSCHEINUNGSDATUM ERSCHEINUNGSDATUM ERSCHEINUNGSDATUM
todo, zonas serenas para poder posicionar los títulos de insertar textos
forma óptima.
 Goethe-Institut · Diseño corporativo Identidad del autor Diseño Diseño páginas interiores Ejemplos prácticos Anexo 42

2.3 MODELOS PARA LAS PORTADAS / MATERIAL REPRESENTATIVO

Material representativo (material impreso genérico)

Para la cuadrícu-
la base, véanse
las aclaraciones
Un rasgo esencial de las publicaciones del Goethe-Institut Imagen / fondo básico
a partir de la como institución superior es la división vertical de la por- División vertical, línea de
página 50.
tada en dos áreas: una con imagen y una sin ella. Esta área separación entre las áreas
sin imagen, por regla general, muestra el fondo blanco del alineada con las barras ver-
papel sin impresión alguna. Se puede elegir libremente el ticales
límite entre las áreas, pero debe estar alineado con las
barras del marco visual.*
Títulos
El tamaño de la fuente utilizada para los títulos siempre Tamaño homogéneo dentro
debe ser el mismo dentro de una serie de publicaciones. de una serie de publicacio-
Esta norma también es válida para cualquier sección del nes, interlineado para títu-
Borde superior título resaltada mediante un cambio de tono (cambio que los “comprimido”, borde
de la primera PRIMERA LÍNEA DE Si se desea:
Resaltar partes se puede efectuar, pero no es obligatorio). superior de la primera
línea del título
UN TÍTULO LARGO del título medi-
ante un cambio
El borde superior de la primera línea, así como el borde
línea y borde inferior de la
última línea alineados con
de tono.
AQUÍ PUEDEN APARECER SUBTÍTULOS, inferior de la última línea, deben estar alineados con las el marco visual.
barras horizontales del marco visual. Las líneas debajo del
EXTRACTOS DEL CONTENIDO, ASÍ COMO título principal deben estar alineadas con la cuadrícula base.
INFORMACIÓN ADICIONAL SOBRE LA PUBLICACIÓN, COMO EL
Borde inferior de
la última línea NOMBRE DEL AUTOR O LA FECHA DE PUBLICACIÓN
de los subtítulos.

TITELBESCHRIFTUNG TITELBESCHRIFTUNG TITELBESCHRIFTUNG

HIER KÖNNEN UNTERTITEL STEHEN,
AUSZÜGE AUS DEM INHALT
SOWIE WEITERE ANGABEN ZUR PUBLIKATION
WIE NAME DES AUTORS
ODER ERSCHEINUNGSDATUM
HIER KÖNNEN UNTERTITEL STEHEN, HIER KÖNNEN UNTERTITEL STEHEN,
AUSZÜGE AUS DEM INHALT AUSZÜGE AUS DEM INHALT
SOWIE WEITERE ANGABEN ZUR PUBLIKATION SOWIE WEITERE ANGABEN ZUR PUBLIKATION
WIE NAME DES AUTORS WIE NAME DES AUTORS
ODER ERSCHEINUNGSDATUM ODER ERSCHEINUNGSDATUM

* 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
 Goethe-Institut · Diseño corporativo
2.3
Borde inferior de
la primera línea
del título
Borde inferior de
la última línea
de los subtítulos.
MODELOS PARA LAS PORTADAS / MATERIAL DE ENSEÑANZA
PRIMERA LÍNEA DE
UN TÍTULO LARGO
AQUÍ PUEDEN APARECER SUBTÍTULOS,
EXTRACTOS DEL CONTENIDO, ASÍ COMO
INFORMACIÓN ADICIONAL SOBRE LA PUBLICACIÓN, COMO
EL NOMBRE DEL AUTOR O LA FECHA DE PUBLICACIÓN
Identidad del autor Diseño Diseño páginas interiores Ejemplos prácticos Anexo 43
Material de enseñanza (materiales educativos,
certificados de asistencia, certificados de notas)
Un distintivo de todo material producido para la ense- Imagen / fondo básico
ñanza (es decir, para alumnos y profesores, pero tam- División horizontal, línea de
bién certificados de notas, certificados de asistencia, separación entre las áreas
etc.) es la división horizontal de la portada.* alineada con las barras hori-
zontales
El límite entre las áreas debe estar alineado con las
barras horizontales del marco visual.
Títulos
El título se diferencia de otros tipos de publicaciones: no Borde inferior de la primera
está alineado con la cuadrícula base, sino que debe línea = borde inferior de la
insertarse de tal forma que el borde inferior de la pri- barra horizontal superior,
mera línea del título esté alineado con el borde inferior Borde inferior de la última
Líneas de separa-
de la barra horizontal superior. El borde inferior de la
última línea se encuentra 2 mm por encima del borde
línea 2 mm por encima del
borde inferior de la barra
ción entre las inferior de la barra horizontal inferior. inferior
áreas alineadas
con las barras
horizontales
2 mm
TITELBESCHRIFTUNG TITELBESCHRIFTUNG TITELBESCHRIFTUNG
HIER KÖNNEN UNTERTITEL STEHEN, 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
* véanse ejemplos prácticos a partir
de la página 77.
Posibles variantes de división
 Goethe-Institut · Diseño corporativo Identidad del autor Diseño Diseño páginas interiores Ejemplos prácticos Anexo 44

2.3 MODELOS PARA LAS PORTADAS / MATERIAL PUBLICITARIO E INFORMATIVO

Material publicitario e informativo

Para la cuadrícu-
la base, véanse
las aclaraciones Un rasgo esencial de las publicaciones publicitarias, como Imagen / fondo básico
a partir de la p. e. ofertas para cursos, es la inserción de la imagen del Llena la página entera
página 50.
título o del fondo básico en toda la superficie de la porta-
da.*
Títulos
El borde superior de la primera línea del título, así como El borde superior de la pri-
el borde inferior de la última línea de los subtítulos se ali- mera línea y el borde infe-
nearán con las barras del marco visual. rior de la última línea
están alineados con el
marco visual;
tamaño uniforme dentro de
Borde superior una serie de publicaciones
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

INFORMACIÓN ADICIONAL SOBRE LA PUBLICACIÓN, COMO

Borde inferior de
la última línea de EL NOMBRE DEL AUTOR O LA FECHA DE PUBLICACIÓN
los subtítulos

* Véanse ejemplos prácticos a partir

de la página 81.
Ancho máximo de la línea
Alineadas con las
barras verticales
 Goethe-Institut · Diseño corporativo Identidad del autor Diseño Diseño páginas interiores Ejemplos prácticos Anexo 45

2.3 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 Marco visual

EXTERN – AUSGABE NR. 10 / 2003
Dolores ipsum igitur
Lorem ipsum dolor sit avidmet
Se suprimen
Consetetur sadipscing elitr
las barras
horizontales
Sed diam nonumy eirmod tempor inunt
Wendrit com laudatione
Ut labore et dolore magnayam erat
se reduce al logotipo Goethe y a las barras verticales.* Sin barras horizontales,
La coloración de las barras se elige de tal manera que se barras con poco contraste
reconoce fácilmente, pero sólo existe un ligero contraste en el tono con respecto al
con respecto al fondo (gris sobre blanco, blanco sobre fondo; logotipo blanco con
tonos claros, aclaramiento o oscurecimiento transparen- barras blancas
te). En la medida de lo posible, el logotipo y las barras
serán del mismo color (p. e., logotipo blanco con barras
blancas).
Seite 06 Por lo demás, se adoptará el diseño externo de la porta-
da sin cambios.
Seite 11
Sin embargo, hacia arriba, se mantendrá un espacio Espacio libre
Seite 16
libre que corresponde al doble de la altura de las barras. Espacio libre alrededor del
Dentro de este espacio no podrán aparecer otros ele- logotipo y de las barras: el
mentos de la portada tales como títulos, o imágenes doble de la altura de las
superpuestas al fondo de la portada. barras
Seite 22

Espacio libre
encima del logo- Espacio libre Y
tipo Goethe y de
las barras:
1 x altura de las Altura Y
barras * Véanse ejemplos prácticos a partir
de la página 91.
Sólo un ligero contraste
en el tono
Goethe-Institut · Diseño corporativo Identidad del autor Diseño Diseño páginas interiores Ejemplos prácticos Anexo 46

2.3 CONTRAPORTADA

Contraportadas en formato vertical

La contraportada contiene información sobre el autor, Información sobre el

como el nombre del Instituto, la dirección postal, los núme- autor
ros de teléfono y fax, y las direcciones de correo electróni- Aparece en la contraportada.
co e Internet. La última línea del texto está alineada con la Última línea del texto alinea-
barra horizontal inferior. Si el texto es muy amplio, se da con la barra horizontal
Contraportada Lomo reparte en varios bloques (véase página siguiente). inferior.

TÍTULO EN FORMATO VERT.

SANCTUS ET INCTUS
EST LOREM IPSUM HEADLINE HOCHFORMAT
Goethe-Institut
Postfach 19 04 19 DOLOR SIT AMET.
D-80604 München
Tel. 0049 / 089 / 1 59 21-0
Fax 0049 / 089 / 1 59 21-102
LOREM IPSUM DOLOR SANCTUS ET INCTUS
E-Mail: zentralverwaltung@goethe.de Goethe-Institut EST LOREM IPSUM
www.goethe.de SIT AMET. Postfach 19 04 19
D-80604 München DOLOR SIT AMET.
Tel. 0049 / 089 / 1 59 21-0
Fax 0049 / 089 / 1 59 21-102 LOREM IPSUM DOLOR
E-Mail: zentralverwaltung@goethe.de
www.goethe.de SIT AMET.

Borde izquierdo alineado con las Borde izquierdo alineado con las
barras verticales Distancia X X barras verticales
Goethe-Institut · Diseño corporativo Identidad del autor Diseño Diseño páginas interiores Ejemplos prácticos Anexo 47

2.3 CONTRAPORTADA

Contraportadas en formato horizontal

En las contraportadas en formato horizontal, la informa- Información sobre el

ción sobre el autor, como el nombre del Instituto, la autor
dirección postal, los números de teléfono y fax y las Textos con datos del autor
Goethe-Institut direcciones de correo electrónico e Internet se posicio- alineados con las barras del
Postfach 19 04 19
D-80604 München
Tel. 0049 / 089 / 1 59 21-0
Fax 0049 / 089 / 1 59 21-102
nan de tal manera que están alineadas con las barras del marco visual
E-Mail: zentralverwaltung@goethe.de
www.goethe.de
Dolores ipsum igitur cum laudatum
marco visual. Dependiendo de la amplitud del texto,
Rex silva per salutur
Inter venuto il igitur con salvens
Argento inner lendes, favulos
existen varias opciones de posicionamiento.
Beispielstrasse 123 Información sobre el
E-Mail: intervenuto@goethe.de
E-Mail: argentolendes@goethe.de autor en una sola
columna

Goethe-Institut Dolores ipsum igitur cum laudatum

Postfach 19 04 19
D-80604 München
Tel. 0049 / 089 / 1 59 21-0
Fax 0049 / 089 / 1 59 21-102
E-Mail: zentralverwaltung@goethe.de
www.goethe.de
Rex silva per salutur
Inter venuto il igitur con salvens
Argento inner lendes, favulos
Beispielstrasse 123 Información sobre
E-Mail: intervenuto@goethe.de
E-Mail: argentolendes@goethe.de el autor en dos
columnas

La última línea del texto

está alineada con la barra
horizontal inferior.