Principios ordenadores del diseño en el diseño gráfico by Diseño Grafico Proyectos de Investigacion

DISEÑO DE LIBRO

SOBRE LOS PRINCIPIOS ORDENADORES DEL DISEÑO APLICADOS EN LAS DIVERSAS DISCIPLINAS DEL DISEÑO GRÁFICO

Génesis Linares

CONTENIDO I. Problemática 1. Planteamiento del problema

4 5

2. Propósito general del proyecto

3. Objetivos específicos

3.1. Objetivos específicos teóricos

3.2. Objetivos específicos proyectuales

4. Justificación e importancia del proyecto gráfico

5. Metas y logros del proyecto gráfico

6. Esquema tentativo de trabajo

II. Referente teórico

1. Temática

2. Diseño editorial

3. Ilustración y fotografía

III. Referente metodológico 1. Referente metodológico teórico

18 19

1.1. Recolección de información

1.2. Análisis de fuentes documentales

1.3. Análisis de información 2. Referente metodológico proyectual

19 19

2.1. Ilustración y fotografía

2.2. Diseño editorial

2.3. Impresión

Capítulo I. Principios ordenadores del diseño aplica-

dos en las diversas disciplinas del diseño gráfico 1. Principios ordenadores del diseño

2. Disciplinas del diseño gráfico

Glosario de términos

Fuentes documentales

I. PROBLEMÁTICA

1. PLANTEAMIENTO DEL PROBLEMA Hoy en día se encuentra a nuestra disposición una gran cantidad de libros sobre los fundamentos del diseño, tales como Fundamentos del Diseño Bi y Tridimensional (1979) de Wucius Wong, Universal Principles of Design (2003) de William Lidwell, Fundamentos del Diseño Gráfico (2001) de Michael Bierut, y The Essential Principles of Graphic Design (2008) de Debbie Millman. Asimismo otra fuente de información son los videos cortos informativos, como CRAP: 4 Basic Principles of Graphic Design de Tom Nea y Elements and Principles of Design de Judy Willemsma. Fundamentos del Diseño Bi y Tridimensional se ha convertido en una de las fuentes de referencia primordiales para todo comunicador visual. En este libro se encuentran los principios, reglas y conceptos básicos que intervienen en la composición gráfica. Aunque sus sencillos ejemplos con formas básicas ilustran de manera fácil de entender cada punto que plantea, no va más allá, pues no ofrece al lector ejemplos de diseños finales.

Wong, W. (1979) Fundamentos del Diseño Bi y Tridimensional

Universal Principles of Design es un libro multidisciplinario (aplicado a carreras relacionadas con la comunicación visual) que recopila 100 conceptos de diseño, cada uno con un ejemplo aplicado a la práctica. Cabe acotar que la mayoría de ejemplos que ofrece se trata de diseño industrial y arquitectura, y que solo se mencionan en esta publicación tres principios ordenadores. Fundamentos del Diseño Gráfico constituye una antología de escritos sobre diseño gráfico provenientes de 52 autores (artistas, diseñadores, publicistas, filósofos, teóricos). Este libro se enfoca en los problemas reales del mercado, la crítica a algunos aspectos de la comunicación publicitaria y la confrontación entre la posición del artista y la del diseñador. The Essential Principles of Graphic Design es una guía para estudiantes de diseño gráfico que discute las bases del diseño, el proceso creativo, las aplicaciones, y las opciones de empleo. Debido a que el libro abarca cuatro bloques distintivos de la carrera, expone el tema de los principios de manera general, sin concentrarse en los principios ordenadores, sino en los elementos del diseño (tipografía, color, diagramación y estilo). Si bien estos libros ofrecen información generalizada sobre todas las bases del diseño, no abordan exclusivamente el tema de los principios ordenadores del diseño, de hecho en la mayoría de ellos no se recopilan todos los principios ordenadores conocidos. Los principios ordenadores son un punto determinante entre un buen y un mal diseño, por lo que constituyen un conocimiento que obligatoriamente debe adquirir todo diseñador gráfico. Para aprehender estos principios el diseñador debe comprender no solo los aspectos teóricos, sino también su aplicación en los artes finales, pues si bien para la formación de cualquier profesional es necesario tener una base teórica sobre su campo, en el caso de los diseñadores gráficos, también es necesario tener una base estética, un conocimiento de qué estilos, que tendencias, qué maneras de diseñar existen en el mercado. Esta base estética se forma en el diseñador de una sola manera: analizando múltiples ejemplos de diseños existentes. Aunque libros como Fundamentos del Diseño Bi y Tridimensional (1979) y Principios del diseño en color 6

(1988) de Wucius Wong ofrezcan valiosa información teórica, plantean ejemplos muy básicos sobre los principios ordenadores, usando composiciones sencillas para ilustrar la información suministrada. Universal Principles of Design (2003) de William Lidwell incluye ejemplos de artes finales, pero aun así plantea un solo ejemplo de cada principio aplicado a un área específica del diseño.

Wong, W. (1988) Fundamentos del Diseño en Color

Además de esto, los libros mencionados cuentan con un diseño editorial repetitivo (página de texto, página de imágenes, página de texto, página de imágenes…) lo cual los vuelve monótonos. Este tipo de diagramación no toma en cuenta la inclinación natural de un diseñador gráfico hacia el estímulo visual, el cual facilita el aprendizaje y resulta mucho más valioso.

Lidwell, W. (2003) Universal Principles of Design

Libros como Blacklist (2014) de Lana Vee, y la revista sobre tipografía Full Stop hacen uso de una estética minimalista con predominancia de imágenes sobre el texto, una estética apropiada para el lector al que está dirigido este proyecto.

Vee, L. (2014) Blacklist: don’ts of a design intern

Smith, J. (2014) Full Stop Magazine

2. PROPÓSITO GENERAL DEL PROYECTO GRÁFICO Elaborar libro sobre la aplicación de los principios ordenadores del diseño en las diversas disciplinas del diseño gráfico.

3. OBJETIVOS ESPECÍFICOS 3.1. OBJETIVOS ESPECÍFICOS TEÓRICOS - Investigar sobre la aplicación de los principios ordenadores del diseño en las diversas disciplinas del diseño gráfico. - Investigar sobre el diseño editorial de libros sobre el diseño gráfico. - Investigar sobre la línea gráfica que se usará en el diseño del libro. 3.2. OBJETIVOS ESPECÍFICOS PROYECTUALES - Diseñar libro sobre la aplicación de los principios ordenadores del diseño en diversas disciplinas del diseño gráfico. - Diseñar las piezas gráficas que mostrarán la aplicación los principios ordenadores del diseño en diversas disciplinas del diseño gráfico. - Crear material promocional para apoyar el libro.

4. JUSTIFICACIÓN E IMPORTANCIA DEL PROYECTO GRÁFICO Actualmente no se ha conseguido un libro que trate exclusivamente el tema de los principios ordenadores del diseño. Con este proyecto se recopilarán todos los principios conocidos en un solo documento, lo cual le dará a este tema una mayor importancia dentro de su ámbito. El mayor aporte del libro recae en la propuesta de mostrar la aplicación de cada principio ordenador en las diversas disciplinas del diseño gráfico, a través de numerosos ejemplos; esto con el propósito de proveer no solo el conocimiento teórico necesario, sino también conocimiento gráfico. 10

Además de esto, se propone mejorar el diseño editorial, para que este tema esté más orientado a su público (diseñadores gráficos jóvenes).

5. METAS Y LOGROS DEL PROYECTO GRÁFICO Este proyecto pretende lograr una acertada recopilación de todos los principios ordenadores del diseño en un libro. Mostrar su aplicación en las diversas disciplinas del diseño gráfico, para proveer conocimiento a los diseñadores gráficos en formación.

6. ESQUEMA TENTATIVO DEL PROYECTO GRÁFICO Introducción Capítulo I. Principios ordenadores del diseño aplicados en las diversas disciplinas del diseño gráfico 1. 2.

Principios ordenadores del diseño Disciplinas del diseño gráfico

Capítulo II. Diseño editorial de libros sobre el diseño gráfico. 1. Aspectos teóricos sobre el diseño editorial de libros sobre el diseño gráfico. 2. Aspectos estéticos sobre el diseño editorial de libros sobre el diseño gráfico. Capítulo III. Línea gráfica que se usará en el diseño del libro 1.

Antecedentes de diseño gráfico

Consideraciones finales Glosario de términos Fuentes documentales

II. REFERENTE TEÓRICO

1. Temática Para abordar los principios ordenadores del diseño en el libro se tomará como referente el uso didáctico de la imagen. Daiana Yamila Rigo, en su ensayo “Aprender y enseñar a través de imágenes” (2012), propone que la imagen es un recurso didáctico que contribuye a la comprensión de contenidos abstractos y difíciles de interpretar, a la motivación para aprender y profundizar los temas tratados, a la presentación de nuevos conceptos, a la promoción del recuerdo de los contenidos aprendidos y enseñados, a la estimulación de la imaginación y expresión de emociones, y a la activación de conocimientos previos. Hacer uso didáctico de la imagen requiere utilizarla no como un mero elemento decorativo, sino como una estrategia para mejorar y facilitar el proceso de enseñanza y aprendizaje. En este punto es conveniente hacer una distinción; en primer lugar, no todas las imágenes usadas en el proceso de enseñanza han sido construidas expresamente con tal finalidad, y en segundo lugar, no todas las imágenes son igualmente útiles desde un punto de vista orientado al aprendizaje. Desde la perspectiva de Gimeno (1986), cualquier imagen puede convertirse en un medio didáctico, incluso aquellas que no han sido elaboradas con fines didácticos explícitos, pues pueden ser utilizadas como medio instruccional en el proceso educativo. Por tanto se habla de la imagen didáctica per accident. Sin embargo, otros autores como Moles y Janiszewski (1990) y Deforge (1991) consideran la existencia de la imagen que persigue la transmisión de conocimiento, la imagen que es construida con el propósito de enseñar o facilitar la comprensión. En oposición a la anterior ésta se ha denominado imagen didáctica per se. Será, por tanto, una imagen didáctica aquella en la que la información gráfica ha sido organizada en función de su finalidad: facilitar el aprendizaje o la comprensión, para lo cual ha de dirigirse la atención y crearse un esquema de observación, ya sea mediante la ordenación de elementos que faciliten la discriminación visual. Esta definición no es obstáculo para considerar que una imagen no didác13

tica puede ser también utilizada en la enseñanza. Se refiere únicamente a diferenciar entre medios “que son realizados para la enseñanza con criterios didácticos y aquellos otros que no lo son” (Martínez, 1992) aunque puedan ser utilizados igualmente en un contexto de enseñanza. La utilización del concepto de imagen didáctica en su sentido restringido nos permite distinguir las imágenes cuya estructura gráfica facilita la aprehensión de una idea (imágenes que representan, que transmiten conocimientos) de aquellas otras imágenes que motivan o mejoran la enseñanza-aprendizaje, pero cuya finalidad no aparece determinada por la comprensión y/o el aprendizaje. En este marco, se persigue una experiencia didáctica desarrollada en torno al uso de recursos educativos icónicos estáticos, tales como fotografías e ilustraciones. Con el objetivo de promover la comprensión, motivación y compromiso con la educación.

2. Diseño editorial Para el diseño editorial del libro se tomará como referente teórico el minimalismo como tendencia en el diseño gráfico. El minimalismo es una corriente artística caracterizada por el descarte de todo elemento decorativo e innecesario, el desnudo de la pieza a lo esencial para así centrarse únicamente en el objeto. Propone generar sentido a partir de lo mínimo, esto requiere simplificar los elementos utilizados, volver a las formas básicas apelando a un lenguaje sencillo, colores puros y líneas simples. Para el minimalismo todos los elementos deben combinar y formar una unidad, por lo que se asigna más importancia al todo que las partes. Esto se resume en el precepto minimalista de que “todo es parte de todo”. En el diseño editorial, el minimalismo puede aportar una serie de atributos a la pieza finalizada, como la facilitación de la lectura (tanto del texto como de las imágenes), mayor legibilidad de los textos, y uniformidad de la publicación (por la reducción de la paleta cromática).

Vee, L. (2014) Blacklist. Ejemplo de dise単o editorial minimalista.

3. Ilustración y fotografía En cuanto a las ilustraciones para el libro se tendrá como referente la actual tendencia de la ilustración bidimensional o plana. Este estilo para ilustrar surge en la actualidad en oposición a las técnicas artificiales de diseño (texturas, sombras paralelas, gradientes, biseles y relieves) que estuvieron vigentes durante ya varios años. La ilustración plana se basa en la premisa de que las imágenes simples transmiten el mensaje más rápido y más fácilmente que las ilustraciones detalladas. Este hecho fuerza al diseñador o ilustrador a enfocarse más en el contenido, ya que en lugar de pensar en qué efecto agregar al diseño para hacerlo resaltar, el diseño plano demanda pensar principalmente en la funcionabilidad, y no solamente en la apariencia.

McClure, S (2014) Indiana Afterschool Conference. Ejemplo de ilustración plana.

Para la fotografía del libro se tomará como referencia la fotografía minimalista, la cual se inspira en el concepto de minimalismo en el arte. Normalmente se piensa en el arte como una representación de un aspecto del mundo real (un paisaje, una persona, una lata de sopa), o el reflejo de una experiencia como una emoción o sentimiento. El minimalismo no busca representar una realidad externa, sino que busca que el espectador responda únicamente a lo que está frente a él, el medio o material de lo que está hecho, y la forma de la obra. De allí la frase de Frank Stella: “lo que ves es lo que ves”. Los artistas minimalistas crearon objetos tan impersonales y neutrales como les fue posible, con el propósito de generar en el espectador una reacción más pura hacia el objeto de arte en sí. Hay una falta deliberada de expresión en el arte minimalista, y no se refiere a nada más allá de su presencia literal. Los materiales no están trabajados para sugerir nada más, y el color tampoco es referencial. En cuanto a la frase “Menos es más”, los minimalistas no sienten que al sintetizar la obra a formas simples crean una experiencia menos rica para el espectador. Al contrario, ellos creen que están creando la posibilidad de una relación más directa y pura entre el espectador y la obra. Es por esto que esta corriente que depende de la simplicidad, e implica usar un mínimo de componentes en la composición, como lo son la forma, el color y la línea. El minimalismo fuerza al fotógrafo a mirar más allá de lo obvio para buscar oportunidades escondidas, y a prescindir de todo el ruido visual para enfocarse solo en un número limitado de objetos.

Heiderich, M (2014) Reflexionen Zwei Series. Ejemplo de fotografía minimalista.

III. REFERENTE METODOLÓGICO

1. REFERENTE METODOLÓGICO TEÓRICO 1.1. Recolección de información Para la creación este libro es necesario en primer lugar recopilar todos los principios ordenadores del diseño, para su posterior análisis. Para ello se realizará una investigación documental. 1.2. Análisis de las fuentes documentales Se empleará como técnica operacional la observación documental de las diversas fuentes de información sobre el tema, la cual se efectuará a través de una lectura general de las mismas, permitiendo explorar los datos necesarios, además de proporcionar los elementos teóricos para la mejor comprensión del problema planteado. 1.3. Análisis de la información Para analizar e interpretar la información se llevarán a cabo los siguientes pasos: - Reducción de datos: Consiste en la simplificación, el resumen, y la selección de la información para hacerla abarcable y manejable. La reducción de datos supone también descartar o seleccionar para el análisis parte del material informativo recogido, teniendo en cuenta determinados criterios teóricos y prácticos. - Disposición y transformación de datos: Se dispondrá la información de una forma gráfica y organizada tras su recogida, lo cual facilitará la comprensión y el análisis de la misma. Este proceso sirve para ilustrar las relaciones de varios conceptos y el proceso de transición entre etapas de la investigación. - Análisis de contenido: Este paso trata de descubrir los significados de los documentos. El propósito es exponer los significados, tanto los manifiestos como los latentes.

2. REFERENTE METODOLÓGICO PROYECTUAL 2.1. Ilustración y fotografía El primer paso para llevar a cabo el proyecto gráfico será crear las piezas que ejemplificarán cada principio ordenador del diseño, mediante la ilustración y la fotografía. 19

Como se planteó anteriormente, se hará uso de la ilustración plana y de la fotografía minimalista para la creación de las imágenes. Se trabajará con ilustración vectorial, usando Adobe Illustrator; y fotografía digital empleando una Canon SX40 HS. 2.2. Diseño editorial Formato: se diseñará el libro en un formato tamaño carta, para ser impreso en papel glassé 115 g. El libro será compaginado para ser impreso a lomo cuadrado. Diagramación: se hará uso de una retícula modular, la cual permitirá organizar todos los elementos del libro de una manera variada e interesante. Tipografía: la tipografía empleada en el libro será sans sérif, para seguir la estética minimalista que se planteó anteriormente. Impresión: se llevará a cabo en una imprenta digital, donde también se realizará el cortado y encolad del libro. 3.3. Diseño de piezas secundarias Stand: será empleado para soportar al libro en las librerías, así como en la presentación del proyecto gráfico. Material P.O.P.: se diseñará para dar apoyo al libro una serie de materiales P.O.P., como afiches, franelas y marcalibros.

CapĂtulo I.

Capítulo I. Principios ordenadores del diseño aplicados en las diversas disciplinas del diseño gráfico 1. Principios ordenadores del diseño Un principio es la base, el fundamento u origen de algo. Los principios ordenadores son los conceptos de los que se vale el diseñador para influir o conformar un diseño. Estos ofrecen vías para organizar las decisiones para ordenar y generar de un modo consciente una forma. Es decir, se pueden considerar como artificios visuales que permiten la coexistencia de varias formas y espacios, tanto perceptivos como conceptuales, dentro de un todo ordenado y unificado.

2. Disciplinas del diseño gráfico • Diseño Publicitario: Diseño de publicidad en cualquiera de sus formas gráficas. Acá se hace uso intensivo de la persuasión y la percepción visual, apoyándose en el Marketing. El objetivo principal es convencer, producir emociones y/o acciones específicas. • Diseño Editorial: Diseño de publicaciones de carácter informativo, de entretenimiento y llanamente contenidos escritos, muchas veces combinados con fotografía, ilustración y hasta animación según el soporte. De manera general se busca que el contenido sea consumido fácilmente por un público objetivo, que sea rentable para grandes tirajes y se adapte a los requerimientos tanto de los editores, longitud de publicaciones futuras (si es el caso) y a todo el proceso de pre-prensa en el caso de medios impresos. • Diseño de Identidad Corporativa: es el diseño de marcas. Aquí se busca crear un sistema de diseños homogéneos que tengan congruencia y cierta predictibilidad de un soporte a otro. Busca definir la personalidad de una empresa, la cara de la misma ante el público por lo que el mensaje específico debe ser claro, conciso y crear valor. • Diseño Web: El más reciente de todos, el diseño de sitios web incorpora prácticamente todas las enseñanzas de las demás disciplinas, ha venido a revolucionar la forma en que se diseña debido a algunas limitaciones del medio y a sus grandes alcances también. Aquí podemos tener desde 23

el equivalente editorial, publicitario, corporativo y lo que esté por venir. Es un área veloz, dinámica y muy cambiante. • Diseño de Envase: se enfoca en la forma en que se presentan visualmente los envoltorios o empaques de cualquier producto, se acompaña del diseño publicitario, también el diseño de stands, y por supuesto el marketing. Funciona como uno de los elementos que hacen que un producto se venda o no. • Diseño Tipográfico: Es de las áreas del diseño más antiguas y exigentes. Busca crear herramientas de comunicación visuales y abstractas de la palabra, darles una personalidad única y estilos para diferentes usos en muchos contextos.

GLOSARIO Diagramación: arte de distribuir y organizar la composición de un conjunto de elementos en la página de un documento, buscando funcionalidad del mensaje (fácil lectura) bajo una apariencia estética agradable (aplicación adecuada de tipografías, imágenes y colores). Didáctica: rama de la pedagogía que se encarga de buscar métodos y técnicas para mejorar la enseñanza, definiendo las pautas para conseguir que los conocimientos lleguen de una forma más eficaz a los educados. Diseño editorial: disciplina del diseño gráfico que se especializa en la estética y diseño de tanto el interior como el exterior de textos y publicaciones (libros, revistas, periódicos, catálogos, caratulas, volantes, afiches, entre otros). Fotografía digital: consiste en la obtención de imágenes mediante una cámara oscura, de forma similar a la fotografía química. Sin embargo, así como en esta última las imágenes quedan grabadas sobre una película fotosensible y se revelan posteriormente mediante un proceso químico, en la fotografía digital las imágenes son capturadas por un sensor electrónico, las cuales son digitalizadas y almacenadas en una memoria. Fundamentos del diseño: conjunción de diversos elementos y principios en una misma área con objeto de lograr una interacción que transmitirá un mensaje dentro de un contexto determinado. Ilustración vectorial: imagen digital compuesta a partir de vectores (serie de nodos y curvas que definen la ilustración basándose en figuras geométricas que permiten crear y manipular objetos y composiciones).

Material P.O.P.: categoría del mercadeo que recurre a la publicidad puesta en los puntos de venta, busca generar una permanencia de la marca recurriendo a una gran variedad de productos donde se puede imprimir o estampar información de la empresa o producto. Lenguaje gráfico: sistema de comunicación que se per-cibe a través de los ojos (visualmente), utilizando imágenes y signos gráficos, con el objeto de transmitir mensajes a través de la imagen. Lomo cuadrado: tipo de encuadernación, en el que los libros o revistas se compaginan en una serie de librillos que luego son pegados juntos, obteniendo un terminado cuadrado. Pedagogía: ciencia que tiene como objeto de estudio la educación y formación de los seres humanos. Principios ordenadores del diseño: principios utilizados para implantar orden en una composición (arquitectónica, de imagen, fotográfica), entendiéndose orden como aquella condición en que cada una de las partes de un conjunto está correctamente dispuesta con relación a las demás y al propósito final, resultando una organización armoniosa. Retícula: estructura que subdivide el documento en márgenes, columnas, espacios entre columnas, líneas de texto y espacios entre bloques de texto e imágenes, utilizada para estructurar y organizar el contenido, con la finalidad de imponer orden, uniformidad y coherencia. Tipografía sáns sérif: categoría de tipografía que carece de sérif, es decir, de remates en los extremos.

FUENTES DOCUMETALES Bierut, M. (2001) Fundamentos del Diseño Gráfico Brooks, J. (2010) Fotografía minimalista. URL http:// altfoto.com/2010/09/fotografia-minimalista Carreño, D. (2011) Influencias del Diseño Gráfico. Minimalismo. URL http://www.estudio-creativo. com/2011/11/influencias-del-diseno-grafico-minimalismo/ Clum, L. (2014) The beginner’s guide to flat design. URL http://www.creativebloq.com/graphic-design/whatflat-design-3132112 Duarte, S. (2013) Fotografía Minimalista: Qué Es y Cómo Lograrla. URL http://clubdefotografia.net/fotografia-minimalista/ Flores, J. (2011) Áreas y Disciplinas del Diseño Gráfico – Debate. URL http://origenarts.com/areas-y-disciplinas-del-diseno-grafico-debate/ Harman, C. (2014) Keep it Simple – A Guide to Mini malist Photography. URL http://contrastly.com/minimalist-photography/ Lidwell, W. (2003) Universal Principles of Design Mellas, C. (2014) Flat Design: Trend or Revolution? URL http://www.webinsation.com/flat-design-trend-or-revolution/ Millman, D. (2008) The Essencial Principles of Graphic Design 28

Nea, T. [neato324]. (2012, noviembre 9) CRAP: 4 Basic Principles of Graphic Design [Archivo de video] Recuperado de https://www.youtube.com/watch?v=admfIU5UkUs&list=UUR4c4DzHv1mIF8616Tz4FTA Paz Prendes, M. (1995) ¿Imagen didáctica o uso didáctico de la imagen? Pérez, E. Venezuela CMYK - Marcas: Un libro de cabecera para el diseñador gráfico venezolano. URL http:// disenoenvenezuela.blogspot.com/2013/01/venezuela-cmyk-marcas-un-libro-de.html Rigo, D. (2012) Aprender y enseñar a través de imá genes. Desafío educativo. Vee, L. (2014) Blacklist: don’ts of a design intern. URL https:// www.behance.net/gallery/17704229/Blacklist Willemsma, J. [Judy Willemsma]. (2010, septiembre 10). Elements and Principles of Design [Archivo de video] Recuperado de https://www.youtube.com/watch?v=DWEhwp5JgZk Wong, W. (1979) Fundamentos del Diseño Bi y Tridimensional Wong, W. (1988) Principios del diseño en color