TEMA. Fundamentos del diseño. El diseño editorial. [3.1] Cómo estudiar este tema? [3.2] La retícula y la maqueta. [3.3] Trabajo con texto continuo

Transcripción

1 Fundamentos del diseño. El diseño editorial [3.1] Cómo estudiar este tema? [3.2] La retícula y la maqueta [3.3] Trabajo con texto continuo [3.4] Trabajo con imágenes y el color TEMA

2 Esquema TEMA 3 Esquema

3 Ideas clave 3.1. Cómo estudiar este tema? Para estudiar este tema lee el capítulo 1 (páginas 46-57) del manual de la asignatura: Manual de diseño gráfico digital, de Bob Gordon y Maggie Gordon (Editorial Gustavo Gili, SL), además de las Ideas clave La retícula y la maqueta Existen diferentes formatos y tamaños, que van desde la publicación de bolsillo hasta el mural. Se debe plantear una estructura que se adecue al trabajo de edición a realizar. Este planteamiento conlleva los siguientes pasos: Decidir el formato de la publicación y su tamaño. Elegir la anchura de los márgenes, tanto superiores como inferiores y laterales. Elegir el número de columnas en las que se compondrán los textos e imágenes en cada página. La extensión en páginas de la publicación. La estructura básica se establecerá en forma de páginas simples o bien páginas encaradas. Esta decisión se volcará en la denominada página maestra, que servirá de plantilla original para la reproducción de los esquemas y decisiones utilizados en esta en cada una de las páginas de la publicación. TEMA 3 Ideas clave

4 Crearemos así una estructura primigenia o retícula para la página básica. Esta retícula servirá para subdividir la estructura básica de la página maestra en grupos y subgrupos de columnas verticales de idéntico ancho. Cuantas más columnas posea nuestra estructura base mayor será la flexibilidad del diseño. Esta base modular servirá para componer la relación entre todos los elementos de la página. El diseño editorial se sostiene sobre los módulos horizontales y verticales en los que se van organizando los elementos. Uno de los beneficios de la retícula es que crea una plantilla maestra modular sobre la que componemos los diferentes elementos de la publicación. La retícula también provoca que trabajemos con la mayor eficiencia, economía de tiempo y esfuerzo, consiguiendo la mayor claridad posible y que la publicación tenga una continuidad a lo largo de todas las páginas que la componen. TEMA 3 Ideas clave

5 Toda retícula consta de unas partes esenciales: Los márgenes: Espacios entre el borde y el contenido. Definen la zona en la que se colocan los elementos como la tipografía y las imágenes. Dirigen la mirada, la atención y aportan tensión a la composición. Pueden contener información complementaria al texto principal. Las columnas: Son módulos verticales en los que se componen el texto y las imágenes. Crean divisiones entre los márgenes. Los módulos: Son unidades individuales de espacio cuando se repiten en el formato de la página, crean columnas y filas. Las líneas de flujo: Son líneas o alineaciones que rompen el espacio y lo dividen en bandas horizontales. Guían al ojo y provocan paradas adicionales de descanso de la lectura y marcan los inicios del texto y las imágenes. Las zonas espaciales: Son grupos de módulos específicos en los que se pueden integrar las ilustraciones, las imágenes o diversas aclaraciones o pies de foto. Los marcadores: Indicaciones de posición para un texto que se repite a lo largo de la publicación, como puede ser la paginación o cualquier elemento que se haga constante a través de todo el trabajo de diseño. TEMA 3 Ideas clave

6 Construcción de la mancha tipográfica La mancha tipográfica es la superficie impresa. El formato y los márgenes determinan el tamaño de la mancha tipográfica. Fuente de la imagen: Revista Playstation TEMA 3 Ideas clave

7 3.3. Trabajo con texto continuo El texto continuo contiene mucha información en una enorme masa de texto, que ha de ser leída y comprendida fácilmente. Todo lo que rompa o ralentice el ritmo de lectura del lector provocará que esta resulte pesada, difícil o canse al lector. El uso de texto compuesto en caja altibaja (mayúsculas y minúsculas), creará una mayor gama de formas diferentes, que el ojo del lector reconocerá de manera más sencilla. El juego de pesos de la tipografía elegida para el texto continuo afecta a la legibilidad de los párrafos. Los pesos medios resultan más sencillos de leer por su equilibrio visual entre los trazos y las contraformas de las letras. Por el contario, pesos mayores (tanto finos como gruesos) resultarán menos legibles por la distracción que produce el contraste entre trazos y contraformas. Es importante aligerar la carga tipográfica del texto continuo para que el texto sea más legible y grato a la vista. La alineación de texto (justificado, en bandera izquierda o derecha, centrado o asimétrico), junto a la anchura de la línea, ejerce un importante efecto en cuanto a su facilidad de lectura. El ojo, al leer textos de cualquier longitud de línea, vuelve más cómodamente al inicio de la siguiente línea cuando el borde izquierdo del bloque de texto es recto. La justificación no es adecuada para bloques de texto muy estrechos, pues produce un espaciado desagradable entre palabras y produce dificultades en la partición y el espaciado de las palabras. La anchura de la línea no debe de ser muy larga, pues resulta difícil encontrar el inicio de la siguiente línea. El texto para titulares o rotulación ha de ser de pocas palabras para no plantear problemas de tamaño, peso o posición dominante en el diseño. Fragmentar el texto en partes más asimilables proporcionará ritmo de lectura. La jerarquía dirigirá y orientará al lector. TEMA 3 Ideas clave

8 La jerarquía de la información puede consistir, simplemente, en un título y un eslogan o en muchos niveles de información. Esto ordenará y clasificará la información para hacerla más asequible, enfatizando a diferentes niveles mediante el tamaño, el peso, el color o la disposición. Son de utilidad los topos y símbolos para atraer la atención, cuidando que estos deben de ser compatibles con los demás elementos utilizados en la maquetación y formen un todo unitario coherente. Se puede aislar, contener, destacar o contratar partes de la maquetación mediante el uso de marcos y filetes, su estilo, color y peso establecerán los niveles de realce de estos. Los marcos decorativos han de usarse con precaución, pues suelen distraer la atención de su contenido El trabajo con las imágenes y el color La imagen Una imagen bien utilizada clarifica, destaca y se asocia e integra al texto. Seleccionar y encuadrar bien las imágenes y su aspecto en el diseño requiere un cuidado y atención considerables. El color El color aporta una dimensión más a la comunicación visual. Tenemos una paleta de colores casi ilimitada con la que tenemos que provocar una reacción específica en el espectador. TEMA 3 Ideas clave

9 Combinar colores complementarios (opuestos en el espectro cromático) produce un contraste natural y transmite fuerza, lo cual es esencial para la implicación del lector en el diseño y, por tanto, en el mensaje. Los colores se clasifican en: Cálidos/Fríos: rojo/azul Suaves/Duros: rosa/rojo Claros/Oscuros: pasteles más pálidos/ tonos que contienen negro en su composición Pasivos/Activos: azules, verdes y lavandas / rojo, naranja o amarillo Estas características conviene emplearlas por separado o combinadas, para que los colores actúen sobre el tono del mensaje. Al diseñar con tipografías en color sobre fondo de color se debe elegir un buen contraste entre el fondo y la tipografía. Así un texto oscuro sobre fondo claro resulta mejor que sobre uno blanco. Si los textos y el fondo tienen el mismo brillo o tono se reducirá la legibilidad. TEMA 3 Ideas clave

10 Lo + recomendado Clases magistrales Maquetación de un documento Duración: 11:20 min. En esta clase magistral nos centraremos en el diseño editorial. Veremos los procesos que tenemos que seguir para realizar la maquetación de un documento. El video está disponible en el aula virtual No dejes de leer Fundamentos de diagramación: revistas Libro digital escrito por Luis Alberto Cumpa Gonzales sobre la diagramación de una publicación. En él podremos encontrar los procesos que se dan en la diagramación de una publicación editorial. El artículo está disponible en el aula virtual o en la siguiente dirección web: amacion/contenido.htm TEMA 3 Lo + recomendado

11 No dejes de ver Páginas maestras en CS4 Vídeo tutorial sobre cómo crear una página maestra en Adobe Indesign CS4. El vídeo está disponible en el aula virtual o en la siguiente dirección web: TEMA 3 Lo + recomendado

12 + Información A fondo Excellent Book Covers and Paperbacks Vitaly Friedman recoge en el blog de Smashing magazine una serie de excelentes portadas de libros. Así podremos observar el estilo de los diseños más impresionantes en cuanto a diseño de portada. El artículo está disponible en el aula virtual o en la siguiente dirección web: Webgrafía Quinta tinta Interesante blog sobre diseño y prensa. Está especializado en el diseño de periódicos y revistas, es un gran material de consulta o para ver buenas ideas. TEMA 3 + Información

13 Lipsum Web para generar texto ficticio denominado Lorem ipsum, destinado a presentación de maquetas, dado que la mayor parte de las veces, no se dispone al principio de los textos finales. Bibliografía JUTE, A. Retículas. La estructura del diseño gráfico. Index Books. Barcelona ZAPATERRA, Y. Diseño editorial. Periódicos y revistas. Gustavo Gili. Barcelona TEMA 3 + Información

14 Actividades Trabajo: Diseño de una revista de arquitectura Elabora con los medios a tu alcance (en papel a mano alzada con ayuda de escuadra y cartabón, collage, programas de edición, Photoshop, etc. ) un diseño de una maqueta de 2 páginas encaradas (tamaño A3 a doble página o dos A4 con páginas simples). Ten en cuenta las siguientes consideraciones: El tema para la maquetación será: Revista de Arquitectura Arketic. Se ha de realizar un estudio de características estructurales y estéticas de las publicaciones sobre arquitectura. Se ha de elegir un estilo y una fuente conforme al tema (se deben detallar en una hoja explicativa anexa el porqué de esas elecciones). Se elegirá el tipo de retícula que se considere más adecuada al estilo y contenidos de una publicación sobre arquitectura. La maqueta debe incorporar su retícula e indicaciones de dónde iría colocado el texto, las imágenes, los titulares, la numeración, etc. En caso de hacerlo en soporte informático deberá incluirse el texto, aunque puede ser ficticio. Se han de colocar al menos 2 imágenes (o en su defecto bloques de color) de diferentes tamaños en la maqueta. Si el ejercicio se hace en papel se ha de presentar una copia escaneada. Por lo tanto, deberás entregar la maqueta con los elementos anteriormente indicados y un anexo en el que expliques tus decisiones. TEMA 3 Actividades

15 Test 1. En una hoja con sólo párrafos de texto con letras pequeñas debemos para aumentar su legibilidad: A. Aumentar el espacio entre letras. B. Disminuir el espacio entre letras. C. Usar tipografías sin serifas. 2. Desde el punto de vista del diseño, una revista debe tener: A. Información adecuada para el conocimiento de todos los involucrados en la comunicación. B. Un equilibrio entre información y organización de los textos e imágenes, para crear un estilo adecuado a la publicación. C. Imágenes bonitas que puedan competir con otras revistas en un exhibidor público. 3. La composición es: A. Agrupar o discriminar elementos dentro de un arreglo visual con el fin de transmitir algo o provocar una reacción. B. Agrupar elementos para que se vea bien. C. Parte de un texto. 4. Cuál de las siguientes técnicas es la más utilizada para llamar la atención en el diseño? A. El uso de tipografías semejantes. B. El contraste. C. El uso de colores monocromáticos. 5. Qué función cumple la imagen en el diseño editorial? A. Capitalizar la atención. B. Contribuir al mensaje. C. Añadido estético. TEMA 3 Test

16 6. Indica cuál es el color que mejor ejemplifica las siguientes emociones y sensaciones: frescura, vida, calma: A. Violeta con variaciones en sus tonos. B. Verde con variaciones en sus tonos. C. Amarillo con variaciones en sus tonos. 7. Un diseño de libro para llamar la atención de los niños hará uso de combinaciones de colores: A. Apagados y oscuros. B. Variados y brillantes. C. Grises. 8. Qué influencia tiene el color en los seres humanos? A. Produce estabilidad en la marca. B. El color no causa efecto alguno en los seres humanos. C. El color tiene la capacidad de cambiar nuestro estado de ánimo, provocando diversas sensaciones. 9. Una marca de un restaurante de hamburguesas de color rojo denota: A. Seriedad. B. Frescura. C. Caliente. 10. La retícula aporta: A. Seriedad, orden, color. B. Uniformidad, composición, comunicación. C. Uniformidad, composición, ritmo. TEMA 3 Test