FUNDAMENTOS DE DIAGRAMACIÓN: REVISTAS Cumpa Gonzáles, Luis AlbertoTABLA DE CONTENIDO Contenido Presentación Diseño Gráfico y diagramación La diferencia HTM HTM Capítulo I LAS CLAVES DE LA DIAGRAMACIÓN HTM Capítulo II LA TIPOGRAFÍA EN DIAGRAMACIÓN Clasificación General Significado de los tipos ¿Cómo escoger un tipo? Tipo y fuente Otras especificaciones HTM Capítulo III COLOR EN DIAGRAMACIÓN La utilidad de la investigación La expresividad del color ¿Cómo aplicar el color? El plano denotativo Otras alternativas El significado del color.El plano connotativo Funcionalidad del color HTM La cuatricomía La hexacromía Capítulo IV LA COMPOSICIÓN EN DIAGRAMACIÓN HTM Verticalidad y horizontalidad La tensión Tensión y equilibrio La jerarquización El ritmo Las técnicas visuales ¿Y el contragafismo? Capítulo V ELEMENTOS DE DIAGRAMACIÓN Armonía: función y forma Estructura periodística y estructura gráfica Los elementos, definiciones Cuadrícula, plantilla, rejilla Elementos de la diagramación Unidad del todo y las partes El logotipo La portada HTM Bibliografía HTM PRESENTACIÓN El presente trabajo ha sido realizado con el ánimo de ofrecer un instrumento de consulta para todos aquellos que se inician en el conocimiento del diseño gráfico en general y de la diagramación en particular. El autor ha tratado de abordar los principales aspectos que conciernen al ejercicio de esta parte de la formación de los diseñadores y, a la vez, ha buscado organizar el contenido en los principales temas en los que se basa el aprendizaje de este proceso de la diagramación. En aras de una percepción clara del proceso indicado se han graficado algunos procesos, así como algunos conceptos puesto que el lenguaje del comunicador visual es precisamente la graficación de sus ideas. Aunque sabemos que los procesos tecnológicos rápidamente se modifican, se han incluido algunos aspectos relacionados al tema que nos ocupa, tratando de insertar al lector en la atmósfera tecnológica para que pueda manejar alguna información que lo proyecte en la parte que concierne a la utilización de tecnologías, es decir, la parte de aplicación. No está demás recordar que, tan importante como el aprendizaje de un software de autoedición o el manejo de una plataforma informática, es el conocimiento de las bases teóricas lo que da sustento a las propuestas de diseño, otorga seguridad al profesional de la comunicación visual porque su trabajo es razonado y se vale de la tecnología para lograr su utilidad mediante la reproducción. No escapamos a la atmósfera de esta incipiente sociedad virtual, por eso este trabajo se ha concebido en ese marco, tratando de valorar aquellas referencias que nos humanizan: los maestros de la Bauhaus, Kandinski, Klee , Moholy Nagy,etc; así como la presencia tácita de Leonardo y el legado de la cultura renacentista. delineación dibujo de algo.DISEÑO GRÁFICO Y DIAGRAMACIÓN Diseño "Es la organizaciòn. Salvat. CEAC. Moholy Nagy* Etimología "El diseñador es un "El diseño industrial es el proyectista con sentido procedimiento de analiza. Diagramación: arte de distribuir la composición en una página. Descripción o bosquejo de una cosa verbal. Danielle. en realidad el diseño comprende la planificación del proceso creativo que incluye la investigación. figura o imagen ejecutada en claro y obscuro. Diagramación: figura gráfica que explica un fenómeno determinado. un modelo. pero. cálculos y dibujos que se hacen para dar idea de cómo se hace una obra. Elementos jerarquizados: establecimiento de grados de valor o importancia de cada elemento Concepción estética: desarrollar armónicamente una técnica visual. problema o ley. España. Jesús. Proyecto: conjunto de escritos. 1992 **En SOLANAS DONOSO. Debido a sus orígenes el concepto diseño siempre ha estado vinculado a la industria."* Latín designaire: de =proposición. preparar. signum=marca.signo Del diccionario de la lengua española Diseño: traza. Funcionalidad: debe permitir una decodificación fácil del mensaje. Lo que posteriormente puede ser: un dibujo. así como proponer los medios para llevarlo a cabo. programar. España. de procedimientos y de todos los elementos que tienden hacia una función". en un equilibrio armonioso de materiales. Ed. y generalmente se refería sólo al boceto de un objeto bi o tridimensional. Dibujo: delineación. Diseño: arte y función.dibujo geométrico que representa la demostración gráfica de alguna proposición. personal. Diseño Industrial.. * En QUARANTE. estético que trabaja por la crear y desarrollar productos comunidad y no de forma para su fabricaciòn en serie". 1985. basado en un sistema estético de carácter funcional.. un plano.** Diagramación De este conjunto de definiciones podemos ensayar el significado de diagramación: organización de un conjunto de elementos(T+1) jerrquizados. Heine*" organizado. sino en equipo E. . Diseño: lo que por anticipado se puede: proyectar... propone color corporativo para textos. el diagramador los aplica en cada una de las ediciones posteriores. la diferencia entre uno y otro es el papel que cumple cada uno en la edición periódica de la publicación. Estos dos elementos convierten al mensaje impreso en un mensaje bimedia. La diferencia Los conceptos diseño y diagramación involucran el problema de la composición. El diseño gráfico se concibe para ser plasmado sobre soportes bidimensionales: papel. Como vemos el diagramador resuelve la organización de las páginas de acuerdo con las normas ya establecidas por el diseñador en el manual de diseño. en fin. José. un folleto. criterios compositivos. Esto significa que el diseñador también tiene una concepción tridimensional con respecto al uso del diseño. 1981 . organizar los elementos del mensaje bimedia (texto e imagen) en el espacio bidimensional (el papel) mediante criterios de jerarquización (importancia) buscando funcionalidad del mensaje (fácil lectura) bajo una apariencia estética agradable (aplicación adecuada de tipografías y colores). una revista o un periódico. cartón. Esos elementos gráficos son el texto y la imagen. ___________________________________ * En Martínez de Souza. Diccionario del periodismo. el desglose. Es posible que el mismo diseñador también pueda encargarse de la diagramación. Diagramación Diagramar es distribuir. pástico. Habría que concordar con Moles cuando afirma que un libro. etc. tipografías.Podemos considerar al diseño gráfico como la: organización armoniosa de elementos gráficos con el objetivo de cumplir una función de comunicación visual. tratamiento de la imagen (sangrados. formateo de párrafos. tamaño. en el decir de Moles éste sería. precisamente su creativividad radica en la capacidad para ofrecer múltiples posibilidades de presentación bajo una norma establecida. todos los detalles que componen una publicación. Mientras que el diseñador establece las pautas de la diagramación: formato. por lo tanto. En realidad. un mensaje multimedia. etc. cajas de diagramación. merchandising. pero las responsabilidades son distintas. Paraninfo. dispensadores. sin embargo estos soportes pueden ser convertidos a objetos tridimensionales: envases.. el paso de una página a otra implican factores ergonómicos previos en su concepción. desde el momento que es manipulado para ser observado adquiere un carácter tridimensional. estilo. Madrid. recuadros o aplicaciones especiales). sangrías. Un buen diagramador es el que respeta esas normas. Este manual básicamente está dedicado a la exploración del proceso de la diagramación.CAPÍTULO I LAS CLAVES DE LA DIAGRAMACIÓN Nuestro interés es que el lector encuentre en este manual aquello que le permita entender y aprender a realizar de manera fácil. memorias.. así como sentar las bases teóricas que sustentan este proceso. periódicos. etc. . ya que los fundamenos del diseño son comunes para todos ellos. La diagramación de una revista es sólo el pretexto para conocer los mecanismos de la diagramación de boletines. folletos. la diagramación de cualquier proyecto editorial. La sencillez con que se concibe este proceso invita a algunos improvisados diagramadores a decir: «¿eso era todo?» y se dedican a complicar sus páginas con una serie de elementos para justificar plazos y costos convenidos con sus clientes. En general. Un entendimiento claro del significado de cada uno de estos conceptos permitirá al diagramador trabajar con seguridad un proyecto gráfico de cualquier envergadura. -lo que vamos a organizar son los textos y las imágenes (T+I) los cuales son los componentes básicos de los mensajes impresos.Cuando hablamos de los fundamentos de la diagramación nos referimos en esencia a los procesos. la diagramación es también una permanente interrelación de los objetos. . Para el diseño en general y la composición de páginas en particular. color y composición. Cuando queremos organizar una página necesitamos saber: . el color. Los criterios ahí señalados son sólo una guía para ordenar el proceso de la composición. el color y la composición. Si esto se logra se habrá cumplido con el objetivo que no es otra cosa que la de facilitar la lectura recurriendo al uso de un criterio de color que armonice con el mensaje. a una tipografía que refuerze el carácter de ese contenido y a una composición que envuelva al lector en la dinámica o la placidez de ese mensaje. La tipografía. esta destreza se logra en base al ejercicio permanente de la composición y muchas veces está relacionado con la repetición de los procesos los mismos que posteriormente se convierten en elementos de identidad para un diseño específico. y la composición constituyen las bases de la diagramación. periódicos. .cómo lo vamos a organizar. que haga de esa página una agradable lectura. Cuando hablamos de los fundamentos de la diagramación nos referimos en esencia a los fundamentos del diseño gráfico:la tipografía. ¿cómo es el proceso de diagramación?. Veremos ahora cada una de las claves de la diagramación. memorias.. el verdadero profesional lo que busca siempre es elaborar un mensaje visual sencillo que haga fácil la comunicación. puesto que no necesariamente se tiene que desarrollar el proceso en el orden indicado. etc. la forma cómo lo vamos a hacer es manejando los criterios de tipografía. Cuando se modifica una de las condiciones las demás se ven afectadas y es en esa búsqueda del equilibrio donde el trabajo se pone divertido. ya que los fundamenos del diseño son comunes para todos ellos. La diagramación de una revista es sólo el pretexto para conocer los mecanismos de la diagramación de boletines. folletos.qué es lo que vamos a organizar y. en el diagrama de la página anterior queremos explicar esto. CAPÍTULO II LA TIPOGRAFÍA EN DIAGRAMACIÓN «... la forma deseada consciente o inconscientemente por el lector es la tipográficamente perfecta...» Adrián Frutiger Desde siempre el hombre ha buscado comunicarse con los demás por diversos medios, fijando los mensajes en soportes como madera, pieles, piedra, metal, papel, soportes electrónicos (discos compactos). En ese proceso de búsqueda el uso de una serie de instrumentos como el punzón, buril, cincel, pluma y, en estos tiempos el ordenador, han permitido generar diversas maneras de expresar tanto las imágenes como los signos que luego han derivado en la escritura con la representación pictográfica, los ideogramas-logogramas-fonogramas*, los jeroglíficos, los alfabetos. La necesidad de representar las vivencias mediante un mensaje visual obligaba a buscar formas con escenas, figuras, objetos reconocibles que a la vez resultarían en formas codificables por un determinado grupo humano lo cual permitió el intercambio de ideas, la comunicación.Este largo proceso de construcción de signos no ha terminado y la búsqueda se orienta a lo mismo: facilitar la comunicación. La piedra de Rosetta, grabada con jeroglíficos de la escritura egipcia. Cuando Gutemberg invento los tipos móviles también creó una manera de componer las páginas. Las limitaciones de la tecnología creada sólo permitían crear columnas con textos construidos línea tras línea, la ilustración era un añadido a la composición, intercalada entre páginas para no interferir con la secuencia de la línea horizontal de los textos. Era muy difícil romper con esta ortogonalidad que el sistema creado obligaba, de tal manera que cuando se quería lograr lo contrario lo que se hacía era trabajar la página entera como si fuera un grabado que incluía textos e imágenes. Esto evidentemente encarecía los costos por lo tanto no era de uso corriente, incluso en los últimos años antes de la irrupción de la informática todavía se hacían los denominados artes finales que consistían en láminas con los textos y las imágenes recortadas y pegadas que luego eran procesadas fotográficamente, o se recortaban las películas para hacer un fotomontaje que servía luego para procesar planchas de metal que se utilizaban (todavía se utilizan) en los procesos de impresión offset. Todo esto cambió con la invención de los ordenadores y más aún cuando éstos se personalizaron (Pc); se crearon programas que permitían resolver, incluso en minutos, problemas que anteriormente tomaban horas y algunas veces días, rompiendo con la rigidez de la linealidad de los textos, la proporción de las letras, el contorneo de los textos, es decir, se manejó con facilidad las variables de la que hablaba Jackes Bertin*: forma, orientación, valor, tamaño, tramado, color. Abraham Moles añade el movimiento como una nueva variable aplicada en el cine y la televisión. La tridimensión adquiere una presencia mayor con el desarrollo de la informática al punto que se desarrollan programas especializados para representarla. De esto no escapa la presentación de los tipos bajo esta atmósfera espacial casi buscando ser el eslabón de la metamorfosis hacia su conversión en imagen. Cuando se proyecta una revista es necesario seleccionar los tipos que se van a usar. Esta selección es sólo para esta publicación por lo que se tiene que hacer con mucho cuidado, de acuerdo al tipo de publicación, el segmento al que va dirigido, sus características culturales, etc. Esto quiere decir que el diseñador debe proponer una tipografía que responda a los requerimientos específicos de la publicación que está proyectando. Clasificación general Como se sabe, de la letra romana clásica es que derivó el resto de los tipos conocidos hasta hoy. Este alfabeto romano fue descubierto en una columna en homenaje al emperador Trajano. Las diez grandes familias tipográficas en la historia los programas gráficos incorporan centenares de tipos en sus archivos y si a éstos les añadimos sus variaciones (estilos). . . tendremos entonces muchas posibilidades para el diseño. Actualmente. Conocer esta clasificación general es el primer gran paso para la selección del tipo: escoger entre una de estas dos. luego buscar dentro del grupo seleccionado aquel o aquellos que ayuden a afirmar la personalidad que se le quiere determinar a la publicación o al mensaje publicitario.La modificación de los serif determina una variedad infinita de tipografìas y afirma una clara diferencia en la forma de las letras Podemos hacer una clasificación general en base al criterio de tipos claramente diferenciados: las serif y las sans serif. En la «Constelación de atributos de Moles» se puede apreciar con claridad cómo es que los tipos pueden sugerir significados sicológicos que luego pueden ser aplicados para el diseño. regulares. gruesas. extra-ultra-demi bold. más aún si consideramos que el diseñador tiene la capacidad de asignarle otros atributos como tamaño. la teoría de las proporciones. el dinamismo. los mismos que han sido creados bajo criterios totalmente libres. El test fue aplicado a dos segmentos: el público en general y un grupo de profesionales del diseño. etc.. todos los signos que componen un alfabeto. la fragilidad son conceptos que se les asigna para darles un valor connotativo. normal. cuando éstas son aplicadas para otros mensajes no dejan de ser referidos a su origen. pueden encontrarse conceptos como: delicado. Estas características luego sirven para identificar los estilos: blanca (light). Estas tipografías tienen una alta dosis pregnante. paradójicamente. transparencia. Exige conocer la construcción geométrica. . black. Existen otros tipos que se crean con objetivos específicos. concepto de fondo y forma. bold.Aquí descubrimos que en este conjunto de variaciones. la simpleza. salvo que la envergadura de la misma lo exija y el diseñador esté preparado para resolverlo en el plazo necesario. La pesadez. en el diagrama se observa que mientras más cerca del círculo central se encuentra representado el concepto significa que con mayor frecuencia ha sido repetido por los encuestados. en ocasiones son referencias de objetos o hechos históricos. Antiguamente se creaban para usarlos como capitulares o para componer sólo titulares. De ahí lo relativo del significado de la forma de los tipos. como es el caso de tipografías para campañas publicitarias o títulos de películas de cine. y con ello enfatizar esos significados. la elegancia. intencionalmente son usadas con este fin. la teoría de módulos. La creación de tipos es un trabajo muy complejo. de manera sistemática. ultra light. linealidad. es decir su contextura le asigna un carácter que luego es considerado como criterio para el diseño. etc. pesado. control de la ilusión óptica. dinámico. las diversas relaciones entre las letras y el comportamiento que adquieren en diversas asociaciones entre ellas. heavy. color. requiere de una serie de conocimientos para resolver. Ésta es la razón por la que aquí no recomendamos que se diseñen tipos para una publicación. Significado de los tipos Los tipos expresan un significado de acuerdo con su forma natural: delgadas. De esta manera queda establecido con claridad la evocación del tipo por lo que su aplicación es confiable. Existe un tercer grupo de tipos: se trata de los ornamentales. estático. : sobrio o recargado. ligero o pesado. al final la tabulación permitirá reconocer hacia cuál de los conceptos se inclina el significado de cada una de las tipografías. activo o pasivo. Esto evidencia que una investigación al respecto puede ayudar a hacer más confiable una propuesta de diseño. el denominado «Perfil de polaridades». Diagrama de Osgood . ejm.También es interesante observar el método de Osgood*. En este método se le presenta al público dos tipos y se le pide que asigne un valor a la letra en una escala de siete puntos de acuerdo a dos opciones opuestas. .. color. esto significa contar con el tiempo suficiente para hacer la propuesta y lograr su aceptación por el cliente y una validación por los posibles usuarios. Éste es un sistema creado para operar con un software que funciona así: presenta un cuadro de diálogo interactivo con las clasificaciones y especificaciones de todos los caracteres. clásicos. mercados. clásico/moderno. ortodoxos. Hemos indicado anteriormente que sería conveniente partir eligiendo una de las grandes familias (romanas-serif o grotescassans serif) y a partir de ahí seleccionar un grupo que por la forma se asocie al espíritu de nuestro proyecto gráfico. serios. Al seleccionar una de estas opciones. dinámicos. contexto editorial. De la profundidad de la investigación dependen las posibilidades de tener mayores criterios para la selección de tipos. delicados. pudiendo usar datos estilísticos y asociaciones con conceptos como: cálido/frío. aparece un listado con todas las tipografías vinculadas con la forma de expresión deseada en las que el diseñador puede seleccionar alguno de su preferencia. Estos criterios obviamente son relativos puesto que depende de otros factores que se producen en el proceso del diseño como la asignación de atributos al tipo: tamaño. estático/dinámico.»* denominado Font Explorer. LA TIPOGRAFÍA EN DIAGRAMACIÓN (Continuación) ¿Cómo escoger un tipo? En principio se debe tener claro cuál es el espíritu de la publicación. estáticos. mientras los tipos sans serif son más legibles. . hemos visto que esto se obtiene de la información que se ha recogido previamente en indagaciones con clientes. con la posibilidad de seleccionar mediante sus perfiles semánticos. etc. etc. femenino/masculino. profundidad. textura. etc. Aunque esto no es usual debido a que el diseño de los tipos pasa por un proceso muy riguroso en su construcción. la firma alemana Linotype Library ha creado «.Una tipografía también puede ser exclusiva para una publicación y ésta puede ser diseñada especialmente para ella. conservadores. festivos.. usuarios. En general los tipos serif son considerados más ilegibles. Por eso que es necesario proyectarse a sus posibles modificaciones de acuerdo al plan general de diseño que se está pensando desarrollar . Con esto definido se manejan los criterios referidos a la forma de la letra lo cual debe asociarse con el tema del diseño. un sistema inteligente de navegación que facilita hacer una elección entre 4000 caracteres. Al respecto. toscos.. Aunque el sistema es bastante mecánico no deja de ser de gran ayuda en la agitada actividad gráfica donde las soluciones tienen que darse al instante por la naturaleza del medio que tiene que cumplir plazos para ser útil. En los diagramas que presentamos trataremos de dar una idea de la forma cómo se presenta la exploración de los cuadros de diálogo de este instrumento. . . símbolos y números. por ejemplo: garamond. al centro. justificado. futura.Tipo y fuente Tipo es la familia de letras. helvética. . a la derecha. Otras especificaciones Cuando se determina una fuente para textos es necesario precisar el alineado de los textos: a la izquierda. El interlineado es el espacio entre renglón y renglón.. avant gard ligth de 32 pts. por ejemplo: garamond bold de 20 pts. Fuente es el tamaño y estilo específico de la letra seleccionada. Grafismo funcional. 1988. 1988. * EN MOLES. * En HEILDELBERG.Abraham. Joan. 1998. Edit. Caracteres y tipografía. CEAC.Barcelona.___________________________________ * En BLANCHARD. Alemania.1998 . Revista de la firma Heilderberg. Barcelona. CEAC. Gerard. Ceac. Edit. * En FONTCUBERTA. Fotodiseño. Barcelona. Edit. La letra. autos. insolado de matrices. procesado de películas. concretamente. Hoy. de manera que ahora las ediciones a color son muy fáciles de resolver sólo en la pantalla de un ordenador. matemáticas).. si es deportiva (fútbol. la tecnología ha puesto a disposición de los profesionales del diseño todas las facilidades para que estos procesos y. . arqueología..CAPÍTULO III COLOR EN DIAGRAMACIÓN «Aquellos colores que tú quieres que tengan belleza habrás de ponerlos después de haber preparado un fondo blanquísimo. de las características del contenido del proyecto que se va a desarrollar por lo que es necesario estudiar detenidamente cada uno de estos detalles: El tipo de publicación: si es de carácter científico (ecología. y digo esto respecto a los colores transparentes. artes marciales). fotomontaje. requerían de varios especialistas para hacer originales. tabla. etc. la aplicación del color sea fácil. Necesitamos conocer de antemano una serie de informaciones que vienen del cliente. La utilidad de la investigación Cuando enfrentamos el desarrollo de un proyecto gráfico necesitamos definir el color o los colores con los que vamos a trabajar.» Leonardo Da Vinci Hasta hace unos años hablar de color en una publicación era asunto raro por los costos y porque los procesos eran muy laboriosos. aventura. directa. jóvenes. turismo. dibujos. aunque no definitivo. es el caso de la denominada “cultura chicha”. maestros. El diagramador tendrá que saber las preferencias personales del cliente y de los usuarios o posibles usuarios sobre diferentes aspectos vinculados con la publicación. La expresividad del color Aunque Abraham Moles hace un enfoque del tema orientado al entendimiento de los elementos de la imagen en general. etc. comercial. Es necesario haber revisado las fotografías. haremos una referencia de ello con el fin de tener un panorama más amplio de lo que significa el color en la comunicación visual. Hace una clasificación de la siguiente manera: -El color denotativo se refiere al que nuestros ojos perciben de manera natural. actividad laboral: obreros. gráficos. social. por edad: niños. el mundo de lo real. ambito geográfico: rural.técnica (aeronáutica. por ejemplo. ahora vamos a ver otros aspectos que maneja el diseñador o diagramador. artística. mecánica. etc. política. que se usarán en la publicación. cuando una publicación está dirigida para el personal de una empresa es conveniente hacer una exploración con los futuros usuarios para extraer datos que ayuden a tener certeza en las propuestas. En este aspecto hay una consideración de tipo sociológico: la cultura de determinados grupos sociales sugiere un criterio específico. construcción). Ésta es una parte de la información que viene del cliente. adultos. gráfica. etc. El público al que va dirigido.. gerentes. . urbano. choferes. . El nivel saturado es el cromatismo exaltado de la realidad. En otros lugares el rojo simboliza el fuego. tristeza. emblemas.Finalmente. . o simplemente persigue resultados formales estéticamente agradables de acuerdo con sus objetivos particulares. la exaltación y la vitalidad. banderas. el color de una naranja.Icónico Saturado Fantasioso Psicológico Color connotativo Simbólico Estético Emblemático Color esquemático Señalético Convencional Color denotativo Representación o realismo Emotividad o carisma Funcionalidad y codificación Se establecen tres niveles: icónico. Existe una relación entre los colores y determinados hechos propios de la cultura de un grupo social. es utilizado en las fiestas del Espíritu Santo. etc. un árbol. de la piel. etc. comercio). La utilización del color puro. de manera que para los fines prácticos es indispensable tener una amplia información en este terreno para poder representar correctamente los mensajes visuales que se quieren transmitir. en el Perú el color morado está relacionado con una actividad religiosa. alegría. una sandía por fuera roja y en el interior de color verde. El color convencional es el que busca una expresividad propia de carácter decorativo o funcional. para la Coca-Cola está asociado a la euforia. referido a la identificación tradicional del color como es el caso de los escudos. saturado y fantasioso. el color esquemático está referido a la capacidad de simplificación que se puede hacer de una cantidad inmensa de colores a un reducido conjunto al que se le puede asignar valores reconocibles en un contexto más o menos amplio. dinamismo. El color fantasioso corresponde a una modificación del color natural sobre la forma realista para generar fantasías visuales que trascienden hacia las manifestaciones surrealistas: un tomate de color azul. Por ejemplo. Sus variaciones son: el emblemático. Está en relación con el aspecto subjetivo de la percepción. El color señalético. . El color adquiere el carácter de fenómeno cultural factible de ser identificado de acuerdo a un proceso de codificación. emana sensaciones de calma. sosiego. brillante exagerado para provocar el «espectáculo visual» que permita la pregnancia del mensaje. Las sensaciones tienen que ver con elementos culturales del entorno. El icónico es el que expresa una clara función identificadora («cada cosa tiene su color») de los objetos. Expresa con realismo el mundo exterior al que añadido la textura del objeto representado genera un nuevo grado de esa iconicidad cromática: el hiperrealismo que es la búsqueda de la representación minuciosa del realismo. seguridad. la sangre y el amor divino. mientras en los países socialistas el rojo está identificado con la revolución.El color connotativo corresponde a valores que no son perceptibles fisiológicamente. de los escenarios. calidez. aquel color que asociado a símbolos gráficos y tipografías puede ser capaz de dar identidad a una corporación o un conjunto de actividades homogéneas (deportes. etc. paz. ésta es una de las etapas más importantes en el proceso de generación de mensajes visuales puesto que la capacidad de ver implica el almacenamiento de información visual que permanentemente es confrontada con una serie de experiencias las cuales son compartidas con individuos a quienes posteriormente les enviará mensajes para que sean decodificados y cumplan la función para la que fueron creados. verde. Identificamos el cromatismo de los objetos al descomponerse la luz permitiendo distinguir los colores rojo. la manera cómo queremos que se «vea» el color. es decir. En realidad.¿Cómo aplicar el color? El plano denotativo En general y de acuerdo con los fines que perseguimos podemos convenir en que los niveles connotativo y denotativo del color serán nuestra referencia para organizar la manera de aplicar el color en los proyectos gráficos. Estos colores organizados en el círculo cromático pueden facilitar la identificación de relaciones entre ellos para aplicarlos en el diseño. Cuando hablamos del plano denotativo (representacional o realista en el decir de Moles). violeta. . amarillo. nos referimos a ese proceso natural que se produce cuando la luz impacta sobre los objetos y ésta sobre nuestras retinas permitiendo registrarlos en nuestro cerebro para identificar de esta manera el mensaje visual (en el plano connotativo lo que ocurre es que el cerebro interpreta ese mensaje). anaranjado. azul. la experiencia en el ejercicio de su especialidad. hechos que le permiten acertar en la interpretación de las necesidades del usuario. Esta capacidad es adquirida en base al estudio. Según la cantidad de luz que tienen los colores. 1). 3). El rango definido entre la zona más oscura y el color normal es el denominado colores grises. . . . de complementarios y análogos. 2).Dentro de los sistemas creados que ayudan a organizar los mensajes visuales bajo los criterios del color. De esta manera de percibir los colores podemos organizar dos grandes grupos: contrastes y armonías: monocromáticas. . el rango entre el color normal y la zona más clara es el denominado colores pastel. No existen normas establecidas sobre la forma cómo utilizar los colores. La simple combinación de estos colores puede generar diseños cromáticamente armónicos (fig.contraste de colores: se trata de observar en el círculo cromático cuáles son los colores que se oponen el uno al otro y así establecer una tabla de colores para uso automático en un diseño cualquiera (fig.armonía monocromática: está referida a la forma cómo un matiz puede ser suficiente para aplicar color a un diseño. el círculo cromático es una herramienta útil para entender la forma cómo se puede aplicar el color en un proyecto gráfico. éstos pueden definirse en un conjunto de tonos que van desde el más oscuro (negro) hasta el más claro (blanco). El creativo propone de acuerdo a un conjunto de factores objetivos y subjetivos que finalmente identificamos como el gusto para diseñar que en realidad es su capacidad para proponer soluciones en dicha materia. todo esto corresponde al brillo de los colores.la armonía de complementarios: aquí se trata de combinar uno de los colores del círculo cromático con otros que se encuentran al lado opuesto en un rango aproximado de 45° (fig. Normalmente decimos que la aplicación es intuitiva. 2).armonía de análogos: en esta clasificación se trata de combinar uno de los colores del círculo cromático con otros que se encuentran a sus lados en un rango aproximado de 45° (fig. puesto que la relación con el entorno lo lleva a codificar una realidad sensorial a todo nivel: tactil. . visual. Por ejemplo (fig. hielo. 5) también es otro criterio y esta identificación genérica puede asociarse a una armonía y considerarla como un sistema ordenado para aplicarlo a un diseño. 4) se puede plantear como un criterio asociando un color (azul) y una armonía acromática (negro 50% + negro30% + negro10%). gráficos con combinaciones de naranja. Las preferencias cromáticas se pueden determinar haciendo estudios en los segmentos de posible aplicación. a una ilustración y reacciona emitiendo un juicio o simplemente decodificando los elementos en este caso cromáticos para darle sentido al mensaje.. campo. pero en realidad lo que ocurre es que el experimentado asigna colores con facilidad debido a que ese círculo cromático. esos esquemas armónicos de color. auditivo. Cuando se habla de significado de colores la referencia es la forma cómo afectan los colores a las personas. gustativo que luego es comparado con el color asignado a un escenario. por ejemplo. Normalmente cuando se trata de páginas de revista o periódicos son los matices de las fotografías los que en gran medida determinan los criterios de color. Corresponde a la pregnancia cultural del individuo o del grupo. El significado del color. por esta razón siempre es necesario investigar cada vez que se inicia un trabajo. que permita ordenar los componentes del mensaje que se quiere construir. amarillo y sus respectivas variaciones en la saturación. por ejemplo una fotografía con matices cálidos es acompañada con titulares en color rojo. Esto significa que es necesario conocer con amplitud la realidad del grupo para el cual se va a crear un mensaje. de frío o calor que pueden sugerir algunos colores corresponde a una asociación de las sensaciones tactiles con el color de las cosas (cielo. esos sistemas propios se han grabado en la memoria a lo largo de su experiencia y emergen de manera natural a la hora de diseñar. sol. El plano connotativo Cuando se habla del plano connotativo nos referimos a cómo es que queremos que se «mire» el color. a un objeto. olfatorio. conocer sus patrones culturales tanto del pasado como del presente. esto permitiría tener mayor certeza en la elaboración de campañas publicitarias. mar. Otras alternativas De estas armonías básicas se pueden derivar otras propuestas que el propio diseñador considere útil para su trabajo. El criterio de cálido-frío (fig. de oxigenación o ahogo. fuego) que efectivamente las producen. La idea de amplitud o estrechez. Al momento de empezar a aplicar el color en el diseño es indispensable que el sistema a utilizar o crear sea claro. fuerza. calor. neblina. Naranja • • Asociación material .orden. modestia. Sensaciones cromáticas Rojo • • Asociación material .dinamismo. finura. entierro.tedio. negación. noche. Negro • • Asociación material . luz. Asociación afectiva . frigidez. fuego. dureza. mujer. casamiento. sordidez. pureza. vulgaridad. limpieza. sol. angustia. . desánimo.Sensaciones acromáticas Blanco • • Asociación material . furor. piedad. pasión. optimismo. mar en tempestad. bajeza. nieves.fuerza.polvo. temor. máquinas. inocencia.fuego. gloria. advertencia. movimiento.cereza. sabiduría. Asociación afectiva . dignidad. vida. pesimismo. luminosidad. guerra. pasado. tristeza. melancolía. simplicidad. calor. energía. cisne. fiesta. condolencia. dolor. poder. violencia. Gris • • Asociación material . sangre. despertar. energía. juventud. vigor. miseria. desgracia. afirmación. seriedad. intensidad. alegría. nubes en tiempo despejado. esplendor. primera comunión. llama. coraje. paz. combate. Es alegre combinado con ciertos colores. pensamiento. llama. opresión. labios.bautismo. euforia. pena. Asociación afectiva . tristeza. tentación. Asociación afectiva . revuelta. decadencia. Asociación afectiva . lirio. ira.mal. deleite.sombra. excitación. lucha. muerte. dolencia.flores grandes. equilibrio. Asociación material .Amarillo • • Verde • • Asociación material . juventud. Rosa • • Asociación material .noche. suavidad. mar profundo. electricidad. sentido. Rojo • Correspondería al período de 1 a 10 años edad de la efervescencia y la espontaneidad. Marrón • • Verde • Asociación afectiva . abundancia. grandeza. infinito.tierra. naturaleza. posiblemente por la relación entre los países latinoamericanos. Asociación material . orgullo. calma. ideal. planicie.pesar.frío. egoísmo. mar. Asociación afectiva . verano. tranquilidad. dignidad. espiritualidad. alerta. cielo. sin embargo. misticismo. Avizoramos que con el advenimiento de la tecnología de punta la generalización será cada vez mayor y obligará a las culturas regionales a afirmar sus identidades en lo que respecta al cromatismo. justicia. dignidad. Azul • • Asociación material . intelectualidad. chinos.frescor. Asociación afectiva . serenidad.iluminación. meditación. . sueño. misterio. hielo. Asociación afectiva . aguas estancadas.fantasía.adolescencia. bienestar. paz. En la tabla podemos apreciar el significado de los colores en los planos tanto material (denotativo) como sicológico (connotativo). paz.estima. mar. profundidad. aguas claras. viaje. gozo. Esta información es producto de una investigación realizada en un medio como el brasileño. verano. veremos que muchas de las asociaciones coinciden con nuestra cultura de percepción cromática. esperanza. aurora. serenidad. También es útil observar en el otro cuadro un estudio realizado por el sicólogo Bamz* en la que asocia la edad y la preferencia de una persona por un determinado color. advertencia. Asociación afectiva . valor. precaución. luz. aplicado también en el campo de la mercadotecnia. salud. verdad.espacio. melancolía. delicadeza. topacio. bosque. primavera. diáfano. confort. Asociación afectiva . arrogancia. potencia.Naranja • Correspondería al período de 10 a 20 años. oficinas). etc. excitación. Los profesionales usan la carta de colores (Pantone) para identificar variedad de colores y hacer especificaciones técnicas de las mezclas. edad de la fuerza. Verde • Correspondería al período de 30 a 40 años. aventura. así como en el uso religioso del color adquiriendo un carácter simbólico que otorga una identidad a quien lo utiliza. Estas cartas de colores traen impresas miles de variaciones de colores. en actividades de servicios (hospitales. edad del saber. seguridad en la industria. sea en proceso convencional o digital y tenerlo siempre a la mano es una referencia útil. aeropuertos. misticismo y la ley. edad de la disminución del fuego juvenil. Todo esto es lo que Moles llama el color esquemático. edad del juicio. Funcionalidad del color En lo que se refiere al carácter funcional del color. edad de la imaginación. tránsito. asimismo. este último es utilizado por los prensistas offset. la experiencia y la bondad. Aquí se considera el color aplicado a las banderas (emblemático) y los colores institucionalizados de los uniformes. Azul • Correspondería al período de 40 a 50 años. Este vasto segmento de la expresividad cromática es la denominada señalética. La cuatricromía Para el iniciado es recomendable que confeccione el círculo cromático. . edad del pensamiento y la inteligencia. Rosa • Correspondería al período de 60 a más. existe también un Pantone con los denominados colores apastelados y otros que especifican la mezcla de tintas para obtener un color especial. aquel que necesita ser codificado para ser identificado. éste es empleado en la elaboración de normas cromáticas para prevención. Amarillo • Correspondería al período de 20 a 30 años. Lila • Correspondería al período de 50 a 60 años. es el caso de colores análogos .Cada uno de estos colores está identificado con un código (PANTONE E 149-1CVS) que es el que el diseñador utiliza para registrar en el diseño o ubicarlo en su ordenador. que consiste en la utilización de cuatro colores (CMAN) a los que se añaden dos (verde y naranja). etc. además especifica los porcentajes de cian (C). Tal vez lo más importante de esta tecnología es el hecho de que simula los colores RGB. En el idioma inglés la cuatricromía es reconocida con las siglas CMYK en castellano como CMAN. De allí el invento de los colores fosforescentes y otras técnicas. desde hace algún tiempo. televisor. esto ocurre porque además de ser colores adicionales éstos son del tipo fosforescente. Aplicación: En el gráfico podemos ver la forma cómo ha sido utilizado el círculo cromático en el diseño de esa página. como el barnizado ultravioleta. un sistema de color denominado hexacromía. que han buscado simular superficies con apariencias reales de los materiales representados.). En realidad. que son colores de luz (pantallas de computadoras. todos distribuidos en porcentajes de manera que el color final de una imagen es extraordinariamente más colorido. también conocido como sistema HiFi. La hexacromía Las nuevas tecnologías en prensa ya utilizan. lo que hace que la imagen alcance un alto grado de expresividad visual por ser de máxima saturación. diapositivas. El sistema considera tintas especiales. logrando la brillantez que los grafistas siempre han aspirado a representar. software de diseño y un catálogo de color Pantone Hexachrome*. magenta (M). amarillo(A) y negro (N) que se utilizan para obtener ese color. la plata.Existen tintas especiales que se aplican en la edición de publicaciones y que simulan metales conocidos como el oro. Ésta es simulada mediante efectos visuales en base al color con el que se logran ilusiones ópticas de profundidad y textura y algunas veces de movimiento. apelando a la forma como lo hacía Víctor Vasarely en sus obras pictóricas. como sabemos. en otros. el cobre. En ocasiones el grafista pretende expresar visualmente una representación de la realidad lo más cercana posible y. como es el caso de colores que producen vibraciones visuales y. la realidad es tridimensional. En este caso también son aplicados en procesos adicionales de impresión aunque la cuatricromía intenta emular a estos metales con su combinación de CMAN o CMYK. . ... lo modifica si es necesario para lograr el confort. La aparición de centros de capacitación en el campo del diseño está contribuyendo a reorientar el uso de los programas gráficos. el lápiz. La capacidad de manejo tipográfico y de color por parte de los programas llevaron a los primeros operadores de computadora a una exagerada utilización de esos recursos formales desvirtuando precisamente aquello que se buscaba: diseñar para facilitar la lectura del mensaje. Probablemente las técnicas de composición no permitían mayores indagaciones formales. recargaban las páginas convirtiéndolas en prácticamente ilegibles... texturas. Los diseñadores saben que las bases del diseño se dan fuera de las plataformas informáticas. las escuadras son instrumentos para hacer realidad las ideas.»**.».. Para Vasily Kandinski la línea expresaba el movimiento: «. variedad de tipos.CAPÍTULO IV LA COMPOSICIÓN EN LA DIAGRAMACIÓN «Las estrategias visuales del diseño no son absolutos universales. Con el advenimiento de la informática y las posibilidades que ofrecieron los programas para el diseño gráfico se presentó la oportunidad para armonizar sin mayores dificultades la función y la forma. El uso desmedido de tramas. generan explotan y reflejan convenciones culturales» Jacques Derrida* ¿Forma o función?.. etc. El hombre desde que nace busca identificar e identificarse con su entorno. la tarea de escribir correctamente se acompañaba de una composición tipográfica lo suficientemente ordenada para permitir una lectura fluida. Surge del movimiento al destruirse el reposo total del punto.. el punto se mueve y surge la línea. La línea se mueve y produce una superficie plana y la unión de superficies planas crea un cuerpo.»*. «... líneas... así podemos entender el valor que tiene esta parte de nuestra exploración. que el ordenador como el estilógrafo. ..es la traza que deja el punto al moverse y es por lo tanto su producto. Por lo tanto los criterios de composición tendrán que entenderse en este marco. Verticalidad y horizontalidad Tratemos de entender el comportamiento de los objetos: «. El proceso de composición es el paso más importante en la resolución del problema visual. . La acción natural de la gravedad de mantener a los seres sobre la superficie y en posición equilibrada asociada ésta a la verticalidad.y que resulta de mucha utilidad para comprender el concepto de tensión.Esa adaptación permanente se relaciona con esa necesidad natural de buscar el equilibrio individual y social. Esquema presentado por Emil Ruder en su Manual de diseño tipográfico. físico y sicológico. se expresa también en los deseos de querer que todo lo que le rodea también debe estar en equilibrio. pero no dirección.. son silenciosos y por lo tanto las líneas horizontal y vertical son tambien silenciosas.»*. fría. Estas dos maneras de vincularse con el entorno. La relación entre estos elementos básicos como el punto y la línea nos puede ayudar a entender este concepto... Significa ordenar los elementos de manera que se produzca una percepción sin conflictos.. reconociendo entonces su carácter irreverente. horizontal-profundidad-frío-negro.. El punto tiene tensión.. El equilibrio significa la eliminación de la perturbación en las expresiones visuales. y una contrastada tendencia hacia la horizontal-vertical.. Cuando observamos un objeto que no está en equilibrio tendemos a acomodarlo.. El atractivo de la Torre de Pisa radica. Sabemos que los griegos hicieron artificios en sus construcciones del Partenón.. a diferencia de la verticalidad-horizontalidad en la que «. A partir de esta base teórica trataremos de plantear un conjunto de ideas que nos permitan no sólo entender sino adiestrarnos en la composición. es la forma más limpia de la infinita y cálida posibilidad de movimiento. precisamente. susceptible de ser continuada en distintas direcciones sobre el plano. La diagonal es considerada una línea templada y que puede cambiar su temperatura conforme se acerque o se aleje de cualquiera de las líneas horizontal o vertical. es la forma más limpia de la infinita y fría posibilidad de movimiento..». Tensión y equilibrio . La tensión La tensión es la fuerza concentrada en el elemento. audaz. su carácter tridimensional y la necesidad de ser apreciada desde cualquier ángulo... verticalidad y horizontalidad. la línea combina tensión y dirección. La manera como se expresa esa fuerza de las líneas es el movimiento que se genera mediante la tensión y la dirección. revolucionario. Es interesante cómo Kandinski examina los objetos: vertical-altura-cálido-blanco.. y completa: «.. No en vano decimos que las líneas oblicuas producen ruido en el escenario.. y con-cluye que el negro y el blanco. colores acromáticos. Dice Kandinski de la verticalidad: «. el hombre moderno busca paz interior... En la escultura el principio del equilibrio es la base de la obra. y de la horizontalidad agrega: «. lo consideraremos como el equilibrio visual.».. Intencionalmente modificaron las formas de las columnas para eliminar algunos problemas ópticos y así lograr la perfección en la percepción de la verticalidad de los objetos. son los ejes del equilibrio que. elemento de gran impacto visual que por naturaleza es el recurso de la publicidad. añadido a eso el hecho de no haber sido concebido para estar en esa posición.». tanto por razones estéticas como por la naturaleza misma del objeto: el componente material.Asimismo. para el caso que queremos abordar. su necesidad de vincularse físicamente con el entorno lo lleva a trasladarse de un lugar a otro de manera frecuente sobre esa superficie operándose una relación con el concepto de horizontalidad. en su capacidad para perturbar el orden de ese escenario provocando dramatismo. el todo tendrá también su propia jerarquía. algunas veces intencionalmente provocamos la carga de tensiones en algunos lugares de la composición. opacidad. color. sin embargo los textos tienen un tratamiento propio. posición. Como sabemos el mensaje impreso tiene dos componentes: el texto y la imagen. podemos decir que estamos en condiciones de hacer composiciones más complejas. y detrás de él en un orden jerárquico los demás. por lo tanto. así como la imagen. Siempre habrá un elemento líder al que hay que destacar en sus diferentes atributos: tamaño. y aunque se expresan en dos niveles.tensiones en relaciones con los límites. orientación.La necesidad de equilibrar los elementos no siempre es lo que se busca en el diseño. Las líneas transmiten tensiones en toda su longitud y en sus extremos de manera independiente. estos se organizan y se manifiestan unitariamente. Las secuencias más claras. La jerarquización Este criterio es fundamental para la organización de los elementos visuales. como consecuencia. Paulatinamente vamos añadiendo nuevos criterios para lograr niveles más avanzados en la composición. expresar en diversos grados de importancia los . a la vez. basta un cambio de atributo a uno de los elementos para propiciar un nuevo juego de relaciones entre ellos y por lo tanto habrá un nuevo diseño. todos los elementos que conforman ese mensaje visual. Nuevas tensiones se producen simultáneamente unnos con otros. Se trata de asignar valores a cada uno de ellos y hacer que en varios niveles se vayan organizando de acuerdo con la necesidad de enfatizar jerárquicamente los distintos elementos que componen el mensaje. El tratamiento de los atributos para cada elemento requiere de mucho cuidado para lograr una buena jerarquización. Es decir.las que tiene una relación y continuidad cercana son las que definen la tenssión total. Cuando somos conscientes de nuestra capacidad para determinar zonas de mayor tensión y sabemos que esto desequilibra los componentes del mensaje visual.tensiones en relación con otros elementos. Este mensaje bimedia es unitario. Los elementos tienen comportamientos distintos : tensiones de sí mismos. La destreza compositiva se basa en el dominio del criterio de jerarquización y en el establecimiento de un ritmo para cada uno y. posición. los signos sus valores y sus funciones y el conjunto organizado integralmente para dar lugar a un mensaje visual efectivo. el guion y su propia estructura. Los conceptos de repetición. a la vez. expansión. se trata de la estructuración de los componentes de cada mensaje que se presenta en la película y. el guion y su propia estructura. textura. los niveles de expresión enfatizados de manera dosificada a lo largo de la proyección y otros factores que simultáneamente expuestos logren esa unidad en la obra. Asimismo.tos el efecto visual tiene múltiples respuestas. cuando la tensión es producida por varios elemen. las imágenes igualmente con sus variaciones. simetría. alternancia. la fotografía trabajada con el color y la iluminación correctamente seleccionada. de sus sucesivos subcomponentes donde cada una de las partes contribuye para lograr la unidad del todo. valor. traslación son vitales para trabajar el ritmo. rotación. reflejo. El ritmo La tensión prodmecanismos que nos ayudan a ordenar estas múltiples tensiones? Se trata de delinear un ritmo a los objetos. expansión. en el cine también existe una expresión clara de lo que es el ritmo. la música compuesta y colocada de acuerdo a ese guion. rotación. se trata de la estructuración de los componentes de cada mensaje que se presenta en la película y. de sus sucesivos subcomponentes donde cada una de las partes contribuye para lograr la unidad del todo. compresión.ucida por un elemento genera un efecto visual singular. color. la música compuesta y colocada de acuerdo a ese guion. funcional. En la composición gráfica también hay que organizar los elementos tanto independientemente como en sus relaciones unos con otros: los textos y sus variaciones de tamaño. la fotografía trabajada con el color y la iluminación correctamente seleccionada. los signos sus valores y sus funciones y el conjunto organizado integralmente para dar lugar a un mensaje visual efectivo. Al ritmo mayormente se le ha asociado con la composición musical. alternancia. traslación son vitales para trabajar el ritmo. los niveles de expresión enfatizados de manera dosificada a lo largo de la proyección y otros factores que simultáneamente expuestos logren esa unidad en la obra. valor. compresión. En la composición gráfica también hay que organizar los elementos tanto independientemente como en sus relaciones unos con otros: los textos y sus variaciones de tamaño. a la vez. En realidad. textura. posición. funcional. . en el cine también existe una expresión clara de lo que es el ritmo. Al ritmo mayormente se le ha asociado con la composición musical. Asimismo. color. En realidad. las imágenes igualmente con sus variaciones. Los conceptos de repetición.elementos y preponderantemente aquel que interesa destacar y se convierte en el eje de la composición. reflejo. ¿Cuáles son los mecanismos que nos ayudan a ordenar estas múltiples tensiones? Se trata de delinear un ritmo a los objetos. simetría. .Las técnicas visuales Aunque no existen normas establecidas para componer podemos valernos de algunos conceptos que nos pueden facilitar el inicio de un diseño. Armonía y contraste. contraste de tonalidades.Vasili. su ligazón con la for-ma es ineludible. El contenido es elemento importante en una solución integral de la composición puesto que ingresan otros criterios. La lectura del contraste se da en los diferentes atributos que podría tener el mensaje: contraste de colores.Gili. per-suadir.Ed. un cabal conocimiento de la presencia de dos formas completamente diferenciadas. tanto visuales como no visuales. Emil.G. España. de algún modo... Barcelona. las más importantes formas de organización de los elementos de la comunicación visual. Paidós. dos conceptos opuestos a los que recurre Dondis para «.. opuestas. Es más fácil reconocer lo irregular si lo comparamos con lo regular. deben estar conectados y direccionados a la definición de un mensaje claro. Consideraremos que las técnicas no son suficientes para la efectividad del mensaje. 1998. Las técnicas visuales mencionadas por Dondis son: .Gili.. poner de manifiesto y acentuar la amplia gama de opciones operativas posibles en el diseño y la interpretación de cualquier formulación visual sino también para expresar la gran importancia de la técnica y el concepto del contraste para todo medio de expresión visual. ___________________________________ *En LUPTON.1983. ** RUDER. lo fragmentado con lo unido. El ABC de la Bauhaus y la teoría del diseño.1994. contraste de tamaño. Ésa es la razón por la que es indispensable una investigación previa antes de proponer el diseño de un mensaje visual. para la toma de decisiones. No escapa de este proceso el contenido. evita la confusión en la selección de un plan de diseño. Todo el esfuerzo desplegado en este proceso de la composición está en función de la necesidad de expresar. explicar. Todos los elementos.Dondis* presenta en su estudio una serie de técnicas visuales que resumen. comunicar de la manera más efectiva ese contenido. lo reticente con lo exagerado. LA COMPOSICIÓN EN LA DIAGRAMACIÓN (Continúa) La idea de presentar los opuestos radica en el hecho de que se quiere tener con claridad el reconocimiento de dos maneras distintas de ver las cosas. Ellen & Abbott Miller. los subjetivos.Manual de diseño tipográfico.Mèjico. Ed. *KANDINSKI.G. describir. contraste de la forma. *Idem.Punto y línea sobre el plano.». pero.-Equilibrio -Simetría -Regularidad -Simplicidad -Unidad Economía -Reticencia Predictibilidad -Actividad -Sutileza Neutralidad Transparencia Coherencia Realismo Plana Singularidad Secuencialidad -Agudeza Continuidad Inestabilidad Asimetría Irregularidad Complejidad Fragmentación Profusión Exageración Espontaneidad Pasividad Audacia Acento Opacidad Variación Distorsión Profunda Yuxtaposición Aleatoriedad Difusividad Episodicidad En el proceso creativo emergen nuevas técnicas de acuerdo con las nuevas necesidades de expresión. comprendemos que el logro de la estética en la forma de estos mensajes va acompañado necesariamente de la funcionalidad. Apelamos a los objetos usados por los alumnos de la Bauhaus para representar estos ejemplos Equilibrio . Se puede ir hacia una gama que se acerque o se aleje de cada una de estas técnicas visuales. incluso con tipografía y colores adecuadamente seleccionados. Es indispensable entender esto con claridad porque no se debe enfatizar cada aspecto aislada-mente. gramatical y sintácticamente impecable. asimismo. Podríamos tener un mensaje muy bien redactado. lo importante es reforzar la claridad del mensaje que es el objetivo principal de la composición. entonces. si la composición no contribuye para completar tanto la funcionalidad como para darle un carácter estético a ese mensaje el resultado del proceso creativo será deficiente. sus matices son válidas como formas expresivas. Inestabilidad Simetría Asimetría Regularidad . Irregularidad Unidad Fragmentración Economía . Profusión Actividad Pasividad Reticente . . habíamos dicho.Exagerado Con objetos que simulen textos e imágenes trataremos de representar dos técnicas visuales opuestas para familiarizarnos con el trabajo de diagramación Técnica Visual:Pasividad Pueden combinarse. En ejemplo los objetos ya están jerarquizados. varias técnicas visuales. Técnica visual: Actividad Pequeñas alteraciones a la posición. . expresando con esto una composición intencionadamente clara. Técnica visual: Aglutinación. así como a la orientación(giro) de algunos objetos es suficiente para tener una expresión totalmente distinta del mensaje. Los elementos están soldados y le dan una compactación al bloque. mantienen una relación. Esta presencia determinante de sensaciones visuales que provoca el vacío es lo que denominamos contragrafismo.Técnica visual: Dispersión. están llenas de aire y ayudan a ventilar las páginas. Los elementos no están enlazados. ¿Y el contragrafismo? Cuando buscamos el equilibrio entre el espacio ocupado por los objetos y el espacio libre estamos apelando al juego con el vacío. no están vacías. Las áreas «blancas» que aparecen en las páginas no son sobrantes. Evidenciamos que el vacío también hay que diagramarlo. yuxtapuestos. Aquí seguramente valoraremos con amplitud la . sin embargo. entonces estamos asignándole un valor visual al vacío y lo consideramos como objeto equilibrante. definitivamente.Méjico.Donis. hay una base sólida para la creatividad. un orden. G.Gili.1992. .Sintaxis de la imagen. ___________________________________ *DONDIS. que cada paso se alimenta de lo anterior y si lo previo está bien resuelto lo que sigue no sólo armonizará perfectamente sino que el trabajo se hará fácil porque todo va coincidiendo ya que hay un sistema.elaboración de una cuidadosa retícula basada en la proporcionalidad de todos los elementos. Convenimos. Cuando no se le da importancia a esta etapa. se precisa el orden y los pesos que tendrán cada una de ellas. se corre el riesgo de estar modificando las pautas con la consiguiente pérdida de tiempo y la conversión del proceso creativo en una actividad complicada. además. dinámica periodística. atractiva y fácil de manejar. tramas.CAPÍTULO V ELEMENTOS DE DIAGRAMACIÓN «. hay una correspondencia natural entre la superficie cuadriculada de la retícula (concepto de horizontalidad y verticalidad) y el modo en que recibimos imágenes en la retina»* Como en toda operación se necesita conocer las herramientas con las que se van a trabajar. Esto plantea la necesidad de definir una estructura periodística y una estructura gráfica donde esta última debe interpretar el espíritu que la primera quiere asignarle a cada una de las páginas. tratamiento de las imágenes. Ya en la sección propiamente dicha el editor definirá sus componentes. La comunicación entre el periodista y diseñador gráfico es fluida en la medida que el primero debe trasmitir los objetivos de su mensaje y el segundo tendrá que saber interpretarlos graficamente. Se trata de armonizar la función con la forma. Sin estos requisitos no podríamos organizar nada. la definición de estos aspectos resuelven al menos el cincuenta por ciento del trabajo total pues una correcta definición de todos los detalles que gobernarán el desarrollo de todo el proceso creativo harán de éste una actividad entretenida. se definen las secciones especiales y las características que tendrán. Armonía: función y forma Es entendido que a estas alturas el diseñador tiene conocimiento de todos los detalles de la futura publicación: sus objetivos. columnas de opinión. contenido y diseño gráfico. en fin todo aquello que va a determinar la personalidad del proyecto.. que el mensaje sea comprendido y cumpla el objetivo principal que es el de comunicar.. Estructura periodística y estructura gráfica En la estructura periodística se definen las grandes secciones que tendrá la publicación. criterios compositivos. . En la edición periodística hay dos planos que el diseñador debe diferenciar con toda claridad: el plano periodístico y el plano gráfico. el grupo humano con el que va a trabajar. porque aparentemente se puede resolver «en el camino». así como la preparación del lugar de trabajo. infografías). aplicación de recursos gráficos como: líneas. texturas de fondo. colores. entrevistas. integral y sobre todo eficaz. contenido. es más. público al que va dirigido. es decir. los géneros (reportajes. Todo esto deberá ser convertido a una estructura gráfica que armonice con las intenciones del editor (definición de tipografías. En ambos casos aportarán lo que sus profesiones ofrezcan para lograr un resultado unitario. Definiciones El formato se refiere al tamaño final de la publicación. etc. cuatro u ocho páginas a la vez.). periódico folkote (calibre 10. El papel en resma es el generalizado en nuestro medio para imprimir revistas. los papeles se comercializan básicamente en los siguientes formatos: Tamaño 61x86. Del tamaño de una hoja de resma sepueden derivar 2. 72x 102 (en cm) Tipo bond. Este tema está relacionado con otro: el papel. viñetas. En el gráfico observamos el formato aproximado de algunas de las revistas más conocidas que circulan en el medio. Aunque en el mercado nacional se encuentran una gran cantidad de alternativas. El papel se comercializa en bobinas y en paquetes denominados resmas. de autores —redacción y fotografía—. aunque esto también está relacionado con el tamaño de la máquina impresora que podría imprimir dos. en nuestro medio recién está usándose para algunas revistas. en el extranjero también es utilizado para imprimir revistas de alto tiraje. 4. y es que dependiendo del tipo de soporte se puede establecer un formato. Esta relación convierte al producto final en una síntesis de la función y la forma de un mensaje impreso.8 páginas a la vez Los elementos. . En el primer caso es usado para impresos de alto tiraje como los periódicos.12 y 14) Peso desde 60 hasta 350 g Dependiendo del formato básico que se seleccione se derivará en un tamaño que responda a las necesidades del editor.recuadros. marcadores de leyendas. Normalmente la altura de la caja de diagramación debe coincidir con el interlineado asignado al cuerpo de texto. en ocasiones cuando se considera la colocación del hairline (línea de pelo) se le da un poco más de 5 mm que es la separación estándar. Las columnas no necesariamente serán del mismo ancho.5 cm Gente 28 cm Gisella 29 cm 21 x 20 x 20 x Sin embargo. etc. Los márgenes definen la caja de diagramación que es el lugar donde van a ir principalmente los textos. Los programas de diseño de los ordenadores incorporarán la capacidad para diagramar con columnas onduladas y otras alternativas que ya se ven en los programas de dibujo. y para esto recurrimos al aporte de la «proporción áurea». Las columnas podrán establecerse en número único (una. por ejemplo para algunas publicaciones en dos idiomas esto es ideal. dos. es importante saber que la determinación de un formato es un asunto serio.Caretas 27.) o combinar (de una y dos. esto depende de la estructura periodística. de dos. Los espacios entre columnas se pueden dimensionar de acuerdo a un tipo de diseño. tres. etc. cuatro. Formatos basados en el cuadrado . Las columnas definen la modulación vertical.). El formato también necesita tener una armonía. en el gráfico de la siguiente página*. de dos y cuatro. las imágenes podrán distribuirse en toda la página aprovechando el trazado de la rejilla de diagramación. no es solamente tomar una hoja de tamaño resma y dividirla en cuatro u ocho partes. se presentan algunas alternativas para la construcción de un formato armónico. de una y tres. tres y cuatro. cinco. Kandinski decía: «. cuatro. es el prototipo de la expresión lineal». Theo van Doesburg del movimiento De Stijl: «. la retícula... Albers..».. una plantilla.Cuadrícula. Para los maestros de la Bauhaus* el uso de la retícula era muy importante.... Estos trazados forman la modulación horizontal los mismos que se combinan con las columnas (modulación vertical) para definir los espacios que servirán para ubicar los elementos de la diagramación. rejilla Para lograr la elaboración de una rejilla. tres. es el origen fundamental del arte. de Stijl influyó en Moholy Nagy. Bayer y Schmidt. plantilla.. Para Paul Klee fue la base de su . seis. Es la síntesis del uso de columnas y filas creado para el ordenamiento básico de datos literales y numéricos. o una cuadrícula de diagramación es necesario trazar divisiones horizontales en la caja de diagramación. etc. Estas divisiones pueden ser de dos. La creación de los programas para diseño confirman estas ideas puesto que el programador se basa en ecuaciones matemáticas para producir ventanas. etc. hace más fácil crear un sistema para que la diagramación sea fluida. considera a la intuición como la base de las decisiones finales. no se puede concebir la libertad en el diseño si no se conocen los límites. . . conforme se dominen las retículas y elementos geométricos se estará en mejores condiciones para acercarse al naturalismo. formas. «una retícula es un lenguaje». Ilustraciones digitales. Elementos de la diagramación Las imágenes: . cuadros de diálogo. . Número de páginas.. Fotografías. . . Fotomontajes. Leyendas. cuadrícula o plantilla de diagramación es indispensable porque permite estandarizar los criterios de diseño. Según Gestener. .* «cuanto más exactos y completos son los criterios. Cintillos. Extractos . ritmo.. Sabemos que esa intuición no es sino la confirmación de un cabal conocimiento de teorías fundamentales: proporciones. El acto creativo se reduce a un acto de selección». afirma Lupton. nos lo recuerda Ellen Lupton. conforme vayamos interiorizando la necesidad de trabajar sobre un espacio virtualmente ordenado nos iremos desprendiendo de la rigidez real. Logotipos. Ilustraciones manuales. Autores de texto y fotografía. Infografías. efectivamente. Subtítulo. Saussure decía que el lenguaje también es una especie de retícula. . . coincidimos en reconocer que «. . lugar en el que se busca romper esos ejes x e y para expresar la libertad ansiada del diseño. cinética. conforme más se controle cada una de las cuatro direcciones de la retícula se podrá tener la libertad de ir hacia la extensión infinita del plano.. Ruder en su Manual de diseño tipográfico ensaya una serie de condiciones geométricas para el diseño. tonalidades. . . tanto más creativa es la obra. Encabezado de sección. Antetítulo. Los textos: . Títulos. La retícula es una forma estructural que permite organizar los elementos. . . Capitular. La definición de una rejilla. .». Diagramas/cuadros estadísticos. Cuerpo de texto. contrastes. La pugna no es reciente. así como para realizar de manera automática las operaciones que permiten construir objetos y componerlos en el espacio virtual de una pantalla de ordenador. .arte. . .. Gorro. . Viñetas. sin embargo. El Síndrome de los Balcanes se ha convertido en un escándalo diplomático internacional. • Ensayemos la diagramación de una página utilizando la rejilla. El redactor prepara los textos y el editor selecciona las imágenes que se colocarán. caja de Los programas de autoedición permiten colocar guías no imprimibles: guía de regla (hay que elaborarlas manualmente). Marcadores de leyendas. Tramas. Fondos texturados. Signos señaléticos. plantilla. es decir. Giuliano Amato.Los recursos gráficos: . Recuadros para texto. . se recolectan los ingredientes para el diseño. Líneas. . «La OTAN —dice Amato— debe asumir la responsabilidad de hacer las . Tanto que el primer ministro italiano. . • Componentes diagramación de la rejilla. Italia indignada con la OTAN «Síndrome de los Balcanes» es producto del uranio empobrecido. . cuadrícula base. exigió ayer a la OTAN para aclarar si el uso de uranio empobrecido en Bosnia y Kosovo ha provocado la muerte de soldados trasalpinos. . guía de margen (se crea automáticamente) y guía de columna (se crea automáticamente). confundida. de que el pacto defensivo arroje luz sobre el tema. El comunicado de la OTAN llega tras la petición del primer ministro italiano. y que su peligrosidad se limita a casos de contacto excepcionalmente altos.. tras la muerte de cáncer de al menos siete italianos y un español destacados en la región donde habrían estado expuestos a las radiaciones del metal mortal empleado como munición por tropas estadounidenses. escogemos tonos del azul en vista que la foto tiene tonos oscuros y trataremos de presentar una página que armonice con esto. • Aplicando los criterios: tipográficos y color Asignando tipografías. Hemos sabido siempre que se había usado en Kosovo. pero no en Bosnia. Pronunciamiento Por su parte. ahora comenzamos a tener miedo de que las cosas no fueran tan sencillas». un portavoz de la OTAN informó en Bruselas que ese organismo tratará el próximo 9 de enero el denominado «Síndrome de los Balcanes». .indagaciones necesarias que permitan reconstruir la historia del uranio empobrecido. Las autoridades de la OTAN están en la picota: ¿Qué sabía la Alianza Atlántica sobre los riesgos que corrían los soldados destacados en los balcanes? «Con la vida de los soldados no se juega». nerviosa y el gobierno mira irritado hacia Bruselas. Italia está conmocionada. Giuliano Amato. en este caso optamos por la tipografía garamond y sus variaciones de la siguiente manera Procedemos a ensayar un criterio de color. opinaba el diario romano Il Messaggero. pero.. Fotografía Leyenda: Soldados europeos son víctimas del uranio empobrecido. . en la diagramación de páginas de revistas. esto no es muy complicado pero sí lo es en el caso de periódicos debido al formato más amplio que tienen. De igual forma añadimos el número de página. componemos la página aplicando alguna técnica visual Jerarquizamos las fotografías y añadimos algunos recursos gráficos como líneas. Trataremos de construir un ritmo.• Ahora. tramas. Consideraremos también un capitular y un gorro. . las guías generadas por la rejilla desaparecen. algunas barras en la fotografía y en el texto (subtítulo). Éstos pueden ser: una textura de fondo. • La versión final En esta versión. así como algunas líneas.• Algunos detalles Constituyen recursos ornamentales con los que el diagramador puede jugar. • Zonificación y jerarquización en el diagramado de periódicos Una introduccción. los elementos van ubicándose solos. prácticamente. . permite controlarla totalmente en una pantalla de computadora. logrando precisar los detalles que requiere el diseño. pues. Seleccionar una zona. La cuadrícula resulta siendo un recurso de gran utilidad. Es necesario recordar que el manual de diseño es indispensable para lograr la unidad que diariamente presenta el periódico. *En LUPTON. 1994. la primera plana.La noticia principal lidera la jerarquía de la página. *En LUPTON.cit . op. CÓDICE/CECOSAMI.op.cit *Op. Lima. Edit. Francisco. en este caso. El modulor/8.cit *DIAZ LEÓN. ELEMENTOS DE DIAGRAMACIÓN • Analicemos cada uno de los procesos Sólo por cuestiones didácticas separamos los elementos. . en esta página nos ocupamos del manejo de la imagen para la diagramación. .• Analicemos aquí el manejo de los textos La tipografía también necesita un tratamiento de jerarquías para conseguir funcionalidad en este nivel. • Construcción del mensaje bimedia Nuevamente ejercitemos en base a los dos procesos antes analizados. este juego es lo que llamamos composición. Deberán ser integrados en un proceso simultáneo. retroalimentado. . de aproximaciones continuas y un ensayo progresivo con todas las alternativas posibles hasta lograr una optimización en el uso de todos los elementos en juego. La jerarquización básica (por tamaño) . orientación color.textos e imágenes se integran en un intercambio de relaciones jerarquizadas apelando a criterios de composición y aplicando atributos de opacidad. forma(contorno) a los elementos para afirmar jerarquías Un breve análisis de esta página Unidad del todo y las partes Cuando se trata de diagramación de temas que abarcan dos.El juego de lacomposición. tres o más páginas el criterio tiene que ser en base al conjunto y no diagramar aisladamente cada página. . un gráfico que acompañe al nombre. periodista o cliente. sin embargo. sino también por ese juego compositivo jerarquizado el cual valiéndose de elementos visuales conduce la mirada de manera ordenada. expresa que el lector se ha apoderado de un bloque de información y le ha dado un carácter unitario. puede ser una palabra que no se asocie al tema pero que tiene un significado personal. pueden expresarse mediante el concepto de la palabra-imagen. también puede ser una palabra con expresión libre. Ese hilo esta formado no sólo por la estructura periodística. asumimos que la lectura es integral.El acto de tomar un ejemplar y pasar las hojas. puede ser un nombre relacionado con el tema de la publicación. Es verdad que tanto los textos como las imágenes tienen su propio espacio de decodificación. El logotipo El nombre lo define el editor. se trata de facilitarle un hilo conductor para que su lectura sea fluida. según acuerden. recorrer con el ojo una secuencia de objetos. también pueden integrarse a él bajo el concepto de la letraimagen. Los logotipos para publicaciones pueden tener o no un símbolo. El logotipo puede ser un anagrama que es una palabra creada en base a una mezcla de sílabas tomadas de palabras que el editor quisiera identificar. Además. . Por esa razón es necesario tener en cuenta el recorrido lógico que se da en occidente: lectura de arriba hacia abajo y de izquierda a derecha. regresar a una página anterior y volver a recorrer con la libertad que el soporte le confiere. Basándose en esa decisión el diseñador ofrecerá una o varias propuestas. La portada En el diseño de una publicación. La cuadrícula adoptada debería ser también útil para resolver el diseño de la portada. color. en ellos también se establecen las variaciones que pueden tener el manejo del color. entonces incluyen en cada edición una idea nueva. Las normas de diseño se especifican en los manuales de diseño. . los recursos gráficos son también normados de manera que la presentación se mantenga en todas las ediciones. tipografía y criterio compositivo de la portada. Normalmente quienes diagraman publicaciones desdeñan esto porque se sienten «amarrados» a un esquema (o porque simplemente ignoran lo útil que es). todo detalle que se incorpore es parte importantísima de ese universo gráfico. Los profesionales del diseño saben que esto es indispensable para afirmar la personalidad de la publicación. Especificaciones básicas de una portada Finalmente planifique su diagramación Es necesario tener una visión total de lo que se va a hacer. composición. la portada. todo ello aplicado a los dos elementos del mensaje bimedia: texto (logotipo. título principal. títulos secundarios) e imagen (foto principal. también es visualmente organizada en base a la rejilla y al criterio general creado: tipografía. fotos secundarias o ilustraciones). Asimismo. op.Los criterios de diseño no son sólo para un página o sección. sino para toda la publicación.cit . El dominio del todo y la parte es una destreza que se adquiere con el constante ejercicio de la diagramación __________________ *DONDIS. razón por la cual el diseñador debe tener un visión panorámica de todo lo que concierne a este proyecto. Sistemas de signos en la Comunicación Visual. MUNARI. DONDIS. G. Modesto. 1988. Méjico. El ABC desnl la Bauhaus y la teoría del diseño. Fundamentos del diseño bi y tridimensional. ediciones de la Universidad de Navarra. Barcelona. Lima. Diccionario del periodismo. Fundamentos de la teoría de los colores. Méjico. ceac. LUPTON. Ed. Salvat. Donis A.. WONG. Alemania. G. Gili. EE.» Adrián Frutiger . Gili. Martín. Hachette. FARINA. Buenos Aires. G. Vasili. Barcelona. GARCÍA. Joan. Méjico. Fotodiseño. 1992. España. MARTÍNEZ DE SOUZA. Ed. Bruno. Barcelona. Comunicación Visual. 1974. 1977. Mariano. FONTCUBERTA. Sintaxis de la imagen. Paraninfo. Teoría de las proporciones. Küppers. José. Edit. 2001. G. 1981. BLANCHARD. MOLES Abraham. Gilli. Gili. Ellen & Abbott Miller. Guía del Usuario. DÍAZ LEÓN. 1975.tipográficamente perfecta. Diseño Industrial. Adobe Systems Incorporated. MARVI. HEIDELBERG. España. 1992. Gafismo Funcional. Méjico. El modulor/8.UU. 1981. Jesús. España. KANDINSKI. Universidad de Sao Paulo. Barcelona. Francisco. Otl. La letra. Wucius. Diseño arte y función. TOSTO. RUDER. E. Revista de la firma Heildeberg. CÓDICE/CECOSAMI. Emil. Caracteres y tipografía. CEAC. Historia de las Artes Gráficas. ceac.BIBLIOGRAFÍA AICHER. QUARANTE. España. Orígenes de la escritura. 2001. Paidós. 1988. Diseño I y II. SOLANAS Donoso. Psicodinámica das cores em publicidade. Danielle...KRAMPEN. Edit. Gili. Mario R. 1991. G. Manual de Diseño Tipográfico. GONZÁLEZ. Punto y línea sobre el plano. 1998. España. Harald. Edit. 1983. ceac. 1992. Madrid. Edit. Diseño y remodelación de periódicos. Ed. G. 1998. 1985. ediciones Didascalia. Gili. 1994. Gerard. 1988. Pablo. Méjico G: Gili. España. 1979 Page Maker. 1994.
Report "Cumpa Gonzalez Luis Alberto - Fundamentos De Diagramacion Revistas.pdf"