Fundamentos de Diagramación

LA TIPOGRAFÍA EN DIAGRAMACIÓN

2008-09-15T11:42:00.000-07:00

¿Cómo escoger un tipo?

En principio se debe tener claro cuál es el espíritu de la publicación; hemos visto que esto se obtiene de la información que se ha recogido previamente en indagaciones con clientes, usuarios, mercados, contexto editorial, etc. De la profundidad de la investigación dependen las posibilidades de tener mayores criterios para la selección de tipos.

Con esto definido se manejan los criterios referidos a la forma de la letra lo cual debe asociarse con el tema del diseño. Hemos indicado anteriormente que sería conveniente partir eligiendo una de las grandes familias (romanas-serif o grotescas-sans serif) y a partir de ahí seleccionar un grupo que por la forma se asocie al espíritu de nuestro proyecto gráfico.

En general los tipos serif son considerados más ilegibles, festivos, clásicos, dinámicos, delicados; mientras los tipos sans serif son más legibles, serios, conservadores, ortodoxos, toscos, estáticos.

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, color, textura, profundidad, etc. Por eso que es necesario proyectarse a sus posibles modificaciones de acuerdo al plan general de diseño que se está pensando desarrollar .

Al respecto, la firma alemana Linotype Library ha creado «... un sistema inteligente de navegación que facilita hacer una elección entre 4000 caracteres...»* denominado Font Explorer.

É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, con la posibilidad de seleccionar mediante sus perfiles semánticos, pudiendo usar datos estilísticos y asociaciones con conceptos como: cálido/frío, femenino/masculino, estático/dinámico, clásico/moderno, etc. Al seleccionar una de estas opciones, 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.

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.

Tipo y fuente

Tipo es la familia de letras, símbolos y números, por ejemplo: garamond, futura, helvética. Fuente es el tamaño y estilo específico de la letra seleccionada, por ejemplo: garamond bold de 20 pts., avant gard ligth de 32 pts.

Otras especificaciones

Cuando se determina una fuente para textos es necesario precisar el alineado de los textos: a la izquierda, a la derecha, al centro, justificado.

El interlineado es el espacio entre renglón y renglón.

___________________________________

* En BLANCHARD, Gerard. La letra. Barcelona, Edit. CEAC, 1988.

* En FONTCUBERTA, Joan. Fotodiseño. Barcelona, Edit. Ceac, 1988.

* EN MOLES,Abraham. Grafismo funcional.Barcelona, Edit. CEAC, 1998.

* En HEILDELBERG. Caracteres y tipografía. Revista de la firma Heilderberg, Alemania,1998

COLOR EN DIAGRAMACIÓN

2008-09-15T11:40:00.000-07:00

«Aquellos colores que tú quieres que
tengan belleza habrás de ponerlos después de
haber preparado un fondo blanquísimo; y digo
esto respecto a los colores transparentes...»
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, requerían de varios especialistas para hacer originales, fotomontaje, procesado de películas, insolado de matrices, etc.

Hoy, la tecnología ha puesto a disposición de los profesionales del diseño todas las facilidades para que estos procesos y, concretamente, la aplicación del color sea fácil, de manera que ahora las ediciones a color son muy fáciles de resolver sólo en la pantalla de un ordenador.

La utilidad de la investigación

Cuando enfrentamos el desarrollo de un proyecto gráfico nece-sitamos definir el color o los colores con los que vamos a trabajar.

Necesitamos conocer de antemano una serie de informaciones que vienen del cliente, 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, arqueología, matemáticas), si es deportiva (fútbol, autos, aventura, tabla, artes marciales), técnica (aeronáutica, mecánica, gráfica, construcción), social, política, comercial, artística, turismo, etc.

El público al que va dirigido, por edad: niños, jóvenes, adultos; ambito geográfico: rural, urbano; actividad laboral: obreros, gerentes, maestros, choferes, etc. En este aspecto hay una consideración de tipo sociológico: la cultura de determinados grupos sociales sugiere un criterio específico, aunque no definitivo; es el caso de la denominada “cultura chicha”.

Es necesario haber revisado las fotografías, dibujos, gráficos, etc., que se usarán en la publicación.
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; por ejemplo, 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.

Ésta es una parte de la información que viene del cliente, ahora vamos a ver otros aspectos que maneja el diseñador o diagramador.

La expresividad del color

Aunque Abraham Moles hace un enfoque del tema orientado al entendimiento de los elementos de la imagen en general, 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, directa, el mundo de lo real.

Color denotativo	Icónico Saturado Fantasioso	Representación o realismo
Color connotativo	Psicológico Simbólico Estético	Emotividad o carisma
Color esquemático	Emblemático Señalético Convencional	Funcionalidad y codificación

Se establecen tres niveles: icónico, saturado y fantasioso. El icónico es el que expresa una clara función identificadora («cada cosa tiene su color») de los objetos, de los escenarios, de la piel, el color de una naranja, un árbol. 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. El nivel saturado es el cromatismo exaltado de la realidad.

La utilización del color puro, brillante exagerado para provocar el «espectáculo visual» que permita la pregnancia del mensaje. 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, una sandía por fuera roja y en el interior de color verde, etc.

- El color connotativo corresponde a valores que no son percep-tibles fisiológicamente. Está en relación con el aspecto subjetivo de la percepción, emana sensaciones de calma, sosiego, calidez, tristeza, alegría, dinamismo, paz, etc.

Las sensaciones tienen que ver con elementos culturales del entorno. Existe una relación entre los colores y determinados hechos propios de la cultura de un grupo social, de manera que para los fines prácticos es indispensable tener una amplia infor-mación en este terreno para poder representar correctamente los mensajes visuales que se quieren transmitir.

Por ejemplo, en el Perú el color morado está relacionado con una actividad religiosa, mientras en los países socialistas el rojo está identificado con la revolución; para la Coca-Cola está asociado a la euforia, la exaltación y la vitalidad. En otros lugares el rojo simboliza el fuego, la sangre y el amor divino; es utilizado en las fiestas del Espítitu Santo.

El color adquiere el carácter de fenómeno cultural factible de ser identificado de acuerdo a un proceso de codificación.

- Finalmente, 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.

Sus variaciones son: el emblemático, referido a la identificación tradicional del color como es el caso de los escudos, banderas, emblemas, etc. El color señalético, 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, seguridad, comercio). El color convencional es el que busca una expresividad propia de carácter decorativo o funcionales, o simplemente persigue resultados formales estéticamente agradables de acuerdo con sus objetivos particulares.

¿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.

Cuando hablamos del plano denotativo (representacional o realista en el decir de Moles), es decir, la manera cómo queremos que se «vea» el color, 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).

Identificamos el cromatismo de los objetos al descomponerse la luz permitiendo distinguir los colores rojo, anaranjado, amarillo, verde, azul, violeta. Estos colores organizados en el círculo cromático pueden facilitar la identificación de relaciones entre ellos para aplicarlos en el diseño.

En realidad, é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.

Dentro de los sistemas creados que ayudan a organizar los mensajes visuales bajo los criterios del color, 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.

No existen normas establecidas sobre la forma cómo utilizar los colores. 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. Esta capacidad es adquirida en base al estudio, la experiencia en el ejercicio de su especialidad, hechos que le permiten acertar en la interpretación de las necesidades del usuario.

De esta manera de percibir los colores podemos organizar dos grandes grupos: contrastes y armonías: monocromáticas, de com-plementarios y análogos.

- 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. 1).

- armonía monocromática: está referida a la forma cómo un matiz puede ser suficiente para aplicar color a un diseño. Según la cantidad de luz que tienen los colores, éstos pueden definirse en un conjunto de tonos que van desde el más oscuro (negro) hasta el más claro (blanco). El rango definido entre la zona más oscura y el color normal es el denominado colores grises; el rango entre el color normal y la zona más clara es el denominado colores pastel, todo esto corresponde al brillo de los colores. La simple combinación de estos colores puede generar diseños cromáticamente armónicos (fig. 3).

- 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. 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. 2).

Otras alternativas

De estas armonías básicas se pueden derivar otras propuestas que el propio diseñador considere útil para su trabajo.

Por ejemplo (fig. 4) se puede plantear como un criterio asociando un color (azul) y una armonía acromática (negro 50% + negro30% + negro10%).

El criterio de cálido-frío (fig. 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. 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, por ejemplo una fotografía con matices cálidos es acompañada con titulares en color rojo, gráficos con combinaciones de naranja, amarillo y sus respectivas variaciones en la saturación.

Al momento de empezar a aplicar el color en el diseño es indispensable que el sistema a utilizar o crear sea claro, que permita ordenar los componentes del mensaje que se quiere construir. Normalmente decimos que la aplicación es intuitiva, 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, 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.

El significado del color. El plano connotativo

Cuando se habla del plano connotativo nos referimos a cómo es que queremos que se «mire» el color.
Cuando se habla de significado de colores la referencia es la forma cómo afectan los colores a las personas. La idea de amplitud o estrechez, de oxigenación o ahogo, 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, mar, campo, sol, hielo, fuego) que efectivamente las producen.

Corresponde a la pregnancia cultural del individuo o del grupo, puesto que la relación con el entorno lo lleva a codificar una realidad sensorial a todo nivel: tactil, auditivo, visual, olfatorio, gustativo que luego es comparado con el color asignado a un escenario, a un objeto, a una ilustración y reacciona emitiendo un juicio o simplemente decodificando los elementos en este caso cromáticos para darle sentido al mensaje.

Esto significa que es necesario conocer con amplitud la realidad del grupo para el cual se va a crear un mensaje; conocer sus patrones culturales tanto del pasado como del presente, por esta razón siempre es necesario investigar cada vez que se inicia un trabajo.

Las preferencias cromáticas se pueden determinar haciendo estudios en los segmentos de posible aplicación, esto permitiría tener mayor certeza en la elaboración de campañas publicitarias, por ejemplo.

Sensaciones acromáticas

Blanco

Asociación material - bautismo, casamiento, cisne, lirio, primera comunión, nieves, nubes en tiempo despejado.

Asociación afectiva - orden, simplicidad, limpieza, pensamiento, juventud, optimismo, piedad, paz, pureza, inocencia, dignidad, afirmación, modestia, deleite, despertar.

Negro

Asociación material - sombra, entierro, noche, condolencia, muerte.

Asociación afectiva - mal, miseria, pesimismo, sordidez, tristeza, frigidez, desgracia, dolor, temor, negación, melancolía, opresión, angustia. Es alegre combinado con ciertos colores.

Gris

Asociación material - polvo, neblina, máquinas, mar en tempestad.

Asociación afectiva - tedio, tristeza, decadencia, desánimo, seriedad, sabiduría, pasado, finura, pena.

Sensaciones cromáticas

Rojo

Asociación material - cereza, guerra, lucha, vida, sol, fuego, llama, sangre, combate, labios, mujer.

Asociación afectiva - dinamismo, fuerza, bajeza, energía, revuelta, movimiento, coraje, furor, esplendor, intensidad, pasión, vulgaridad, poder, vigor, gloria, calor, violencia, excitación, ira.

Naranja

Asociación material - fuego, luz, llama, calor, fiesta.

Asociación afectiva - fuerza, luminosidad, dureza, euforia, energía, alegría, advertencia, tentación.

Amarillo

Asociación material - flores grandes, luz, topacio, verano, chinos.

Asociación afectiva - iluminación, confort, alerta, gozo, orgullo, esperanza.

Verde

Asociación material - frescor, diáfano, primavera, bosque, aguas claras, mar, verano, planicie.

Asociación afectiva - adolescencia, bienestar, paz, ideal, abundancia, tranquilidad, equilibrio, serenidad, juventud, suavidad, naturaleza, salud.

Azul

Asociación material - frío, mar, cielo, hielo.

Asociación afectiva - espacio, viaje, verdad, sentido, intelectualidad, paz, advertencia, precaución, serenidad, infinito, meditación.

Rosa

Asociación material - noche, aurora, sueño, mar profundo.

Asociación afectiva - fantasía, misterio, profundidad, electricidad, dignidad, justicia, egoísmo, grandeza, misticismo, espiritualidad, delicadeza, calma.

Marrón

Asociación material - tierra, aguas estancadas, dolencia.

Asociación afectiva - pesar, melancolía.

Verde

Asociación afectiva - estima, valor, dignidad.

En la tabla podemos apreciar el significado de los colores en los planos tanto material (denotativo) como sicológico (connotativo). Esta información es producto de una investigación realizada en un medio como el brasileño; sin embargo, veremos que muchas de las asociaciones coinciden con nuestra cultura de percepción cromática, posiblemente por la relación entre los países latinoamericanos.

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.
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, aplicado también en el campo de la mercadotecnia.

Rojo

Correspondería al período de 1 a 10 años edad de la efervescencia y la espontaneidad.

Naranja

Correspondería al período de 10 a 20 años, edad de la imaginación, excitación, aventura.

Amarillo

Correspondería al período de 20 a 30 años, edad de la fuerza, potencia, arrogancia.

Verde

Correspondería al período de 30 a 40 años, edad de la disminución del fuego juvenil.

Azul

Correspondería al período de 40 a 50 años, edad del pensamiento y la inteligencia.

Lila

Correspondería al período de 50 a 60 años, edad del juicio, misticismo y la ley.

Rosa

Correspondería al período de 60 a más, edad del saber, la experiencia y la bondad.

Funcionalidad del color

En lo que se refiere al carácter funcional del color, éste es empleado en la elaboración de normas cromáticas para prevención, seguridad en la industria, en actividades de servicios (hospitales, aeropuertos, oficinas), tránsito, etc. Este vasto segmento de la expresividad cromática es la denominada señalética.

Todo esto es lo que Moles llama el color esquemático, aquel que necesita ser codificado para ser identificado. Aquí se considera el color aplicado a las banderas (emblemático) y los colores institucionalizados de los uniformes, así como en el uso religioso del color adquiriendo un carácter simbólico que otorga una identidad a quien lo utiliza.

La cuatricromía

Para el iniciado es recomendable que confeccione el círculo cromático, sea en proceso convencional o digital y tenerlo siempre a la mano es una referencia útil. Los profesionales usan la carta de colores (Pantone) para identificar variedad de colores y hacer especificaciones técnicas de las mezclas.

Estas cartas de colores traen impresas miles de variaciones de colores; asimismo, existe también un Pantone con los denominados colores apastelados y otros que especifican la mezcla de tintas para obtener un color especial; este último es utilizado por los prensistas offset.

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; además especifica los porcentajes de cian (C), magenta (M), amarillo(A) y negro (N) que se utilizan para obtener ese color.

En el idioma inglés la cuatricromía es reconocida con las siglas CMYK en castellano como CMAN.

La hexacromía

Las nuevas tecnologías en prensa ya utilizan, desde hace algún tiempo, un sistema de color denominado hexacromía, también conocido como sistema HiFi, que consiste en la utilización de cuatro colores (CMAN) a los que se añaden dos (verde y naranja), todos distribuidos en porcentajes de manera que el color final de una imagen es extraordinariamente más colorido.

En realidad, esto ocurre porque además de ser colores adicionales éstos son del tipo fosforescente, lo que hace que la imagen alcance un alto grado de expresividad visual por ser de máxima saturación. El sistema considera tintas especiales, software de diseño y un catálogo de color Pantone Hexachrome*.

Tal vez lo más importante de esta tecnología es el hecho de que simula los colores RGB, que son colores de luz (pantallas de computadoras, televisor, diapositivas, etc.), logrando la brillantez que los grafistas siempre han aspirado a representar. De allí el invento de los colores fosforescentes y otras técnicas, como el barnizado ultravioleta, que han buscado simular superficies con apariencias reales de los materiales representados.

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, es el caso de colores análogos

Existen tintas especiales que se aplican en la edición de publicaciones y que simulan metales conocidos como el oro, la plata, el cobre. 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.

En ocasiones el grafista pretende expresar visualmente una representación de la realidad lo más cercana posible y, como sabemos, la realidad es tridimensional. É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, como es el caso de colores que producen vibraciones visuales y, en otros, apelando a la forma como lo hacía Víctor Vasarely en sus obras pictóricas.

LA COMPOSICIÓN EN LA DIAGRAMACIÓN

2008-09-15T11:39:00.000-07:00

«Las estrategias visuales del diseño
no son absolutos universales; generan
explotan y reflejan convenciones culturales»
Jacques Derrida*

¿Forma o función?, la tarea de escribir correctamente se acompañaba de una composición tipográfica lo suficientemente ordenada para permitir una lectura fluida. Probablemente las técnicas de composición no permitían mayores indagaciones formales. 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.

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. El uso desmedido de tramas, texturas, líneas, variedad de tipos, etc., recargaban las páginas convirtiéndolas en prácticamente ilegibles. 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.

Los diseñadores saben que las bases del diseño se dan fuera de las plataformas informáticas, que el ordenador como el estilógrafo, el lápiz, las escuadras son instrumentos para hacer realidad las ideas. Por lo tanto los criterios de composición tendrán que entenderse en este marco.

«... El proceso de composición es el paso más importante en la resolución del problema visual...»*, así podemos entender el valor que tiene esta parte de nuestra exploración.

Verticalidad y horizontalidad

Tratemos de entender el comportamiento de los objetos: «... 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...»**.
Para Vasily Kandinski la línea expresaba el movimiento: «...es la traza que deja el punto al moverse y es por lo tanto su producto. Surge del movimiento al destruirse el reposo total del punto...».

El hombre desde que nace busca identificar e identificarse con su entorno, lo modifica si es necesario para lograr el confort.

Esa adaptación permanente se relaciona con esa necesidad natural de buscar el equilibrio individual y social, físico y sicológico. 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, se expresa también en los deseos de querer que todo lo que le rodea también debe estar en equilibrio.

Esquema presentado por Emil Ruder en su Manual de diseño tipográfico,y que resulta de mucha utilidad para comprender el concepto de tensión.

Asimismo, 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. Estas dos maneras de vincularse con el entorno, verticalidad y horizontalidad, son los ejes del equilibrio que, para el caso que queremos abordar, lo consideraremos como el equilibrio visual.

Dice Kandinski de la verticalidad: «... es la forma más limpia de la infinita y cálida posibilidad de movimiento...»; y de la horizontalidad agrega: «... fría, susceptible de ser continuada en distintas direcciones sobre el plano...», y completa: «... es la forma más limpia de la infinita y fría posibilidad de movimiento...».

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 interesante cómo Kandinski examina los objetos: vertical-altura-cálido-blanco, horizontal-profundidad-frío-negro, y con-cluye que el negro y el blanco, colores acromáticos, son silenciosos y por lo tanto las líneas horizontal y vertical son tambien silenciosas. No en vano decimos que las líneas oblicuas producen ruido en el escenario, reconociendo entonces su carácter irreverente, revolucionario, audaz; elemento de gran impacto visual que por naturaleza es el recurso de la publicidad, a diferencia de la verticalidad-horizontalidad en la que «... el hombre moderno busca paz interior... y una contrastada tendencia hacia la horizontal-vertical...»*.

El equilibrio significa la eliminación de la perturbación en las expresiones visuales. Significa ordenar los elementos de manera que se produzca una percepción sin conflictos. Sabemos que los griegos hicieron artificios en sus construcciones del Partenón. 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. Cuando observamos un objeto que no está en equilibrio tendemos a acomodarlo. En la escultura el principio del equilibrio es la base de la obra, tanto por razones estéticas como por la naturaleza misma del objeto: el componente material, su carácter tridimensional y la necesidad de ser apreciada desde cualquier ángulo. El atractivo de la Torre de Pisa radica, precisamente, en su capacidad para perturbar el orden de ese escenario provocando dramatismo, añadido a eso el hecho de no haber sido concebido para estar en esa posició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.

La tensión

La tensión es la fuerza concentrada en el elemento. El punto tiene tensión, pero no dirección, la línea combina tensión y dirección. 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.
La relación entre estos elementos básicos como el punto y la línea nos puede ayudar a entender este concepto.

Tensión y equilibrio

La necesidad de equilibrar los elementos no siempre es lo que se busca en el diseño, por lo tanto, algunas veces intencionalmente provocamos la carga de tensiones en algunos lugares de la composición. Cuando somos conscientes de nuestra capacidad para determinar zonas de mayor tensión y sabemos que esto desequilibra los componentes del mensaje visual, podemos decir que estamos en condiciones de hacer composiciones más complejas.

Los elementos tienen comportamientos distintos : tensiones de sí mismos,tensiones en relaciones con los límites,tensiones en relación con otros elementos.
Las líneas transmiten tensiones en toda su longitud y en sus extremos de manera independiente.
Nuevas tensiones se producen simultáneamente unnos con otros.
Las secuencias más claras,las que tiene una relación y continuidad cercana son las que definen la tenssión total.

Paulatinamente vamos añadiendo nuevos criterios para lograr niveles más avanzados en la composición.

La jerarquización

Este criterio es fundamental para la organización de los elementos visuales. 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.

Siempre habrá un elemento líder al que hay que destacar en sus diferentes atributos: tamaño, color, posición, orientación, opacidad, y detrás de él en un orden jerárquico los demás.

Como sabemos el mensaje impreso tiene dos componentes: el texto y la imagen. Este mensaje bimedia es unitario, sin embargo los textos tienen un tratamiento propio, así como la imagen, y aunque se expresan en dos niveles, estos se organizan y se manifiestan unitariamente.

El tratamiento de los atributos para cada elemento requiere de mucho cuidado para lograr una buena jerarquización, 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.

La destreza compositiva se basa en el dominio del criterio de jerarquización y en el establecimiento de un ritmo para cada uno y, a la vez, todos los elementos que conforman ese mensaje visual, como consecuencia, el todo tendrá también su propia jerarquía. Es decir, expresar en diversos grados de importancia los elementos y preponderantemente aquel que interesa destacar y se convierte en el eje de la composición.

El ritmo

La tensión prodmecanismos que nos ayudan a ordenar estas múltiples tensiones? Se trata de delinear un ritmo a los objetos.

Los conceptos de repetición, alternancia, simetría, compresión, expansión, reflejo, rotación, traslación son vitales para trabajar el ritmo.

Al ritmo mayormente se le ha asociado con la composición musical; en el cine también existe una expresión clara de lo que es el ritmo. En realidad, se trata de la estructuración de los componentes de cada mensaje que se presenta en la película y, a la vez, de sus sucesivos subcomponentes donde cada una de las partes contribuye para lograr la unidad del todo; el guion y su propia estructura, la música compuesta y colocada de acuerdo a ese guion. Asimismo, la fotografía trabajada con el color y la iluminación correctamente seleccionada, 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.

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, posición, valor, textura, color, las imágenes igualmente con sus variaciones, los signos sus valores y sus funciones y el conjunto organizado integralmente para dar lugar a un mensaje visual efectivo, funcional.ucida por un elemento genera un efecto visual singular, cuando la tensión es producida por varios elemen- tos el efecto visual tiene múltiples respuestas. ¿Cuáles son los mecanismos que nos ayudan a ordenar estas múltiples tensiones? Se trata de delinear un ritmo a los objetos.

Los conceptos de repetición, alternancia, simetría, compresión, expansión, reflejo, rotación, traslación son vitales para trabajar el ritmo.

Al ritmo mayormente se le ha asociado con la composición musical; en el cine también existe una expresión clara de lo que es el ritmo. En realidad, se trata de la estructuración de los componentes de cada mensaje que se presenta en la película y, a la vez, de sus sucesivos subcomponentes donde cada una de las partes contribuye para lograr la unidad del todo; el guion y su propia estructura, la música compuesta y colocada de acuerdo a ese guion. Asimismo, la fotografía trabajada con el color y la iluminación correctamente seleccionada, 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.

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, posición, valor, textura, color, las imágenes igualmente con sus variaciones, los signos sus valores y sus funciones y el conjunto organizado integralmente para dar lugar a un mensaje visual efectivo, funcional.

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.

Dondis* presenta en su estudio una serie de técnicas visuales que resumen, de algún modo, las más importantes formas de organización de los elementos de la comunicación visual.
Armonía y contraste, dos conceptos opuestos a los que recurre Dondis para «... 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, Ellen & Abbott Miller. El ABC de la Bauhaus y la teoría del diseño.Mèjico,Ed.G.Gili,1994.

*Idem.

** RUDER, Emil.Manual de diseño tipográfico. Barcelona, Ed.G.Gili,1983.

*KANDINSKI,Vasili.Punto y línea sobre el plano. España, Paidós, 1998.

ELEMENTOS DE DIAGRAMACIÓN

2008-09-15T11:36:00.000-07:00

«... 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, así como la preparación del lugar de trabajo. Sin estos requisitos no podríamos organizar nada, es más, 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, atractiva y fácil de manejar.

Cuando no se le da importancia a esta etapa, porque aparentemente se puede resolver «en el camino», 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.

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, público al que va dirigido, contenido, dinámica periodística, el grupo humano con el que va a trabajar, en fin todo aquello que va a determinar la personalidad del proyecto.

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. 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.

Se trata de armonizar la función con la forma, contenido y diseño gráfico. 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. En ambos casos aportarán lo que sus profesiones ofrezcan para lograr un resultado unitario, integral y sobre todo eficaz; es decir, 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; se definen las secciones especiales y las características que tendrán, además, se precisa el orden y los pesos que tendrán cada una de ellas. Ya en la sección propiamente dicha el editor definirá sus componentes, los géneros (reportajes, entrevistas, columnas de opinión, infografías). Todo esto deberá ser convertido a una estructura gráfica que armonice con las intenciones del editor (definición de tipografías, colores, criterios compositivos, tratamiento de las imágenes, aplicación de recursos gráficos como: líneas, tramas, texturas de fondo, recuadros, marcadores de leyendas, de autores —redacción y fotografía—, viñetas, etc.). Esta relación convierte al producto final en una síntesis de la función y la forma de un mensaje impreso.

Del tamaño de una hoja de resma sepueden derivar 2, 4,8 páginas a la vez

Los elementos. Definiciones

El formato se refiere al tamaño final de la publicación. Este tema está relacionado con otro: el papel, y es que dependiendo del tipo de soporte se puede establecer un formato.

El papel se comercializa en bobinas y en paquetes denominados resmas. En el primer caso es usado para impresos de alto tiraje como los periódicos; en el extranjero también es utilizado para imprimir revistas de alto tiraje, en nuestro medio recién está usándose para algunas revistas. El papel en resma es el generalizado en nuestro medio para imprimir revistas.

Aunque en el mercado nacional se encuentran una gran cantidad de alternativas, los papeles se comercializan básicamente en los siguientes formatos:

Tamaño 61x86, 72x 102 (en cm)

Tipo bond, periódico folkote (calibre 10,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, aunque esto también está relacionado con el tamaño de la máquina impresora que podría imprimir dos, cuatro u ocho páginas a la vez.

En el gráfico observamos el formato aproximado de algunas de las revistas más conocidas que circulan en el medio.

Caretas 21 x 27,5 cm

Gente 20 x 28 cm

Gisella 20 x 29 cm

Sin embargo, es importante saber que la determinación de un formato es un asunto serio, no es solamente tomar una hoja de tamaño resma y dividirla en cuatro u ocho partes.

El formato también necesita tener una armonía, y para esto recurrimos al aporte de la «proporción áurea», en el gráfico de la siguiente página*, se presentan algunas alternativas para la construcción de un formato armónico.

Los márgenes definen la caja de diagramación que es el lugar donde van a ir principalmente los textos; las imágenes podrán distribuirse en toda la página aprovechando el trazado de la rejilla de diagramación. Normalmente la altura de la caja de diagramación debe coincidir con el interlineado asignado al cuerpo de texto.

Las columnas podrán establecerse en número único (una, dos, tres, cuatro, etc.) o combinar (de una y dos, de una y tres, de dos y cuatro; de dos, tres y cuatro, etc.), esto depende de la estructura periodística. Las columnas definen la modulación vertical.

Las columnas no necesariamente serán del mismo ancho, por ejemplo para algunas publicaciones en dos idiomas esto es ideal. 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.

Los espacios entre columnas se pueden dimensionar de acuerdo a un tipo de diseño; 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.

Formatos basados en el cuadrado

Cuadrícula, plantilla, rejilla

Para lograr la elaboración de una rejilla, una plantilla, o una cuadrícula de diagramación es necesario trazar divisiones horizontales en la caja de diagramación. Estas divisiones pueden ser de dos, tres, cuatro, cinco, seis, etc. 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. Es la síntesis del uso de columnas y filas creado para el ordenamiento básico de datos literales y numéricos.

Para los maestros de la Bauhaus* el uso de la retícula era muy importante, Kandinski decía: «... es el prototipo de la expresión lineal», Theo van Doesburg del movimiento De Stijl: «... la retícula... es el origen fundamental del arte...», de Stijl influyó en Moholy Nagy, Albers, Bayer y Schmidt. Para Paul Klee fue la base de su arte, coincidimos en reconocer que «... conforme se dominen las retículas y elementos geométricos se estará en mejores condiciones para acercarse al naturalismo, 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...». Saussure decía que el lenguaje también es una especie de retícula; «una retícula es un lenguaje», afirma Lupton.

La definición de una rejilla, cuadrícula o plantilla de diagramación es indispensable porque permite estandarizar los criterios de diseño; hace más fácil crear un sistema para que la diagramación sea fluida.

La retícula es una forma estructural que permite organizar los elementos, conforme vayamos interiorizando la necesidad de trabajar sobre un espacio virtualmente ordenado nos iremos desprendiendo de la rigidez real, no se puede concebir la libertad en el diseño si no se conocen los límites. La pugna no es reciente, nos lo recuerda Ellen Lupton; efectivamente, Ruder en su Manual de diseño tipográfico ensaya una serie de condiciones geométricas para el diseño, sin embargo, considera a la intuición como la base de las decisiones finales. Sabemos que esa intuición no es sino la confirmación de un cabal conocimiento de teorías fundamentales: proporciones, formas, contrastes, tonalidades, ritmo, cinética, etc.

Según Gestener,* «cuanto más exactos y completos son los criterios, tanto más creativa es la obra. El acto creativo se reduce a un acto de selección».

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, cuadros de diálogo, 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, lugar en el que se busca romper esos ejes x e y para expresar la libertad ansiada del diseño.

Elementos de la diagramación

Las imágenes:
. Ilustraciones manuales.
. Ilustraciones digitales.
. Fotografías.
. Fotomontajes.
. Infografías.
. Diagramas/cuadros estadísticos.
. Viñetas.
. Logotipos.

Los textos:
. Títulos.
. Antetítulo.
. Subtítulo.
. Gorro.
. Capitular.
. Leyendas.
. Extractos
. Cuerpo de texto.
. Autores de texto y fotografía.
. Número de páginas.
. Encabezado de sección.
. Cintillos.

Los recursos gráficos:
. Líneas.
. Tramas.
. Signos señaléticos.
. Marcadores de leyendas.
. Fondos texturados.
. Recuadros para texto.

• Componentes de la rejilla, plantilla, cuadrícula base, caja de diagramación

Los programas de autoedición permiten colocar guías no imprimibles: guía de regla (hay que elaborarlas manualmente), guía de margen (se crea automáticamente) y guía de columna (se crea automáticamente).

• 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, es decir, se recolectan los ingredientes para el diseño.

Italia indignada con la OTAN

«Síndrome de los Balcanes» es producto del uranio empobrecido.
El Síndrome de los Balcanes se ha convertido en un escándalo diplomático internacional. Tanto que el primer ministro italiano, Giuliano Amato, exigió ayer a la OTAN para aclarar si el uso de uranio empobrecido en Bosnia y Kosovo ha provocado la muerte de soldados trasalpinos.
«La OTAN —dice Amato— debe asumir la responsabilidad de hacer las indagaciones necesarias que permitan reconstruir la historia del uranio empobrecido. Hemos sabido siempre que se había usado en Kosovo, pero no en Bosnia, y que su peligrosidad se limita a casos de contacto excepcionalmente altos; pero, ahora comenzamos a tener miedo de que las cosas no fueran tan sencillas».
Italia está conmocionada, confundida, nerviosa y el gobierno mira irritado hacia Bruselas... 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», opinaba el diario romano Il Messaggero.

Pronunciamiento
Por su parte, 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», 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.
El comunicado de la OTAN llega tras la petición del primer ministro italiano, Giuliano Amato, de que el pacto defensivo arroje luz sobre el tema.
Fotografía
Leyenda: Soldados europeos son víctimas del uranio empobrecido.

• Aplicando los criterios: tipográficos y color
Asignando tipografías, en este caso optamos por la tipografía garamond y sus variaciones de la siguiente manera

Procedemos a ensayar un criterio de color, escogemos tonos del azul en vista que la foto tiene tonos oscuros y trataremos de presentar una página que armonice con esto.

• Ahora, componemos la página aplicando alguna técnica visual
Jerarquizamos las fotografías y añadimos algunos recursos gráficos como líneas, tramas. Consideraremos también un capitular y un gorro. De igual forma añadimos el número de página. Trataremos de construir un ritmo, 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.

• Algunos detalles
Constituyen recursos ornamentales con los que el diagramador puede jugar. Éstos pueden ser: una textura de fondo, algunas barras en la fotografía y en el texto (subtítulo), así como algunas líneas.

• La versión final
En esta versión, las guías generadas por la rejilla desaparecen.

• Zonificación y jerarquización en el diagramado de periódicos
Una introduccción.

Seleccionar una zona, permite controlarla totalmente en una pantalla de computadora, logrando precisar los detalles que requiere el diseño. La cuadrícula resulta siendo un recurso de gran utilidad, pues, prácticamente, los elementos van ubicándose solos. Es necesario recordar que el manual de diseño es indispensable para lograr la unidad que diariamente presenta el periódico.

La noticia principal lidera la jerarquía de la página, en este caso, la primera plana.

*En LUPTON,op,cit
*DIAZ LEÓN, Francisco. El modulor/8. Lima, Edit. CÓDICE/CECOSAMI, 1994.
*En LUPTON, op.cit
*Op.cit

DISEÑO GRÁFICO Y DIAGRAMACIÓN

2008-09-15T11:32:00.000-07:00

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. Esos elementos gráficos son el texto y la imagen. Estos dos elementos convierten al mensaje impreso en un mensaje bimedia, en el decir de Moles éste sería, por lo tanto, un mensaje multimedia.

El diseño gráfico se concibe para ser plasmado sobre soportes bidimensionales: papel, cartón, pástico, etc.; sin embargo estos soportes pueden ser convertidos a objetos tridimensionales: envases, dispensadores, merchandising, etc. Esto significa que el diseñador también tiene una concepción tridimensional con respecto al uso del diseño. Habría que concordar con Moles cuando afirma que un libro, un folleto, una revista o un periódico, desde el momento que es manipulado para ser observado adquiere un carácter tridimensional, el desglose, el paso de una página a otra implican factores ergonómicos previos en su concepción.

Diagramación

Diagramar es distribuir, 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).

La diferencia

Los conceptos diseño y diagramación involucran el problema de la composición. En realidad, la diferencia entre uno y otro es el papel que cumple cada uno en la edición periódica de la publicación. Mientras que el diseñador establece las pautas de la diagramación: formato, cajas de diagramación, tipografías, tamaño, estilo, formateo de párrafos, sangrías; propone color corporativo para textos, tratamiento de la imagen (sangrados, recuadros o aplicaciones especiales), criterios compositivos, en fin, todos los detalles que componen una publicación; el diagramador los aplica en cada una de las ediciones posteriores.

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. Es posible que el mismo diseñador también pueda encargarse de la diagramación, pero las responsabilidades son distintas. Un buen diagramador es el que respeta esas normas, precisamente su creativividad radica en la capacidad para ofrecer múltiples posibilidades de presentación bajo una norma establecida.

Bienvenida a todos

2008-09-08T15:37:00.000-07:00

En este blog vamos a hacer una serie de acercamientos a los fundamentos de diagramación del diseño, tomaremos varias vertientes para poder abordar el problema del diseño desde este aspecto.