FUNDAMENTOS Y PRÁCTICAS
DISEÑO GRÁFICO
SEXTA EDICIÓN
DAVID DABNER SANDRA STEWART ABBIE VICKRESS
S E X TA E DICIÓN
Contenido
Título original Graphic Design School Edición Claire Waite Brown, Sam Warrington Dirección artística y diseño Jacqueline Palmer, Caroline Guest, Moira Clinch Documentación iconográfica Sarah Bell, Susannah Jayes Traducción Remedios Diéguez Diéguez Revisión de la edición en lengua española Pere Fradera Barceló (Profesor de Diseño Gráfico, Escola Massana, Barcelona)
Coordinación de la edición en lengua española Cristina Rodríguez Fischer Primera edición en lengua española 2017 © 2015, 2018 Naturart, S.A. Editado por BLUME Av. Mare de Déu de Lorda, 20 08034 Barcelona Tel. 93 205 40 00 Fax 93 205 14 41 E-mail: info@blume.net © 2014, 2017 Quarto Publishing Inc, Londres © 2014 de la cubierta Bogusław Mazur/Alamy ISBN: 978-84-17254-65-0 Impreso en China Todos los derechos reservados. Queda prohibida la reproducción total o parcial de esta obra, sea por medios mecánicos o electrónicos, sin la debida autorización por escrito del editor.
WWW.BLUME.NET
INTRODUCCIÓN
6
SECCIÓN 1: PRINCIPIOS
8
MÓDULO 1: INVESTIGACIÓN Y CONCEPTOS Fundamentos de la investigación Razonamiento lineal y pensamiento lateral Dibujo exploratorio Visualizar las ideas Teorías de la imagen y el texto Públicos, mercados y conceptos Programación, organización y finalización Módulo 1: ejercicios
10 14 16 18 20 24 26 30
MÓDULO 2: FUNDAMENTOS DE LA COMPOSICIÓN Fundamentos de la composición Forma y espacio Simetría y asimetría Principios básicos de maquetación Estilos de maquetación Ritmo y contraste Tamaño y formato Identidad y sistemas ampliados Fotografía e ilustración Módulo 2: ejercicios
32 36 38 40 44 46 50 52 56 60
MÓDULO 3: FUNDAMENTOS DE TIPOGRAFÍA Tipografía y significado Anatomía del tipo Entender y seleccionar los tipos
62 64 66
Espaciado Claridad y legibilidad Énfasis tipográfico y jerarquía Filetes, bordes y adornos tipográficos El texto como imagen Módulo 3: ejercicios
72 76 78 82 84 86
MÓDULO 4: FUNDAMENTOS DEL COLOR Terminología del color Legibilidad, contraste y armonía del color Asociaciones cromáticas El color como información Módulo 4: ejercicios SECCIÓN 2: PRÁCTICA
88 92 94 96 98
100
MÓDULO 5: HERRAMIENTAS Y TECNOLOGÍAS Fundamentos de la fotografía y búsqueda de imágenes Programas de paginación Photoshop Illustrator Animate y After Effects Módulo 5: ejercicios
102 106 110 114 118 120
MÓDULO 6: PRODUCCIÓN IMPRESA Y PRESENTACIONES Preparar archivos para imprimir Crear una presentación convincente Tipos de papel y acabados Color impreso Medios impresos
124 128 130 132 134
Impresión digital Corregir pruebas de color y pruebas de imprenta Módulo 6: ejercicios
136 138 140
MÓDULO 7: DISEÑO WEB Visión general del proceso de desarrollo de proyectos Estructuras de proyectos Herramientas web Consultas iniciales Arquitectura de la información (AI) Flujogramas y mapas esquemáticos Elementos comunes de la composición de una web Diseñar para la web Diseño de aplicaciones móviles Trabajar con sistemas de gestión de contenidos Diseño de banners Optimización de motores de búsqueda (SEO) Porfolio en la red Módulo 7: ejercicios
178 180 184
MÓDULO 8: TRAYECTORIAS PROFESIONALES
188
Glosario Bibliografía Recursos en la red Índice Agradecimientos
198 202 203 204 208
142 148 150 154 156 158 162 164 170 173 176
Q Nuevo vintage Las fuentes dibujadas a mano evocan la tipografía decorativa de otro siglo en este bonito logotipo de Tom Lane. La configuración de las letras, la forma global creada por el diseño de tipos y el selecto uso de las líneas para añadir profundidad y subrayado mantienen la composición unificada. El efecto global transmite tradición y destreza.
Fundamentos de tipografía La tipografía es el proceso de distribuir las letras, palabras y texto para casi cualquier contexto imaginable, y constituye una de las herramientas más importantes que debe manejar el diseñador para conseguir una comunicación visual eficaz. Los diseñadores gráficos aprenden los matices de la tipografía con el fin de
SECCIÓN 1
PRINCIPIOS
utilizarla de manera creativa, con imaginación y sentido de
MÓDULO 3
FUNDAMENTOS DE TIPOGRAFÍA
UNIDAD 1
Tipografía y significado
la exploración, y respetando sus normas y las tradiciones. En diseño, la tipografía es la manifestación visual del lenguaje. Utiliza todas sus cualidades expresivas y
Por definición, un mensaje tipográfico (al margen de
prácticas, y ocupa un lugar único en el que se conectan
su belleza intrínseca) debe transmitir un significado. El significado
el arte, la ciencia y la comunicación. Solo tiene que
y su expresión forman parte del núcleo de la actividad tipográfica, tanto
observar el trabajo presentado por ciertos poetas
en las palabras individuales como en párrafos enteros de textos. Es lo
concretos o movimientos artísticos como el futurismo y el dadaísmo para comprobar la importancia de la tipografía como medio estético. Además, implica el diseño y la selección de la fuente con vistas a la legibilidad y la comunicación de la información. En algunos casos, la experimentación estética ocupa un lugar secundario. La tipografía expresiva y las letras dibujadas a mano constituyen una forma de arte caligráfico. Con tantas opciones tipográficas, el abocetado y la experimentación con la maquetación lo ayudarán a valorar la legibilidad y los matices del mensaje antes de trabajar en pantalla, fases esenciales en el aprendizaje de las sutilezas de este campo.
que se denomina significado lingüístico, ya que reside en el lenguaje.
Las letras y las palabras poseen una belleza abstracta que se ve y se aprecia a través de la experimentación con la anatomía de los tipos, que aísla las formas y los elementos separados de cada letra, y las revela como formas en lugar de como objetos lingüísticos con significado. No obstante, las palabras se materializan al instante en la página o en la pantalla, y empiezan a expresar ideas, pues poseen esa imprecisa cualidad que llamamos significado. El significado lingüístico, un elemento esencial de la tipografía, puede ser expresado, controlado y amplificado a través de variables tipográficas como el tamaño, el peso, la fuente, la colocación en la página y el espacio entre letras (interletraje). En ocasiones, como ocurre en las páginas de un libro, los aspectos visuales de la tipografía ocupan un lugar secundario en favor del proceso de comprensión. No obstante,
los diseñadores utilizan esas técnicas visuales constantemente para transmitir sus mensajes con eficacia. Es importante ganarse la confianza del público cuando se trabaja con textos; por tanto, relacionar la forma tipográfica con el significado lingüístico pasa a ser algo natural. Significado
Pero ¿qué es el significado? Este pertenece al campo de la semántica, un importante subtema en todos los aspectos del diseño que merece analizarse con más detalle. La semántica es el estudio del significado, y se aplica tanto a las imágenes como al lenguaje. La sintaxis (gramática) alude a las reglas que gobiernan la organización de los elementos de una frase o un párrafo para transmitir un significado. Si la sintaxis es incorrecta, el lenguaje no tiene sentido o significado. En términos generales, algo tiene un significado (un valor semántico) si cuenta con la capacidad de presentar la idea de una forma que pueda ser comunicada y compartida. En el significado lingüístico (el significado basado en el lenguaje, del que participa la tipografía), esa capacidad de comunicación se basa en conjuntos de símbolos del lenguaje, que incluyen letras y palabras, y también en el espacio entre palabras, en la puntuación y en la ubicación de los caracteres. Tipógrafos como Wolfgang Weingart, Willem Sandberg y H. N. Werkmann llevaron al límite la expresión del significado en tipografía, y de ese modo (trabajando en los límites entre el lenguaje y el significado) expandieron su vocabulario visual y su potencial expresivo. Los artistas dadaístas y futuristas como Kurt Schwitters, Tristan Tzara, Marinetti y Wyndham Lewis experimentaron con la relación entre el lenguaje y el significado. Merece la pena estudiar de cerca a estos artistas y sus inspiradores experimentos tipográficos. Revise los trabajos de poetas como E.E. Cummings y Apollinaire, y de diseñadores contemporáneos como Robert Massin, Johanna Drucker y Erik Spiekermann. Analice también la obra experimental de David Carson, que utilizó los tipos a modo de textura en la revista Ray Gun, y las soluciones tipográficas de Paula Scher en el diseño de carteles y señalizaciones.
R La palabra como objeto La tipografía expresiva sirve como imagen, y el significado de las palabras puede unirse a la imagen. Aquí, la ciudad se expresa visualmente mediante los adjetivos que la describen.
Q Letras construidas Las letras dimensionales troqueladas se iluminan para crear sombras gráficas en la composición. Las formas positivas y negativas quedan definidas por la luz y la sombra de la imagen fotográfica en un delicado medio tono empleado en el cartel definitivo.
T Composición abstracta Las letras de gran tamaño recortadas estratégicamente crean formas abstractas dinámicas en una composición sólida. La profundidad se consigue mediante la variación de la escala y la textura, y el color intenso se suma a la potente afirmación.
GLOSARIO Fuente: un tamaño, peso y anchura de una tipografía. Por ejemplo, Garamond Roman de doce puntos es una fuente. Lingüístico: relacionado con el lenguaje. Semántica: estudio del significado en el lenguaje y todos los demás medios expresivos. Sintaxis: estudio de las reglas para la formación de frases gramaticalmente correctas. Tipo: conjunto de atributos visuales (de diseño o estilo) de un grupo determinado de letras; por ejemplo, la Garamond.
128
SECCIÓN 2 PRÁCTICA • MÓDULO 6 PRODUCCIÓN IMPRESA Y PRESENTACIONES
SECCIÓN 2
PRÁCTICA
MÓDULO 6
PRODUCCIÓN IMPRESA Y PRESENTACIONES
UNIDAD 2
Crear una presentación convincente Es fundamental que el cliente apruebe la versión
R Presentación Los prototipos de embalajes comerciales de comidas y bebidas deben representar el aspecto y la función que ofrecerán en el momento de la compra. Existen paquetes de software que producen imágenes sobre un objeto digital. Tal vez el cliente considere que imitar la experiencia del consumidor puede ayudarlo a tomar una decisión.
final del archivo electrónico, por lo general un PDF. Pero presentar la idea claramente en la fase de aprobación del concepto puede
Formato
influir en la elección del cliente. La prueba final completa es el
Con el color ya perfeccionado, tendrá que ensamblar el documento en la forma que el producto vaya a adoptar (folleto, cartel o diseño de embalaje). Los papeles para impresión presentan diferentes pesos, y algunas impresoras a color aceptarán el papel que pretende utilizar para la producción. Si puede, imprima en papeles de muestra, que le ofrecen la mejor representación del producto final y muestran cómo se verán afectados los bitonos y los tritonos por el color del papel. Por desgracia, es casi imposible imprimir por ambos lados del papel, por lo que tendrá que utilizar un material especial, como por ejemplo 3M, para pegar (o montar en seco) los lados. Deje siempre algo de margen y marcas de registro de impresión, y corte las páginas después de ensamblarlas. Corte y marque el papel para doblarlo cuando termine el ensamblaje. Trabaje en un espacio limpio y seco.
concepto acabado que el diseñador muestra en la aproximación más cercana posible al producto. Resulta esencial contar con buenas habilidades manuales. Aunque un mal concepto no se salva con una buena presentación, uno excelente sí puede verse afectado si no se presenta como merece.
Color
La producción electrónica de una impresora de mesa de alta calidad puede acercarse mucho al proceso de cuatricromía pensado para la producción. Combinar colores Pantone resulta más complicado. Los colores en la pantalla pueden inducir a error, y solo se aproximarán a la realidad si su monitor está perfectamente calibrado. Un número Pantone codificado en su documento garantizará el color que se imprima. Pero para mostrar ese color exacto a su cliente en forma de prueba final, tendrá que recurrir a una mezcla personalizada que ajuste el color para esa prueba. Guarde un archivo separado con el nombre «Prueba» y ajuste ahí los colores. De ese modo no enviará el documento equivocado al proveedor. Como alternativa, aunque cara, conviene invertir en un libro de muestras de Pantone para mostrar al cliente los colores exactos sin tener que pagar muestras sueltas.
Manufactura
Algunas técnicas no se pueden imitar por medios digitales y es preciso trabajarlas a mano. El troquelado requiere un cuidadoso trabajo manual con un cúter. Si practica sus habilidades para cortar y componer, conseguirá presentaciones más pulidas. Los sellos metálicos también deben cortarse y aplicarse a mano. En algunos casos, un cartel o tablón de los materiales y los colores que debe utilizar lo ayudará en la presentación, pero no existe sustituto para una presentación cuidada.
UNIDAD 2: CREAR UNA PRESENTACIÓN CONVINCENTE
129
Q Presentación adecuada Decida dónde presentará el proyecto y cuántos clientes asistirán. En una reunión con pocas personas, puede utilizar una presentación de mesa. Pero con un grupo más numeroso, tendrá que colgar imágenes o proyectarlas. Prepárese y lleve su tableta o su ordenador portátil a la reunión.
S Combinar el color y el papel Imite el aspecto del proceso de impresión recomendado, así como el formato. Puede acercarse mucho al proceso de cuatricromía con una buena impresora láser o de inyección de tinta. Ensamble el producto aunque vaya a mostrarlo en una pantalla.
S Las manualidades también P Forma y función Trabaje la logística del ensamblaje, dentro de sus posibilidades, en composiciones simples y complejas. Si le resulta de ayuda, consulte con un impresor durante el proceso de diseño y decida la mejor manera de ensamblar comercialmente su concepto. Después cree el prototipo.
son arte El troquelado, el punzado y el plegado requieren práctica y paciencia. Los cortadores láser han simplificado los procesos. Pero si no tiene acceso a uno, necesitará contar con una excelente habilidad manual. Sea fiel a la línea del producto y cree cuidadosamente cada elemento del diseño.
X VÉASE TAMBIÉN: COLOR IMPRESO, PÁG. 132.
EMIGRE #19: Starting From Zero E
0 Price: $7.95
Diseño gráfico. Fundamentos y prácticas es el curso fundamental para diseñadores gráficos que trabajan con medios impresos, imágenes en movimiento y medios digitales. Consejos prácticos sobre todos los aspectos del diseño gráfico, desde los fundamentos hasta la creación de un concepto original y proyectos acabados.
u Ejemplos procedentes de todos los medios: revistas, libros, periódicos, medios digitales, páginas web e identidades corporativas.
u Con numerosos ejercicios y tutoriales para estudiantes e informes previos de diseño gráÀco tomados de ejemplos reales.
u Esta sexta edición revisada incluye
u David Dabner imparte clases en el prestigioso London College of Printing.
u Sandra Stewart es decana asociada del Westphal College of Media Arts & Design (Universidad Drexel).
u Abbie Vickress imparte clases de diseño gráÀco en la Buckinghamshire New University y a estudiantes de máster en la Royal College of Art de Londres.
consejos especíÀcos sobre cómo adaptar diseños a diferentes proyectos, técnicas de imágenes digitales, gráÀcos en movimiento, diseños para web y aplicaciones para pantallas pequeñas. ISBN 978-84-17254-65-0
9 788417 254650