2. DISEÑO DE PORTADAS

Transcripción

1 2. DISEÑO DE PORTADAS

2 Goethe-Institut Diseño corporativo 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. 2. Diferentes estilos de imágenes: la funcionalidad de los medios impresos se apoya en los propios estilos de sus 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. Clasificar un documento según su categoría de productos* y comprobar el diseño** de la portada Comprobar cuál es el estilo apropiado de las imágenes * 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.

3 Goethe-Institut Diseño corporativo 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. 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 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 Material representativo (material impreso genérico del Instituto): imágenes ocupan parte de la portada, alineación vertical Material de enseñanza (material educativo, certificados de notas): imágenes ocupan parte de la portada, alineación horizontal Material publicitario e informativo (p. e., folletos generales, folletos sobre cursos): imágenes o fondo ocupan toda la portada 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.

4 Goethe-Institut Diseño corporativo 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: 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 TITEL DES MEDIUMS TITEL DES MEDIUMS TITEL DES MEDIUMS 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 SUBTHEMA 1 SUBTHEMA 2 SUBTHEMA 3 ERSCHEINUNGSDATUM SUBTHEMA 1 SUBTHEMA 2 SUBTHEMA 3 ERSCHEINUNGSDATUM SUBTHEMA 1 SUBTHEMA 2 SUBTHEMA 3 ERSCHEINUNGSDATUM 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

5 Goethe-Institut Diseño corporativo 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 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. 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.* 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 * 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

6 Goethe-Institut Diseño corporativo 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) 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 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.* El límite entre las áreas debe estar alineado con las barras horizontales del marco visual. 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. Imagen / fondo básico División horizontal, línea de separación entre las áreas alineada con las barras horizontales 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 * véanse ejemplos prácticos a partir de la página 77. Posibles variantes de división

7 Goethe-Institut Diseño corporativo 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. Borde superior de la primera línea del título PRIMERA LÍNEA DE UN TÍTULO LARGO 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. 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 Ancho máximo de la línea Alineadas con las barras verticales * Véanse ejemplos prácticos a partir de la página 81.

8 Goethe-Institut Diseño corporativo Identidad del autor Diseño Diseño páginas interiores Ejemplos prácticos Anexo MODELOS PARA LAS PORTADAS / REVISTAS EXTERNAS, CINTAS DE VÍDEO ETC. TITEL EXTERN AUSGABE NR. 10/2003 Dolores ipsum igitur 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). Marco visual Sin barras horizontales, barras con poco contraste en el tono con respecto al fondo; logotipo blanco con barras blancas Se suprimen las barras horizontales Lorem ipsum dolor sit avidmet Seite 06 Consetetur sadipscing elitr Seite 11 Sed diam nonumy eirmod tempor inunt Seite 16 Wendrit com laudatione Ut labore et dolore magnayam erat Seite 22 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. Espacio libre Espacio libre alrededor del logotipo y de las barras: el doble de la altura de las barras Espacio libre encima del logotipo Goethe y de las barras: 1 x altura de las barras Sólo un ligero contraste en el tono Espacio libre Y Altura Y * Véanse ejemplos prácticos a partir de la página 91.

9 Goethe-Institut Diseño corporativo Identidad del autor Diseño Diseño páginas interiores Ejemplos prácticos Anexo CONTRAPORTADA Contraportadas en formato vertical Contraportada Lomo 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). 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. Goethe-Institut Postfach D München Tel / 089 / Fax 0049 / 089 / zentralverwaltung@goethe.de SANCTUS ET INCTUS EST LOREM IPSUM DOLOR SIT AMET. LOREM IPSUM DOLOR SIT AMET. Goethe-Institut Postfach D München Tel / 089 / Fax 0049 / 089 / zentralverwaltung@goethe.de HEADLINE HOCHFORMAT SANCTUS ET INCTUS EST LOREM IPSUM DOLOR SIT AMET. LOREM IPSUM DOLOR SIT AMET. Borde izquierdo alineado con las barras verticales Distancia X X Borde izquierdo alineado con las barras verticales

10 Goethe-Institut Diseño corporativo Identidad del autor Diseño Diseño páginas interiores Ejemplos prácticos Anexo CONTRAPORTADA Contraportadas en formato horizontal Goethe-Institut Postfach D München Tel / 089 / Fax 0049 / 089 / zentralverwaltung@goethe.de Dolores ipsum igitur cum laudatum Rex silva per salutur Inter venuto il igitur con salvens Argento inner lendes, favulos Beispielstrasse intervenuto@goethe.de argentolendes@goethe.de Información sobre el autor en una sola columna 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. Información sobre el autor Textos con datos del autor alineados con las barras del marco visual Goethe-Institut Postfach D München Tel / 089 / Fax 0049 / 089 / zentralverwaltung@goethe.de Dolores ipsum igitur cum laudatum Rex silva per salutur Inter venuto il igitur con salvens Argento inner lendes, favulos Beispielstrasse intervenuto@goethe.de argentolendes@goethe.de Información sobre el autor en dos columnas La última línea del texto está alineada con la barra horizontal inferior.