diseÑo grÁfico y diagramaciÓn

Upload: willian-aguilera

Post on 02-Mar-2016

43 views

Category:

Documents


0 download

TRANSCRIPT

DISEO GRFICO Y DIAGRAMACIN

DISEO GRFICO Y DIAGRAMACIN

Podemos considerar al diseo grfico como la: organizacin armoniosa de elementos grficos con el objetivo de cumplir

una funcin de comunicacin visual. Esos elementos grficos son el texto y la imagen. Estos dos elementos convierten al

mensaje impreso en un mensaje bimedia, en el decir de Moles ste sera, por lo tanto, un mensaje multimedia.

Por otro lado...Diagramar es distribuir, organizar los elementos del mensaje bimedia (texto e imagen) en el espacio

bidimensional (el papel) mediante criterios de jerarquizacin (importancia) buscando funcionalidad del mensaje (fcil

lectura) bajo una apariencia esttica agradable (aplicacin adecuada de tipografas y colores).

La diferencia entre ambos conceptos. Los conceptos diseo y diagramacin involucran el problema de la composicin.

En realidad, la diferencia entre uno y otro es el papel que cumple cada uno en la edicin peridica de la publicacin.

Mientras que el diseador establece las pautas de la diagramacin: formato, cajas de diagramacin, tipografas, tamao,

estilo, formateo de prrafos, sangras; propone color corporativo para textos, tratamiento de la imagen (sangrados,

recuadros o aplicaciones especiales), criterios compositivos, en fin, todos los detalles que componen una publicacin; el

diagramador los aplica en cada una de las ediciones posteriores. Como vemos el diagramador resuelve la organizacin de

las pginas de acuerdo con las normas ya establecidas por el diseador en el manual de diseo. Es posible que el mismo

diseador tambin pueda encargarse de la diagramacin, pero las responsabilidades son distintas.

LAS CLAVES DE LA DIAGRAMACIN

Tomemos la diagramacin de una revista como ejemplo para conocer los mecanismos de la diagramacin de boletines,

memorias, folletos, peridicos, etc., ya que los fundamentos del diseo son comunes para todos ellos. Cuando hablamos de

los fundamentos de la diagramacin nos referimos en esencia a los fundamentos del diseo grfico:la tipografa, el color y

la composicin.

Cuando queremos organizar una pgina necesitamos saber: Qu es lo que vamos a organizar y,

Cmo lo vamos a organizar. Lo que vamos a organizar son los textos y las imgenes (T+I) los cuales son los componentes

bsicos de los mensajes impresos, la forma cmo lo vamos a hacer es manejando los criterios de tipografa, color y

composicin.LA TIPOGRAFIA EN DIAGRAMACIN

Cuando se proyecta una revista es necesario seleccionar los tipos que se van a usar. Esta seleccin es slo para esta

publicacin por lo que se tiene que hacer con mucho cuidado, de acuerdo al tipo de publicacin, el segmento al que va

dirigido, sus caractersticas culturales, etc. Esto quiere decir que el diseador debe proponer una tipografa que responda a

los requerimientos especficos de la publicacin que est proyectando.

Podemos hacer una clasificacin general de las tipografas en base al criterio de tipos claramente diferenciados: las serif y

las sans serif. Conocer esta clasificacin general es el primer gran paso para la seleccin 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 publicacin o al mensaje publicitario.

Existe un tercer grupo de tipos: se trata de los ornamentales, los mismos que han sido creados bajo criterios totalmente

libres. Antiguamente se creaban para usarlos como capitulares o para componer slo titulares. Cmo escoger una tipografa? En principio se debe tener claro cul es el espritu de la publicacin; esto se obtiene de

la informacin que se ha recogido previamente en indagaciones con clientes, usuarios, mercados, contexto editorial, etc.

Con esto definido se manejan los criterios referidos a la forma de la letra lo cual debe asociarse con el tema del diseo.

Hemos indicado anteriormente que sera 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 espritu de nuestro proyecto

grfico. En general los tipos serif son considerados ms ilegibles, festivos, clsicos, dinmicos, delicados; mientras los tipos

sans serif son ms legibles, serios, conservadores, ortodoxos, toscos, estticos.

Tipografa y fuente. Tipo es la familia de letras, smbolos y nmeros, por ejemplo: garamond, futura, helvtica. Fuente

es el tamao y estilo especfico 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 rengln y rengln.EL COLOR EN DIAGRAMACIN

Para elegir el color en diagramacin debemos tener en cuenta ante todo el mximo de informacin (brief) que entrega el

cliente para poder tomar de all los conceptos importantes que el mismo desea transmitir a travs del impreso; a partir de

all comenzamos un anlisis cromtico extrado de la combinacin del color. Este se debe tener en cuenta como elemento

expresivo que puede ser utilizado por grafstas, ilustradores, fotgrafos...Existen tres diferentes aplicaciones del color en el

mbito grfico: El color denotativo, el color connotativo y el color esquemtico.

El color psicolgico: Son las diferentes impresiones que emanan del ambiente creado por el color, que pueden ser de

calma, de recogimiento, de plenitud, de alegra, opresin, violencia...

El color rojo: Simboliza sangre, fuego, calor, revolucin, alegra, accin, pasin, fuerza, disputa, desconfianza, destruccin

e impulso, as mismo crueldad y rabia.

Mezclado con blanco es frivolidad, inocencia, y alegra juvenil, y en su mezcla con el negro estimula la imaginacin y

sugiere dolor, dominio y tirana. Expresa sensualidad, virilidad y energa

El color naranja: Es un poco mas clido que el amarillo y acta como estimulante de los tmidos, tristes o linfticos.

Simboliza entusiasmo y exaltacin y cuando es muy encendido o rojizo, ardor y pasin.

El color azul: simboliza la sabidura, amistad, fidelidad, serenidad, sosiego, verdad eterna e inmortalidad. Tambin

significa descanso. Mezclado con blanco es pureza, fe, y cielo, y mezclado con negro, desesperacin, fanatismo e

intolerancia.

El color violeta. El violeta, es el color de la templanza, la lucidez y la reflexin. Transmite profundidad y experiencia.

Color verde.Es un color de extremo equilibrio, Significa realidad, esperanza, razn, lgica y juventud.Mezclado con blanco

expresa debilidad o pobreza. Sugiere humedad, frescura y vegetacin, simboliza la naturaleza y el crecimiento.

El color marrn. Es un color masculino, severo, confortable. Es evocador del ambiente otoal y da la impresin de

gravedad y equilibrio.

El color rojo: Expresa sensualidad, virilidad y energa, considerado smbolo de una pasin ardiente y desbordada. Color de

Prevencin y parada.

El color amarillo:Este primario significa envidia, ira, cobarda, y los bajos impulsos, y con el rojo y el naranja constituye

los colores de la emocin. Es el color de la luz, el sol, la accin , el poder y simboliza arrogancia, oro, fuerza, voluntad y

estimulo.LA COMPOSICIN EN LA DIAGRAMACIN

Forma o funcin?, la tarea de escribir correctamente se acompaaba de una composicin tipogrfica lo suficientemente ordenada para permitir una lectura fluida. Probablemente las tcnicas de composicin no permitan mayores indagaciones formales. Con el advenimiento de la informtica y las posibilidades que ofrecieron los programas para el diseo grfico se present la oportunidad para armonizar sin mayores dificultades la funcin y la forma.

La capacidad de manejo tipogrfico y de color por parte de los programas llevaron a los primeros operadores de computadora a una exagerada utilizacin de esos recursos formales desvirtuando precisamente aquello que se buscaba: disear para facilitar la lectura del mensaje. El uso desmedido de tramas, texturas, lneas, variedad de tipos, etc., recargaban las pginas convirtindolas en prcticamente ilegibles. La aparicin de centros de capacitacin en el campo del diseo est contribuyendo a reorientar el uso de los programas grficos.

Los diseadores saben que las bases del diseo se dan fuera de las plataformas informticas, que el ordenador como el estilgrafo, el lpiz, las escuadras son instrumentos para hacer realidad las ideas. Por lo tanto los criterios de composicin tendrn que entenderse en este marco.

... El proceso de composicin es el paso ms importante en la resolucin del problema visual...*,as podemos entender el valor que tiene esta parte de nuestra exploracin.

Verticalidad y horizontalidad

Tratemos de entender el comportamiento de los objetos: ... el punto se mueve y surge la lnea. La lnea se mueve y produce una superficie plana y la unin de superficies planas crea un cuerpo...**.Para Vasily Kandinski la lnea 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 adaptacin permanente se relaciona con esa necesidad natural de buscar el equilibrio individual y social, fsico y sicolgico. La accin natural de la gravedad de mantener a los seres sobre la superficie y en posicin equilibrada asociada sta a la verticalidad, se expresa tambin en los deseos de querer que todo lo que le rodea tambin debe estar en equilibrio.

Esquema presentado por Emil Ruder en su Manual de diseo tipogrfico,y que resulta de mucha utilidad para comprender el concepto de tensin.

Asimismo, su necesidad de vincularse fsicamente con el entorno lo lleva a trasladarse de un lugar a otro de manera frecuente sobre esa superficie operndoseuna relacin 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 ms limpia de la infinita y clida posibilidad de movimiento...; y de la horizontalidad agrega: ... fra, susceptible de ser continuada en distintas direcciones sobre el plano..., y completa: ... es la forma ms limpia de la infinita y fra posibilidad de movimiento....

La diagonal es considerada una lnea templada y que puede cambiar su temperatura conforme se acerque o se aleje de cualquiera de las lneas horizontal o vertical.

Es interesante cmo Kandinski examina los objetos: vertical-altura-clido-blanco, horizontal-profundidad-fro-negro, y con-cluye que el negro y el blanco, colores acromticos, son silenciosos y por lo tanto las lneas horizontal y vertical son tambien silenciosas. No en vano decimos que las lneas oblicuas producen ruido en el escenario, reconociendo entonces su carcter 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 eliminacin de la perturbacin en las expresiones visuales. Significa ordenar los elementos de manera que se produzca una percepcin sin conflictos. Sabemos que los griegos hicieron artificios en sus construcciones del Partenn. Intencionalmente modificaron las formas de las columnas para eliminar algunos problemas pticos y as lograr la perfeccin en la percepcin 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 estticas como por la naturaleza misma del objeto: el componente material, su carcter 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, aadido a eso el hecho de no haber sido concebido para estar en esa posicin.

La manera como se expresa esa fuerza de las lneas es el movimiento que se genera mediante la tensin y la direccin.La tensin

La tensin es la fuerza concentrada en el elemento. El punto tiene tensin, pero no direccin, la lnea combina tensin y direccin. A partir de esta base terica trataremos de plantear un conjunto de ideas que nos permitan no slo entender sino adiestrarnos en la composicin.La relacin entre estos elementos bsicos como el punto y la lnea nos puede ayudar a entender este concepto.

Tensin y equilibrio

La necesidad de equilibrar los elementos no siempre es lo que se busca en el diseo, por lo tanto, algunas veces intencionalmente provocamos la carga de tensiones en algunos lugares de la composicin. Cuando somos conscientes de nuestra capacidad para determinar zonas de mayor tensin y sabemos que esto desequilibra los componentes del mensaje visual, podemos decir que estamos en condiciones de hacer composiciones ms complejas.

Los elementos tienen comportamientos distintos : tensiones de s mismos,tensiones en relaciones con los lmites,tensiones en relacin con otros elementos.Las lneas transmiten tensiones en toda su longitud y en sus extremos de manera independiente.Nuevas tensiones se producen simultneamente unnos con otros.Las secuencias ms claras,las que tiene una relacin y continuidad cercana son las que definen la tenssin total.

Paulatinamente vamos aadiendo nuevos criterios para lograr niveles ms avanzados en la composicin.

La jerarquizacin

Este criterio es fundamental para la organizacin 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 jerrquicamente los distintos elementos que componen el mensaje.

Siempre habr un elemento lder al que hay que destacar en sus diferentes atributos: tamao, color, posicin, orientacin, opacidad, y detrs de l en un orden jerrquico los dems.

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 jerarquizacin, 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 diseo.

La destreza compositiva se basa en el dominio del criterio de jerarquizacin 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 tambin su propia jerarqua. Es decir, expresar en diversos grados de importancia los elementos y preponderantemente aquel que interesa destacar y se convierte en el eje de la composicin.

El ritmo

La tensin prodmecanismos que nos ayudan a ordenar estas mltiples tensiones? Se trata de delinear un ritmo a los objetos.

Los conceptos de repeticin, alternancia, simetra, compresin, expansin, reflejo, rotacin, traslacin son vitales para trabajar el ritmo.

Al ritmo mayormente se le ha asociado con la composicin musical; en el cine tambin existe una expresin clara de lo que es el ritmo. En realidad, se trata de la estructuracin de los componentes de cada mensaje que se presenta en la pelcula 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 msica compuesta y colocada de acuerdo a ese guion. Asimismo, la fotografa trabajada con el color y la iluminacin correctamente seleccionada, los niveles de expresin enfatizados de manera dosificada a lo largo de la proyeccin y otros factores que simultneamente expuestos logren esa unidad en la obra.

En la composicin grfica tambin hay que organizar los elementos tanto independientemente como en sus relaciones unos con otros: los textos y sus variaciones de tamao, posicin, valor, textura, color, las imgenes 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 tensin es producida por varios elemen- tos el efecto visual tiene mltiples respuestas. Cules son los mecanismos que nos ayudan a ordenar estas mltiples tensiones? Se trata de delinear un ritmo a los objetos.

Los conceptos de repeticin, alternancia, simetra, compresin, expansin, reflejo, rotacin, traslacin son vitales para trabajar el ritmo.

Al ritmo mayormente se le ha asociado con la composicin musical; en el cine tambin existe una expresin clara de lo que es el ritmo. En realidad, se trata de la estructuracin de los componentes de cada mensaje que se presenta en la pelcula 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 msica compuesta y colocada de acuerdo a ese guion. Asimismo, la fotografa trabajada con el color y la iluminacin correctamente seleccionada, los niveles de expresin enfatizados de manera dosificada a lo largo de la proyeccin y otros factores que simultneamente expuestos logren esa unidad en la obra.

En la composicin grfica tambin hay que organizar los elementos tanto independientemente como en sus relaciones unos con otros: los textos y sus variaciones de tamao, posicin, valor, textura, color, las imgenes 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 tcnicas visuales

Aunque no existen normas establecidas para componer podemos valernos de algunos conceptos que nos pueden facilitar el inicio de un diseo.

Dondis* presenta en su estudio una serie de tcnicas visuales que resumen, de algn modo, las ms importantes formas de organizacin de los elementos de la comunicacin visual.Armona 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 diseo y la interpretacin de cualquier formulacin visual sino tambin para expresar la gran importancia de la tcnica y el concepto del contraste para todo medio de expresin visual....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; un cabal conocimiento de la presencia de dos formas completamente diferenciadas, opuestas, evita la confusin en la seleccin de un plan de diseo. Es ms fcil reco-nocer lo irregular si lo comparamos con lo regular, lo fragmentado con lo unido, lo reticente con lo exagerado.

La lectura del contraste se da en los diferentes atributos que podra tener el mensaje: contraste de colores, contraste de la forma, contraste de tamao, contraste de tonalidades.

No escapa de este proceso el contenido, su ligazn con la for-ma es ineludible. Todo el esfuerzo desplegado en este proceso de la composicin est en funcin de la necesidad de expresar, per-suadir, describir, explicar, comunicar de la manera ms efectiva ese contenido.

Consideraremos que las tcnicas no son suficientes para la efectividad del mensaje. El contenido es elemento importante en una solucin integral de la composicin puesto que ingresan otros criterios, los subjetivos, para la toma de decisiones. sa es la razn por la que es indispensable una investigacin previa antes de proponer el diseo de un mensaje visual.

Todos los elementos, tanto visuales como no visuales, deben estar conectados y direccionados a la definicin de un mensaje claro.

Las tcnicas visuales mencionadas por Dondis son:-Equilibrio-Simetra-Regularidad-Simplicidad-Unidad-Economa-Reticencia-Predictibilidad-Actividad-Sutileza-Neutralidad-Transparencia-Coherencia-Realismo-Plana-Singularidad-Secuencialidad-Agudeza-ContinuidadInestabilidadAsimetraIrregularidadComplejidadFragmentacinProfusinExageracinEspontaneidadPasividadAudaciaAcentoOpacidadVariacinDistorsinProfundaYuxtaposicinAleatoriedadDifusividadEpisodicidad

En el proceso creativo emergen nuevas tcnicas de acuerdo con las nuevas necesidades de expresin; asimismo, sus matices son vlidas como formas expresivas. Se puede ir hacia una gama que se acerque o se aleje de cada una de estas tcnicas visuales, lo importante es reforzar la claridad del mensaje que es el objetivo principal de la composicin, entonces, comprendemos que el logro de la esttica en la forma de estos mensajes va acompaado necesariamente de la funcionalidad.

Es indispensable entender esto con claridad porque no se debe enfatizar cada aspecto aislada-mente. Podramos tener un mensaje muy bien redactado, gramatical y sintcticamente impecable, incluso con tipografa y colores adecuadamente seleccionados; pero, si la composicin no contribuye para completar tanto la funcionalidad como para darle un carcter esttico a ese mensaje el resultado del proceso creativo ser deficiente.

Apelamos a los objetos usados por los alumnos de la Bauhaus para representar estos ejemplos

Equilibrio

Inestabilidad

Simetra

Asimetra

Regularidad

Irregularidad

Unidad

Fragmentracin

Economa

Profusin

Actividad

Pasividad

Reticente

Exagerado

Con objetos que simulen textos e imgenes trataremos de representar dos tcnicas visuales opuestas para familiarizarnos con el trabajo de diagramacin

Tcnica Visual:PasividadPueden combinarse, habamos dicho, varias tcnicas visuales. En ejemplo los objetos ya estn jerarquizados.

Tcnica visual:ActividadPequeas alteraciones a la posicin, as como a la orientacin(giro) de algunos objetos es suficiente para tener una expresin totalmente distinta del mensaje.

Tcnica visual:Aglutinacin.Los elementos estn soldados y le dan una compactacin al bloque, expresando con esto una composicin intencionadamente clara.

Tcnica visual:Dispersin.Los elementos no estn enlazados, yuxtapuestos, sin embargo; mantienen una relacin.

Y el contragrafismo?

Cuando buscamos el equilibrio entre el espacio ocupado por los objetos y el espacio libre estamos apelando al juego con el vaco, entonces estamos asignndole un valor visual al vaco y lo consideramos como objeto equilibrante. Esta presencia determinante de sensaciones visuales que provoca el vaco es lo que denominamos contragrafismo.

Las reas blancas que aparecen en las pginas no son sobrantes, no estn vacas, estn llenas de aire y ayudan a ventilar las pginas. Evidenciamos que el vaco tambin hay que diagramarlo. Aqu seguramente valoraremos con amplitud la elaboracin de una cuidadosa retcula basada en la proporcionalidad de todos los elementos. Convenimos, definitivamente, que cada paso se alimenta de lo anterior y si lo previo est bien resuelto lo que sigue no slo armonizar perfectamente sino que el trabajo se har fcil porque todo va coincidiendo ya que hay un sistema, un orden, hay una base slida para la creatividad.ELEMENTOS DE DIAGRAMACIN

Como en toda operacin se necesita conocer las herramientas con las que se van a trabajar, as como la preparacin del lugar de trabajo. Sin estos requisitos no podramos organizar nada, es ms, la definicin de estos aspectos resuelven al menos el cincuenta por ciento del trabajo total pues una correcta definicin de todos los detalles que gobernarn el desarrollo de todo el proceso creativo harn de ste una actividad entretenida, atractiva y fcil 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 prdida de tiempo y la conversin del proceso creativo en una actividad complicada.

Armona: funcin y forma

Es entendido que a estas alturas el diseador tiene conocimiento de todos los detalles de la futura publicacin: sus objetivos, pblico al que va dirigido, contenido, dinmica periodstica, el grupo humano con el que va a trabajar, en fin todo aquello que va a determinar la personalidad del proyecto.

En la edicin periodstica hay dos planos que el diseador debe diferenciar con toda claridad: el plano periodstico y el plano grfico. Esto plantea la necesidad de definir una estructura periodstica y una estructura grfica donde esta ltima debe interpretar el espritu que la primera quiere asignarle a cada una de las pginas.

Se trata de armonizar la funcin con la forma, contenido y diseo grfico. La comunicacin entre el periodista y diseador grfico 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 aportarn 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 periodstica y estructura grfica

En la estructura periodstica se definen las grandes secciones que tendr la publicacin; se definen las secciones especiales y las caractersticas que tendrn, adems, se precisa el orden y los pesos que tendrn cada una de ellas. Ya en la seccin propiamente dicha el editor definir sus componentes, los gneros (reportajes, entrevistas, columnas de opinin, infografas). Todo esto deber ser convertido a una estructura grfica que armonice con las intenciones del editor (definicin de tipografas, colores, criterios compositivos, tratamiento de las imgenes, aplicacin de recursos grficos como: lneas, tramas, texturas de fondo, recuadros, marcadores de leyendas, de autores redaccin y fotografa, vietas, etc.). Esta relacin convierte al producto final en una sntesis de la funcin y la forma de un mensaje impreso.

Del tamao de una hoja de resma sepueden derivar 2, 4,8 pginas a la vez

Los elementos. Definiciones

El formato se refiere al tamao final de la publicacin. 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 peridicos; en el extranjero tambin es utilizado para imprimir revistas de alto tiraje, en nuestro medio recin est usndose 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 bsicamente en los siguientes formatos:Tamao 61x86, 72x 102 (en cm)

Tipo bond, peridico folkote (calibre 10,12 y 14)

Peso desde 60 hasta 350 g

Dependiendo del formato bsico que se seleccione se derivar en un tamao que responda a las necesidades del editor, aunque esto tambin est relacionado con el tamao de la mquina impresora que podra imprimir dos, cuatro u ocho pginas a la vez.

En el grfico observamos el formato aproximado de algunas de las revistas ms 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 determinacin de un formato es un asunto serio, no es solamente tomar una hoja de tamao resma y dividirla en cuatro u ocho partes.

El formato tambin necesita tener una armona, y para esto recurrimos al aporte de la proporcin urea, en el grfico de la siguiente pgina*, se presentan algunas alternativas para la construccin de un formato armnico.

Los mrgenesdefinen la caja de diagramacin que es el lugar donde van a ir principalmente los textos; las imgenes podrn distribuirse en toda la pgina aprovechando el trazado de la rejilla de diagramacin. Normalmente la altura de la caja de diagramacin debe coincidir con el interlineado asignado al cuerpo de texto.

Las columnaspodrn establecerse en nmero 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 periodstica. Las columnas definen la modulacin vertical.

Las columnas no necesariamente sern del mismo ancho, por ejemplo para algunas publicaciones en dos idiomas esto es ideal. Los programas de diseo de los ordenadores incorporarn la capacidad para diagramar con columnas onduladas y otras alternativas que ya se ven en los programas de dibujo.

Los espacios entre columnasse pueden dimensionar de acuerdo a un tipo de diseo; en ocasiones cuando se considera la colocacin del hairline (lnea de pelo) se le da un poco ms de 5 mm que es la separacin estndar.

Formatos basados en el cuadrado

Cuadrcula, plantilla, rejilla

Para lograr la elaboracin de una rejilla, una plantilla, o una cuadrcula de diagramacin es necesario trazar divisiones horizontales en la caja de diagramacin. Estas divisiones pueden ser de dos, tres, cuatro, cinco, seis, etc. Estos trazados forman la modulacin horizontal los mismos que se combinan con las columnas (modulacin vertical) para definir los espacios que servirn para ubicar los elementos de la diagramacin. Es la sntesis del uso de columnas y filas creado para el ordenamiento bsico de datos literales y numricos.

Para los maestros de la Bauhaus* el uso de la retcula era muy importante, Kandinski deca: ... es el prototipo de la expresin lineal, Theo van Doesburg del movimiento De Stijl: ... la retcula... 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 retculas y elementos geomtricos se estar en mejores condiciones para acercarse al naturalismo, conforme ms se controle cada una de las cuatro direcciones de la retcula se podr tener la libertad de ir hacia la extensin infinita del plano.... Saussure deca que el lenguaje tambin es una especie de retcula; una retcula es un lenguaje, afirma Lupton.

La definicin de una rejilla, cuadrcula o plantilla de diagramacin es indispensable porque permite estandarizar los criterios de diseo; hace ms fcil crear un sistema para que la diagramacin sea fluida.

La retcula 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 diseo si no se conocen los lmites. La pugna no es reciente, nos lo recuerda Ellen Lupton; efectivamente, Ruder en su Manual de diseo tipogrfico ensaya una serie de condiciones geomtricas para el diseo, sin embargo, considera a la intuicin como la base de las decisiones finales. Sabemos que esa intuicin no es sino la confirmacin de un cabal conocimiento de teoras fundamentales: proporciones, formas, contrastes, tonalidades, ritmo, cintica, etc.

Segn Gestener,* cuanto ms exactos y completos son los criterios, tanto ms creativa es la obra. El acto creativo se reduce a un acto de seleccin.

La creacin de los programas para diseo confirman estas ideas puesto que el programador se basa en ecuaciones matemticas para producir ventanas, cuadros de dilogo, as como para realizar de manera automtica 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 diseo.

Elementos de la diagramacin

Las imgenes:. Ilustraciones manuales.. Ilustraciones digitales.. Fotografas.. Fotomontajes.. Infografas.. Diagramas/cuadros estadsticos.. Vietas.. Logotipos.

Los textos:. Ttulos.. Antettulo.. Subttulo.. Gorro.. Capitular.. Leyendas.. Extractos. Cuerpo de texto.. Autores de texto y fotografa.. Nmero de pginas.. Encabezado de seccin.. Cintillos.

Los recursos grficos:. Lneas.. Tramas.. Signos sealticos.. Marcadores de leyendas.. Fondos texturados.. Recuadros para texto.Componentes de la rejilla, plantilla, cuadrcula base, caja de diagramacin

Los programas de autoedicin permiten colocar guas no imprimibles: gua de regla (hay que elaborarlas manualmente), gua de margen (se crea automticamente) y gua de columna (se crea automticamente).

Ensayemos la diagramacin de una pgina utilizando la rejilla.El redactor prepara los textos y el editor selecciona las imgenes que se colocarn, es decir, se recolectan los ingredientes para el diseo.Italia indignada con la OTAN

Sndrome de los Balcanes es producto del uranio empobrecido.El Sndrome de los Balcanes se ha convertido en un escndalo diplomtico 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 haba 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 estn en la picota: Qu saba la Alianza Atlntica sobre los riesgos que corran los soldados destacados en los balcanes?Con la vida de los soldados no se juega, opinaba el diario romano Il Messaggero.

PronunciamientoPor su parte, un portavoz de la OTAN inform en Bruselas que ese organismo tratar el prximo 9 de enero el denominado Sndrome de los Balcanes, tras la muerte de cncer de al menos siete italianos y un espaol destacados en la regin donde habran estado expuestos a las radiaciones del metal mortal empleado como municin por tropas estadounidenses.El comunicado de la OTAN llega tras la peticin del primer ministro italiano, Giuliano Amato, de que el pacto defensivo arroje luz sobre el tema.FotografaLeyenda: Soldados europeos son vctimas del uranio empobrecido.

Aplicando los criterios: tipogrficos y colorAsignando tipografas,en este caso optamos por la tipografa 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 pgina que armonice con esto.

Ahora, componemos la pgina aplicando alguna tcnica visualJerarquizamos las fotografas y aadimos algunos recursos grficos como lneas, tramas. Consideraremos tambin un capitular y un gorro. De igual forma aadimos el nmero de pgina. Trataremos de construir un ritmo, en la diagramacin de pginas de revistas; esto no es muy complicado pero s lo es en el caso de peridicos debido al formato ms amplio que tienen.

Algunos detallesConstituyen recursos ornamentales con los que el diagramador puede jugar. stos pueden ser: una textura de fondo, algunas barras en la fotografa y en el texto (subttulo), as como algunas lneas.

La versin finalEn esta versin, las guas generadas por la rejilla desaparecen.

Zonificacin y jerarquizacin en el diagramado de peridicosUna introducccin.

Seleccionar una zona, permite controlarla totalmente en una pantalla de computadora, logrando precisar los detalles que requiere el diseo. La cuadrcula resulta siendo un recurso de gran utilidad, pues, prcticamente, los elementos van ubicndose solos. Es necesario recordar que el manual de diseo es indispensable para lograr la unidad que diariamente presenta el peridico.

La noticia principal lidera la jerarqua de la pgina, en este caso, la primera plana.

Analicemos cada uno de los procesosSlo por cuestiones didcticas separamos los elementos, en esta pgina nos ocupamos del manejo de la imagen para la diagramacin.

Analicemos aqu el manejo de los textosLa tipografa tambin necesita un tratamiento de jerarquas para conseguir funcionalidad en este nivel.

Construccin del mensaje bimediaNuevamente ejercitemos en base a los dos procesos antes analizados. Debern ser integrados en un proceso simultneo, retroalimentado, de aproximaciones continuas y un ensayo progresivo con todas las alternativas posibles hasta lograr una optimizacin en el uso de todos los elementos en juego; este juego es lo que llamamos composicin.

La jerarquizacin bsica (por tamao)

El juego de lacomposicin,textos e imgenesse integran en un intercambio de relaciones jerarquizadas apelando a criterios de composicin y aplicando atributos de opacidad, orientacin color, forma(contorno) a los elementos para afirmar jerarquas

Un breve anlisis de esta pgina

Unidad del todo y las partes

Cuando se trata de diagramacin de temas que abarcan dos, tres o ms pginas el criterio tiene que ser en base al conjunto y no diagramar aisladamente cada pgina.

El acto de tomar un ejemplar y pasar las hojas, recorrer con el ojo una secuencia de objetos, regresar a una pgina anterior y volver a recorrer con la libertad que el soporte le confiere, expresa que el lector se ha apoderado de un bloque de informacin y le ha dado un carcter unitario; se trata de facilitarle un hilo conductor para que su lectura sea fluida. Ese hilo esta formado no slo por la estructura periodstica, sino tambin por ese juego compositivo jerarquizado el cual valindose de elementos visuales conduce la mirada de manera ordenada.

Es verdad que tanto los textos como las imgenes tienen su propio espacio de decodificacin; sin embargo, asumimos que la lectura es integral. Por esa razn es necesario tener en cuenta el recorrido lgico que se da en occidente: lectura de arriba hacia abajo y de izquierda a derecha.

El logotipo

El nombre lo define el editor, periodista o cliente. Basndose en esa decisin el diseador ofrecer una o varias propuestas, segn acuerden. El logotipo puede ser un anagrama que es una palabra creada en base a una mezcla de slabas tomadas de palabras que el editor quisiera identificar, puede ser un nombre relacionado con el tema de la publicacin, puede ser una palabra que no se asocie al tema pero que tiene un significado personal, tambin puede ser una palabra con expresin libre.

Los logotipos para publicaciones pueden tener o no un smbolo, un grfico que acompae al nombre; tambin pueden integrarse a l bajo el concepto de la letra-imagen. Adems, pueden expresarse mediante el concepto de la palabra-imagen.

La portada

En el diseo de una publicacin, la portada, tambin es visualmente organizada en base a la rejilla y al criterio general creado: tipografa, color, composicin.

La cuadrcula adoptada debera ser tambin til para resolver el diseo de la portada. Normalmente quienes diagraman publicaciones desdean esto porque se sienten amarrados a un esquema (o porque simplemente ignoran lo til que es); entonces incluyen en cada edicin una idea nueva. Los profesionales del diseo saben que esto es indispensable para afirmar la personalidad de la publicacin.

Las normas de diseo se especifican en los manuales de diseo, en ellos tambin se establecen las variaciones que pueden tener el manejo del color, tipografa y criterio compositivo de la portada, todo ello aplicado a los dos elementos del mensaje bimedia: texto (logotipo, ttulo principal, ttulos secundarios) e imagen (foto principal, fotos secundarias o ilustraciones). Asimismo, los recursos grficos son tambin normados de manera que la presentacin se mantenga en todas las ediciones.Especificaciones bsicas de una portada

Finalmente planifique su diagramacinEs necesario tener una visin total de lo que se va a hacer, todo detalle que se incorpore es parte importantsima de ese universo grfico.

Los criterios de diseo no son slo para un pgina o seccin, sino para toda la publicacin, razn por la cual el diseador debe tener un visin panormica de todo lo que concierne a este proyecto. El dominio del todo y la parte es una destreza que se adquiere con el constante ejercicio de la diagramacin

DISEO GRFICO Y DIAGRAMACIN

Diseo

"Es la organizacin, en un equilibrio armonioso de materiales, de procedimientos y de todos los elementos que tienden hacia una funcin".Moholy Nagy*"El diseo industrial es el procedimiento de analiza, crear y desarrollar productos para su fabricacin en serie".E. Heine*""El diseador es un proyectista con sentido esttico que trabaja por la comunidad y no de forma personal, sino en equipo organizado..."*

Etimologa

Latn designaire: de =proposicin, signum=marca,signo

Del diccionario de la lengua espaolaDiseo: traza, delineacin dibujo de alg. Descripcin o bosquejo de un cosa verbal.Diseo: lo que por anticipado se puede: proyectar, programar, preparar.Lo que posteriormente puede ser: un dibujo, un modelo, un plano.Dibujo: delineacin, figura o imagen ejecutada en claro y obscuro.Diagramacin: figura grfica que explica un fenmeno determinado.Proyecto: conjunto de escritos, clculos y dibujos que se hacen para dar idea de cmo se hace una obra.Diagramacin: arte de distribuir la composicin en una pgina...dibujo geomtrico que representa la demostracin grfica de alguna proposicin, problema o ley.

Debido a sus orgenes el concepto diseo siempre ha estado vinculado a la industria, y generalemnete se referoa slo al boceto de un objeto bi o tridimensional; pero, en realidad el diseo comprende la planificacin del proceso creativo que incluye la investigacin, as como proponer los medios para llevarlo a cabo.**

Diagramacin

De este conjunto de definiciones podemos ensayar el significado de diagramacin: organizacin de un conjunto de elementos(T+1) jerrquizados, basado en un sistema esttico de carcter funcional.Elementos jerarquizados: establecimiento de grados de valor o importancia de cada elemento.Concepcin esttica: desarrollar armnicamente una tcnica visual.Funcionalidad: debe permitir una decodificacin fcil del mensaje.

* En QUARANTE. Danielle. Diseo Industrial. Espaa, Ed. CEAC, 1992**En SOLANAS DONOSO, Jess. Diseo: arte y funcin. Espaa, Salvat, 1985.

Podemos considerar al diseo grfico como la: organizacin armoniosa de elementos grficos con el objetivo de cumplir una funcin de comunicacin visual. Esos elementos grficos son el texto y la imagen. Estos dos elementos convierten al mensaje impreso en un mensaje bimedia, en el decir de Moles ste sera, por lo tanto, un mensaje multimedia.

El diseo grfico se concibe para ser plasmado sobre soportes bidimensionales: papel, cartn, pstico, etc.; sin embargo estos soportes pueden ser convertidos a objetos tridimensionales: envases, dispensadores, merchandising, etc. Esto significa que el diseador tambin tiene una concepcin tridimensional con respecto al uso del diseo. Habra que concordar con Moles cuando afirma que un libro, un folleto, una revista o un peridico, desde el momento que es manipulado para ser observado adquiere un carcter tridimensional, el desglose, el paso de una pgina a otra implican factores ergonmicos previos en su concepcin.

Diagramacin

Diagramar es distribuir, organizar los elementos del mensaje bimedia (texto e imagen) en el espacio bidimensional (el papel) mediante criterios de jerarquizacin (importancia) buscando funcionalidad del mensaje (fcil lectura) bajo una apariencia esttica agradable (aplicacin adecuada de tipografas y colores).

La diferencia

Los conceptos diseo y diagramacin involucran el problema de la composicin. En realidad, la diferencia entre uno y otro es el papel que cumple cada uno en la edicin peridica de la publicacin. Mientras que el diseador establece las pautas de la diagramacin: formato, cajas de diagramacin, tipografas, tamao, estilo, formateo de prrafos, sangras; propone color corporativo para textos, tratamiento de la imagen (sangrados, recuadros o aplicaciones especiales), criterios compositivos, en fin, todos los detalles que componen una publicacin; el diagramador los aplica en cada una de las ediciones posteriores.

Como vemos el diagramador resuelve la organizacin de las pginas de acuerdo con las normas ya establecidas por el diseador en el manual de diseo. Es posible que el mismo diseador tambin pueda encargarse de la diagramacin, pero las responsabilidades son distintas. Un buen diagramador es el que respeta esas normas, precisamente su creativividad radica en la capacidad para ofrecer mltiples posibilidades de presentacin bajo una norma establecida.La Composicin en DiagramacinVERTICALIDAD Y HORIZONTALIDADPara esto debemos entender el comportamiento de los objetos: si un punto se mueve surge una lnea, la lnea se mueve y produce una superficie plana, la unin de superficies planas crean un cuerpo. Para Vasili Kandinski la lnea expresaba el movimiento.

El hombre desde que nace busca adaptarse a su entorno y modificarlo de forma tal de obtener mas confort. Esa adaptacin se relaciona con la necesidad natural de buscar equilibrio, la accin natural de la gravedad de mantener a los seres en la superficie y en posicin equilibrada se asocia con el concepto deverticalidad, expresando tambin los deseos del hombre de que por lo tanto todo lo que le rodea este tambin en equilibrio.

As mismo, su necesidad de vincularse fsicamente con su entorno lo lleva a trasladarse de un lugar a otro operndose alli una relacin con el concepto dehorizontalidad. Estas dos maneras de vincularse con el entorno, verticalidad y horizontalidad, son los ejes del equilibrio, que para el tema que abordaremos consideraremos comoequlibrio visual.

Dice Kandinski que la verticalidad "es la forma ms limpia de la infinita y clida posiblidad de movimiento..." y de la horizontalidad agrega "... fra, susceptible de ser continuada en distintas direcciones en el plano...""...es la forma ms limpia de la infinita y fra posiblidad de movimiento". La diagonal es considerada una lnea templada que puede cambiar su temperatura conforme se acerque o se aleje de cualquiera de las lneas horizontal o vertical. En resumen:

vertical - altura - clido - blancohorizontal - profundidad - fro - negro

El blanco y el negro son colores acromticos y silenciosos por lo tanto las lineas vertical y horizontal son silenciosas tambin.

No en vano decimos que las lneas oblicuas producen ruido en el escenario, teniendo carcter irreverente, revolucionario, audaz.

Entonces el equilibrio significa la eliminacin de la perturbacin en las expresiones visuales. Significa ordenar los elementos de manera que se produzca una percepcin sin conflictos. Cuando observamos un objeto que no est en equilibrio tendemos a acomodarlo.

LA TENSION

Es la fuerza concentrada en el elemento. El punto tiene tensin pero no direccin, la lnea combina tensin y direccin.

Se puede considerar la tensin desde dos puntos de vista, a saber:

1. Es una "fuerza" que atrae la vista del espectador hacia cierto lugar de una imagen. Por ejemplo, un cuadrado rojo sobre un fondo amarillo atraer la vista del espectador hacia el cuadrado por el contraste de colores. En este caso el trmino puede entenderse como sinnimo deatraccin.

2. Puede definirse como una sensacin de incomodidad que provoca una imagen al espectador cuando carecen de equilibrio en su composicin. En este caso, sera sinnimo demalestar.

TENSION Y EQUILIBRIO

La necesidad de equilibrar los elementos no siempre es lo que se busca en el diseo, por lo tanto algunas veces, intencionalmente provocamos la carga de tensiones en algunos lugares de la composicin.

LA JERARQUIZACION

Se trata de asignar valores a cada uno de los elementos visuales y hacer que en varios niveles se vayan organizando de acuerdo con la necesidad de enfatizar jerrquicamente los distintos elementos que componen el mensaje.

Siempre habr un elemento lder al que hay que destacar en sus diferentes atributos: tamao, color, posicin, orientacin, opacidad y, detrs de l, en un orden jerrquico los dems.

EL RITMO

Los conceptos de repeticin, alternancia, simetra, comprensin, expansin, reflejo, rotacin traslacin son vitales para trabajar el ritmo.