Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

Embed Size (px)

Citation preview

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    1/61

    FUNDAMENTOS DEDIAGRAMACIN: REVISTAS

    Cumpa Gonzles, Luis Alberto

    TABLA DE CONTENIDO

    Contenido

    Presentacin HTM

    Diseo Grfico y diagramacin HTM

    La diferencia

    Captulo I LAS CLAVES DE LA DIAGRAMACIN HTM

    Captulo II LA TIPOGRAFA EN DIAGRAMACIN HTMClasificacin General

    Significado de los tipos

    Cmo escoger un tipo?

    Tipo y fuente

    Otras especificaciones

    Captulo III COLOR EN DIAGRAMACIN HTM

    La utilidad de la investigacin

    La expresividad del color

    Cmo aplicar el color?

    El plano denotativo

    Otras alternativas

    El significado del color.El planoconnotativo

    Funcionalidad del color

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    2/61

    La cuatricoma

    La hexacroma

    Captulo IV LA COMPOSICIN EN DIAGRAMACINHTM

    Verticalidad y horizontalidad

    La tensin

    Tensin y equilibrio

    La jerarquizacin

    El ritmo

    Las tcnicas visuales

    Y el contragafismo?

    Captulo V ELEMENTOS DE DIAGRAMACIN HTM

    Armona: funcin y formaEstructura periodstica y estructura grfica

    Los elementos, definiciones

    Cuadrcula, plantilla, rejilla

    Elementos de la diagramacin

    Unidad del todo y las partes

    El logotipo

    La portada

    Bibliografa HTM

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    3/61

    PRESENTACIN

    El presente trabajo ha sido realizado con el nimo de ofrecer un instrumento deconsulta para todos aquellos que se inician en el conocimiento del diseo grfico engeneral y de la diagramacin en particular.

    El autor ha tratado de abordar los principales aspectos que conciernen al ejerciciode esta parte de la formacin de los diseadores y, a la vez, ha buscado organizarel contenido en los principales temas en los que se basa el aprendizaje de esteproceso de la diagramacin. En aras de una percepcin clara del proceso indicadose han graficado algunos procesos, as como algunos conceptos puesto que ellenguaje del comunicador visual es precisamente la graficacin de sus ideas.

    Aunque sabemos que los procesos tecnolgicos rpidamente se modifican, se hanincluido algunos aspectos relacionados al tema que nos ocupa, tratando de insertaral lector en la atmsfera tecnolgica para que pueda manejar alguna informacinque lo proyecte en la parte que concierne a la utilizacin de tecnologas, es decir, laparte de aplicacin.

    No est dems recordar que, tan importante como el aprendizaje de un software deautoedicin o el manejo de una plataforma informtica, es el conocimiento de lasbases tericas lo que da sustento a las propuestas de diseo, otorga seguridad alprofesional de la comunicacin visual porque su trabajo es razonado y se vale de latecnologa para lograr su utilidad mediante la reproduccin.

    No escapamos a la atmsfera de esta incipiente sociedad virtual, por eso estetrabajo se ha concebido en ese marco, tratando de valorar aquellas referencias quenos humanizan: los maestros de la Bauhaus, Kandinski, Klee , Moholy Nagy,etc; ascomo la presencia tcita de Leonardo y el legado de la cultura renacentista.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    4/61

    DISEO GRFICO Y DIAGRAMACIN

    Diseo"Es la organizacin, enun equilibrioarmonioso demateriales, deprocedimientos y detodos los elementosque tienden hacia unafuncin".Moholy Nagy*

    "El diseo industrial esel procedimiento deanaliza, crear ydesarrollar productospara su fabricacin enserie".E. Heine*"

    "El diseador es unproyectista con sentidoesttico que trabaja porla comunidad y no deforma personal, sino enequipo organizado..."*

    Etimologa

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

    Del diccionario de la lengua espaola

    Diseo: traza, delineacin dibujo de alg. Descripcin o bosquejo deun 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 paradar idea de cmo se hace una obra.Diagramacin: arte de distribuir la composicin en una pgina...dibujogeomtrico que representa la demostracin grfica de algunaproposicin, problema o ley.

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

    Diagramacin

    De este conjunto de definiciones podemos ensayar el significado dediagramacin: organizacin de un conjunto de elementos(T+1)

    jerrquizados, basado en un sistema esttico de carcter funcional.Elementos jerarquizados: establecimiento de grados de valor oimportancia de cada elemento

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    5/61

    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, J ess. Diseo: arte y funcin. Espaa,Salvat, 1985.

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

    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 eldiseador 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 unperidico, desde el momento que es manipulado para ser observado adquiere un carctertridimensional, el desglose, el paso de una pgina a otra implican factores ergonmicosprevios 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 estticaagradable (aplicacin adecuada de tipografas y colores).

    La diferencia

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

    Como vemos el diagramador resuelve la organizacin de las pginas de acuerdo con lasnormas ya establecidas por el diseador en el manual de diseo. Es posible que elmismo diseador tambin pueda encargarse de la diagramacin, pero lasresponsabilidades son distintas. Un buen diagramador es el que respeta esas normas,precisamente su creativividad radica en la capacidad para ofrecer mltiplesposibilidades de presentacin bajo una norma establecida.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    6/61

    ___________________________________* En Martnez de Souza, Jos. Diccionario del periodismo. Madrid, Paraninfo, 1981

    CAPTULO I

    LAS CLAVES DE LA DIAGRAMACIN

    Nuestro inters es que el lector encuentre en este manual aquello que le permitaentender y aprender a realizar de manera fcil, la diagramacin de cualquier proyectoeditorial. Este manual bsicamente est dedicado a la exploracin del proceso de ladiagramacin, as como sentar las bases tericas que sustentan este proceso.

    La diagramacin de una revista es slo el pretexto para conocer los mecanismos de ladiagramacin de boletines, memorias, folletos, peridicos, etc., ya que los fundamenosdel diseo son comunes para todos ellos.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    7/61

    Cuando hablamos de los fundamentos de la diagramacin nos referimos en esencia a losprocesos. La diagramacin de una revista es slo el pretexto para conocer losmecanismos de la diagramacin de boletines, memorias, folletos, peridicos, etc., yaque los fundamenos del diseo son comunes para todos ellos.

    Cuando hablamos de los fundamentos de la diagramacin nos referimos en esencia a losfundamentos 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 loscomponentes bsicos de los mensajes impresos, la forma cmo lo vamos a hacer esmanejando los criterios de tipografa, color y composicin.

    La tipografa, el color, y la composicin constituyen las bases de la diagramacin. Un

    entendimiento claro del significado de cada uno de estos conceptos permitir aldiagramador trabajar con seguridad un proyecto grfico de cualquier envergadura.

    En general, cmo es el proceso de diagramacin?, en el diagrama de la pgina anteriorqueremos explicar esto. Los criterios ah sealados son slo una gua para ordenar elproceso de la composicin, puesto que no necesariamente se tiene que desarrollar elproceso en el orden indicado; la diagramacin es tambin una permanente interrelacinde los objetos. Cuando se modifica una de las condiciones las dems se ven afectadas yes en esa bsqueda del equilibrio donde el trabajo se pone divertido. Para el diseo engeneral y la composicin de pginas en particular, esta destreza se logra en base alejercicio permanente de la composicin y muchas veces est relacionado con larepeticin de los procesos los mismos que posteriormente se convierten en elementos deidentidad para un diseo especfico.

    La sencillez con que se concibe este proceso invita a algunos improvisadosdiagramadores a decir: eso era todo? y se dedican a complicar sus pginas con unaserie de elementos para justificar plazos y costos convenidos con sus clientes; elverdadero profesional lo que busca siempre es elaborar un mensaje visual sencillo quehaga fcil la comunicacin, que haga de esa pgina una agradable lectura. Si esto selogra se habr cumplido con el objetivo que no es otra cosa que la de facilitar la lecturarecurriendo al uso de un criterio de color que armonice con el mensaje, a una tipografaque refuerze el carcter de ese contenido y a una composicin que envuelva al lector enla dinmica o la placidez de ese mensaje. Veremos ahora cada una de las claves de la

    diagramacin.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    8/61

    CAPTULO II

    LA TIPOGRAFA EN DIAGRAMACIN

    ... la forma deseada conscienteo inconscientemente por el lector es la

    tipogrficamente perfecta...Adrin Frutiger

    Desde siempre el hombre ha buscado comunicarse con los dems por diversosmedios, fijando los mensajes en soportes como madera, pieles, piedra, metal,papel, soportes electrnicos (discos compactos). En ese proceso de bsqueda el usode una serie de instrumentos como el punzn, buril, cincel, pluma y, en estostiempos el ordenador, han permitido generar diversas maneras de expresar tantolas imgenes como los signos que luego han derivado en la escritura con larepresentacin pictogrfica, los ideogramas-logogramas-fonogramas*, los

    jeroglficos, los alfabetos.

    La necesidad de representar las vivencias mediante un mensaje visual obligaba abuscar formas con escenas, figuras, objetos reconocibles que a la vez resultaran enformas codificables por un determinado grupo humano lo cual permiti elintercambio de ideas, la comunicacin.Este largo proceso de construccin de signosno ha terminado y la bsqueda se orienta a lo mismo: facilitar la comunicacin.

    La piedra de Rosetta, grabada conjeroglficos de la escritura egipcia.

    Cuando Gutemberg invento los tipos mviles tambin cre una manera decomponer las pginas. Las limitaciones de la tecnologa creada slo permitan crearcolumnas con textos construidos lnea tras lnea, la ilustracin era un aadido a lacomposicin, intercalada entre pginas para no interferir con la secuencia de lalnea horizontal de los textos. Era muy difcil romper con esta ortogonalidad que elsistema creado obligaba, de tal manera que cuando se quera lograr lo contrario loque se haca era trabajar la pgina entera como si fuera un grabado que incluatextos e imgenes.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    9/61

    Esto evidentemente encareca los costos por lo tanto no era de uso corriente,incluso en los ltimos aos antes de la irrupcin de la informtica todava se hacanlos denominados artes finales que consistan en lminas con los textos y lasimgenes recortadas y pegadas que luego eran procesadas fotogrficamente, o serecortaban las pelculas para hacer un fotomontaje que serva luego para procesarplanchas de metal que se utilizaban (todava se utilizan) en los procesos de

    impresin offset.

    Todo esto cambi con la invencin de los ordenadores y ms an cuando stos sepersonalizaron (Pc); se crearon programas que permitan resolver, incluso enminutos, problemas que anteriormente tomaban horas y algunas veces das,rompiendo con la rigidez de la linealidad de los textos, la proporcin de las letras, elcontorneo de los textos, es decir, se manej con facilidad las variables de la quehablaba Jackes Bertin*: forma, orientacin, valor, tamao, tramado, color.

    Abraham Moles aade el movimiento como una nueva variable aplicada en el cine yla televisin. La tridimensin adquiere una presencia mayor con el desarrollo de lainformtica al punto que se desarrollan programas especializados pararepresentarla. De esto no escapa la presentacin de los tipos bajo esta atmsfera

    espacial casi buscando ser el eslabn de la metamorfosis hacia su conversin enimagen.

    Cuando se proyecta una revista es necesario seleccionar los tipos que se van ausar. Esta seleccin es slo para esta publicacin por lo que se tiene que hacer conmucho 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 losrequerimientos especficos de la publicacin que est proyectando.

    Clasificacin general

    Como se sabe, de la letra romana clsica es que deriv el resto de los tiposconocidos hasta hoy. Este alfabeto romano fue descubierto en una columna enhomenaje al emperador Trajano.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    10/61

    Las diez grandes familias tipogrficas en lahistoria

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    11/61

    La modificacin de los serif determina unavariedad infinita de tipografas y afirma una clara

    diferencia en la forma de las letras

    Podemos hacer una clasificacin general en base al criterio de tipos claramentediferenciados: 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 oaquellos que ayuden a afirmar la personalidad que se le quiere determinar a lapublicacin o al mensaje publicitario.

    Actualmente, los programas grficos incorporan centenares de tipos en sus archivosy si a stos les aadimos sus variaciones (estilos), tendremos entonces muchasposibilidades para el diseo.

    Aqu descubrimos que en este conjunto de variaciones, paradjicamente, puedenencontrarse conceptos como: delicado, pesado, esttico, dinmico. De ah lorelativo del significado de la forma de los tipos, ms an si consideramos que eldiseador tiene la capacidad de asignarle otros atributos como tamao, color,linealidad, transparencia, etc., y con ello enfatizar esos significados.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    12/61

    Existe un tercer grupo de tipos: se trata de los ornamentales, los mismos que hansido creados bajo criterios totalmente libres. Antiguamente se creaban para usarloscomo capitulares o para componer slo titulares.

    Existen otros tipos que se crean con objetivos especficos, como es el caso detipografas para campaas publicitarias o ttulos de pelculas de cine. Estas

    tipografas tienen una alta dosis pregnante, en ocasiones son referencias de objetoso hechos histricos; cuando stas son aplicadas para otros mensajes no dejan deser referidos a su origen, intencionalmente son usadas con este fin.

    La creacin de tipos es un trabajo muy complejo, requiere de una serie deconocimientos para resolver, de manera sistemtica, todos los signos quecomponen un alfabeto. Exige conocer la construccin geomtrica, la teora de lasproporciones, la teora de mdulos, concepto de fondo y forma, control de la ilusinptica, las diversas relaciones entre las letras y el comportamiento que adquierenen diversas asociaciones entre ellas, etc. sta es la razn por la que aqu norecomendamos que se diseen tipos para una publicacin, salvo que laenvergadura de la misma lo exija y el diseador est preparado para resolverlo enel plazo necesario.

    Significado de los tipos

    Los tipos expresan un significado de acuerdo con su forma natural: delgadas,regulares, gruesas. Estas caractersticas luego sirven para identificar los estilos:blanca (light), ultra light, normal, bold, extra-ultra-demi bold, heavy, black; esdecir su contextura le asigna un carcter que luego es considerado como criteriopara el diseo. La pesadez, el dinamismo, la simpleza, la elegancia, la fragilidad sonconceptos que se les asigna para darles un valor connotativo.

    En la Constelacin de atributos de Moles se puede apreciar con claridad cmo esque los tipos pueden sugerir significados sicolgicos que luego pueden ser aplicadospara el diseo.

    El test fue aplicado a dos segmentos: el pblico en general y un grupo deprofesionales del diseo; en el diagrama se observa que mientras ms cerca delcrculo central se encuentra representado el concepto significa que con mayorfrecuencia ha sido repetido por los encuestados. De esta manera queda establecidocon claridad la evocacin del tipo por lo que su aplicacin es confiable.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    13/61

    Tambin es interesante observar el mtodo de Osgood*, el denominado Perfil depolaridades. En este mtodo se le presenta al pblico dos tipos y se le pide queasigne un valor a la letra en una escala de siete puntos de acuerdo a dos opcionesopuestas, ejm.: sobrio o recargado, activo o pasivo, ligero o pesado; al final latabulacin permitir reconocer hacia cul de los conceptos se inclina el significadode cada una de las tipografas.

    Esto evidencia que una investigacin al respecto puede ayudar a hacer msconfiable una propuesta de diseo.

    Diagrama de Osgood

    Una tipografa tambin puede ser exclusiva para una publicacin y sta puede serdiseada especialmente para ella. Aunque esto no es usual debido a que el diseode los tipos pasa por un proceso muy riguroso en su construccin; esto significacontar con el tiempo suficiente para hacer la propuesta y lograr su aceptacin porel cliente y una validacin por los posibles usuarios.

    LA TIPOGRAFA EN DIAGRAMACIN(Continuacin)

    Cmo escoger un tipo?

    En principio se debe tener claro cul es el espritu de la publicacin; hemos vistoque esto se obtiene de la informacin que se ha recogido previamente enindagaciones con clientes, usuarios, mercados, contexto editorial, etc. De laprofundidad de la investigacin dependen las posibilidades de tener mayorescriterios para la seleccin de tipos.

    Con esto definido se manejan los criterios referidos a la forma de la letra lo cualdebe asociarse con el tema del diseo. Hemos indicado anteriormente que seraconveniente 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 alespritu 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.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    14/61

    Estos criterios obviamente son relativos puesto que depende de otros factores quese producen en el proceso del diseo como la asignacin de atributos al tipo:tamao, color, textura, profundidad, etc. Por eso que es necesario proyectarse asus posibles modificaciones de acuerdo al plan general de diseo que se estpensando desarrollar .

    Al respecto, la firma alemana Linotype Library ha creado ... un sistema inteligente

    de navegacin que facilita hacer una eleccin entre 4000 caracteres...*denominado Font Explorer.

    ste es un sistema creado para operar con un software que funciona as: presentaun cuadro de dilogo interactivo con las clasificaciones y especificaciones de todoslos caracteres, con la posibilidad de seleccionar mediante sus perfiles semnticos,pudiendo usar datos estilsticos y asociaciones con conceptos como: clido/fro,femenino/masculino, esttico/dinmico, clsico/moderno, etc. Al seleccionar una deestas opciones, aparece un listado con todas las tipografas vinculadas con la formade expresin deseada en las que el diseador puede seleccionar alguno de supreferencia.

    Aunque el sistema es bastante mecnico no deja de ser de gran ayuda en laagitada actividad grfica donde las soluciones tienen que darse al instante por lanaturaleza del medio que tiene que cumplir plazos para ser til.

    En los diagramas que presentamos trataremos de dar una idea de la forma cmo sepresenta la exploracin de los cuadros de dilogo de este instrumento.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    15/61

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    16/61

    Tipo 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, porejemplo: 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 delos textos: a la izquierda, a la derecha, al centro, justificado.

    El interlineado es el espacio entre rengln y rengln.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    17/61

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    18/61

    ___________________________________

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

    * En FONTCUBERTA, Joan. Fotodiseo. Barcelona, Edit. Ceac, 1988.

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

    * En HEILDELBERG. Caracteres y tipografa. Revista de la firma Heilderberg, Alemania,1998

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    19/61

    CAPTULO III

    COLOR EN DIAGRAMACIN

    Aquellos colores que t quieres quetengan belleza habrs de ponerlos despus dehaber preparado un fondo blanqusimo; y digo

    esto respecto a los colores transparentes...Leonardo Da Vinci

    Hasta hace unos aos hablar de color en una publicacin era asunto raro por loscostos y porque los procesos eran muy laboriosos, requeran de varios especialistaspara hacer originales, fotomontaje, procesado de pelculas, insolado de matrices,etc.

    Hoy, la tecnologa ha puesto a disposicin de los profesionales del diseo todas lasfacilidades para que estos procesos y, concretamente, la aplicacin del color seafcil, de manera que ahora las ediciones a color son muy fciles de resolver slo enla pantalla de un ordenador.

    La utilidad de la investigacin

    Cuando enfrentamos el desarrollo de un proyecto grfico nece-sitamos definir elcolor o los colores con los que vamos a trabajar.

    Necesitamos conocer de antemano una serie de informaciones que vienen delcliente, de las caractersticas del contenido del proyecto que se va a desarrollar porlo que es necesario estudiar detenidamente cada uno de estos detalles:

    El tipo de publicacin: si es de carcter cientfico (ecologa, arqueologa,matemticas), si es deportiva (ftbol, autos, aventura, tabla, artes marciales),tcnica (aeronutica, mecnica, grfica, construccin), social, poltica, comercial,artstica, turismo, etc.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    20/61

    El pblico al que va dirigido, por edad: nios, jvenes, adultos; ambito geogrfico:rural, urbano; actividad laboral: obreros, gerentes, maestros, choferes, etc. En esteaspecto hay una consideracin de tipo sociolgico: la cultura de determinadosgrupos sociales sugiere un criterio especfico, aunque no definitivo; es el caso de ladenominada cultura chicha.

    Es necesario haber revisado las fotografas, dibujos, grficos, etc., que se usarn enla publicacin.

    El diagramador tendr que saber las preferencias personales del cliente y de losusuarios o posibles usuarios sobre diferentes aspectos vinculados con lapublicacin; por ejemplo, cuando una publicacin est dirigida para el personal de

    una empresa es conveniente hacer una exploracin con los futuros usuarios paraextraer datos que ayuden a tener certeza en las propuestas.

    sta es una parte de la informacin que viene del cliente, ahora vamos a ver otrosaspectos que maneja el diseador o diagramador.

    La expresividad del color

    Aunque Abraham Moles hace un enfoque del tema orientado al entendimiento delos elementos de la imagen en general, haremos una referencia de ello con el fin detener un panorama ms amplio de lo que significa el color en la comunicacinvisual.

    Hace una clasificacin de la siguiente manera:

    -El color denotativo se refiere al que nuestros ojos perciben de manera natural,directa, el mundo de lo real.

    Color denotativoIcnicoSaturadoFantasioso

    Representacin orealismo

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    21/61

    Color connotativoPsicolgicoSimblicoEsttico

    Emotividad ocarisma

    Color esquemticoEmblemticoSealticoConvencional

    Funcionalidad ycodificacin

    Se establecen tres niveles: icnico, saturado y fantasioso. El icnico es el queexpresa una clara funcin identificadora (cada cosa tiene su color) de los objetos,de los escenarios, de la piel, el color de una naranja, un rbol. Expresa conrealismo el mundo exterior al que aadido la textura del objeto representadogenera un nuevo grado de esa iconicidad cromtica: el hiperrealismo que es labsqueda de la representacin minuciosa del realismo. El nivel saturado es elcromatismo exaltado de la realidad.

    La utilizacin del color puro, brillante exagerado para provocar el espectculovisual que permita la pregnancia del mensaje. El color fantasioso corresponde auna modificacin del color natural sobre la forma realista para generar fantasasvisuales que trascienden hacia las manifestaciones surrealistas: un tomate de colorazul, una sanda por fuera roja y en el interior de color verde, etc.

    - El color connotativo corresponde a valores que no son percep-tiblesfisiolgicamente. Est en relacin con el aspecto subjetivo de la percepcin, emanasensaciones de calma, sosiego, calidez, tristeza, alegra, dinamismo, paz, etc.

    Las sensaciones tienen que ver con elementos culturales del entorno. Existe unarelacin entre los colores y determinados hechos propios de la cultura de un gruposocial, de manera que para los fines prcticos es indispensable tener una ampliainfor-macin en este terreno para poder representar correctamente los mensajesvisuales que se quieren transmitir.

    Por ejemplo, en el Per el color morado est relacionado con una actividadreligiosa, mientras en los pases socialistas el rojo est identificado con larevolucin; para la Coca-Cola est asociado a la euforia, la exaltacin y la vitalidad.En otros lugares el rojo simboliza el fuego, la sangre y el amor divino; es utilizadoen las fiestas del Esptitu Santo.

    El color adquiere el carcter de fenmeno cultural factible de ser identificado deacuerdo a un proceso de codificacin.

    - Finalmente, el color esquemtico est referido a la capacidad de simplificacin quese puede hacer de una cantidad inmensa de colores a un reducido conjunto al quese le puede asignar valores reconocibles en un contexto ms o menos amplio.

    Sus variaciones son: el emblemtico, referido a la identificacin tradicional del colorcomo es el caso de los escudos, banderas, emblemas, etc. El color sealtico, aquelcolor que asociado a smbolos grficos y tipografas puede ser capaz de daridentidad a una corporacin o un conjunto de actividades homogneas (deportes,seguridad, comercio). El color convencional es el que busca una expresividad propiade carcter decorativo o funcionales, o simplemente persigue resultados formalesestticamente agradables de acuerdo con sus objetivos particulares.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    22/61

    Cmo aplicar el color?

    El plano denotativo

    En general y de acuerdo con los fines que perseguimos podemos convenir en quelos niveles connotativo y denotativo del color sern nuestra referencia paraorganizar la manera de aplicar el color en los proyectos grficos.

    Cuando hablamos del plano denotativo (representacional o realista en el decir deMoles), es decir, la manera cmo queremos que se vea el color, nos referimos aese proceso natural que se produce cuando la luz impacta sobre los objetos y stasobre nuestras retinas permitiendo registrarlos en nuestro cerebro para identificarde esta manera el mensaje visual (en el plano connotativo lo que ocurre es que elcerebro interpreta ese mensaje).

    Identificamos el cromatismo de los objetos al descomponerse la luz permitiendodistinguir los colores rojo, anaranjado, amarillo, verde, azul, violeta. Estos coloresorganizados en el crculo cromtico pueden facilitar la identificacin de relacionesentre ellos para aplicarlos en el diseo.

    En realidad, sta es una de las etapas ms importantes en el proceso de generacinde mensajes visuales puesto que la capacidad de ver implica el almacenamiento deinformacin visual que permanentemente es confrontada con una serie deexperiencias las cuales son compartidas con individuos a quienes posteriormenteles enviar mensajes para que sean decodificados y cumplan la funcin para la quefueron creados.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    23/61

    Dentro de los sistemas creados que ayudan a organizar los mensajes visuales bajolos criterios del color, el crculo cromtico es una herramienta til para entender laforma cmo se puede aplicar el color en un proyecto grfico.

    No existen normas establecidas sobre la forma cmo utilizar los colores. El creativopropone de acuerdo a un conjunto de factores objetivos y subjetivos que finalmenteidentificamos como el gusto para disear que en realidad es su capacidad paraproponer soluciones en dicha materia. Esta capacidad es adquirida en base alestudio, la experiencia en el ejercicio de su especialidad, hechos que le permitenacertar en la interpretacin de las necesidades del usuario.

    De esta manera de percibir los colores podemos organizar dos grandes grupos:contrastes y armonas: monocromticas, de com-plementarios y anlogos.

    - contraste de colores: se trata de observar en el crculo cromtico cules son loscolores que se oponen el uno al otro y as establecer una tabla de colores para usoautomtico en un diseo cualquiera (fig. 1).

    - armona monocromtica: est referida a la forma cmo un matiz puede sersuficiente para aplicar color a un diseo. Segn la cantidad de luz que tienen loscolores, stos pueden definirse en un conjunto de tonos que van desde el msoscuro (negro) hasta el ms claro (blanco). El rango definido entre la zona msoscura y el color normal es el denominado colores grises; el rango entre el colornormal y la zona ms clara es el denominado colores pastel, todo esto correspondeal brillo de los colores. La simple combinacin de estos colores puede generardiseos cromticamente armnicos (fig. 3).

    - la armona de complementarios: aqu se trata de combinar uno de los colores delcrculo cromtico con otros que se encuentran al lado opuesto en un rangoaproximado de 45 (fig. 2).

    - armona de anlogos: en esta clasificacin se trata de combinar uno de los coloresdel crculo cromtico con otros que se encuentran a sus lados en un rangoaproximado de 45 (fig. 2).

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    24/61

    Otras alternativas

    De estas armonas bsicas se pueden derivar otras propuestas que el propiodiseador considere til para su trabajo.

    Por ejemplo (fig. 4) se puede plantear como un criterio asociando un color (azul) yuna armona acromtica (negro 50% + negro30% + negro10%).

    El criterio de clido-fro (fig. 5) tambin es otro criterio y esta identificacingenrica puede asociarse a una armona y considerarla como un sistema ordenadopara aplicarlo a un diseo. Normalmente cuando se trata de pginas de revista operidicos son los matices de las fotografas los que en gran medida determinan loscriterios de color, por ejemplo una fotografa con matices clidos es acompaadacon titulares en color rojo, grficos con combinaciones de naranja, amarillo y susrespectivas variaciones en la saturacin.

    Al momento de empezar a aplicar el color en el diseo es indispensable que elsistema a utilizar o crear sea claro, que permita ordenar los componentes delmensaje que se quiere construir. Normalmente decimos que la aplicacin esintuitiva, pero en realidad lo que ocurre es que el experimentado asigna colores con

    facilidad debido a que ese crculo cromtico, esos esquemas armnicos de color,esos sistemas propios se han grabado en la memoria a lo largo de su experiencia yemergen de manera natural a la hora de disear.

    El significado del color. El plano connotativo

    Cuando se habla del plano connotativo nos referimos a cmo es que queremos quese mire el color.

    Cuando se habla de significado de colores la referencia es la forma cmo afectan loscolores a las personas. La idea de amplitud o estrechez, de oxigenacin o ahogo, defro o calor que pueden sugerir algunos colores corresponde a una asociacin de lassensaciones 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 larelacin 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 aun escenario, a un objeto, a una ilustracin y reacciona emitiendo un juicio osimplemente decodificando los elementos en este caso cromticos para darlesentido al mensaje.

    Esto significa que es necesario conocer con amplitud la realidad del grupo para elcual se va a crear un mensaje; conocer sus patrones culturales tanto del pasadocomo del presente, por esta razn siempre es necesario investigar cada vez que seinicia un trabajo.

    Las preferencias cromticas se pueden determinar haciendo estudios en lossegmentos de posible aplicacin, esto permitira tener mayor certeza en laelaboracin de campaas publicitarias, por ejemplo.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    25/61

    Sensaciones acromticas

    Blanco

    Asociacin material - bautismo, casamiento, cisne, lirio, primera comunin,nieves, nubes en tiempo despejado.

    Asociacin afectiva - orden, simplicidad, limpieza, pensamiento, juventud,optimismo, piedad, paz, pureza, inocencia, dignidad, afirmacin, modestia,deleite, despertar.

    Negro

    Asociacin material - sombra, entierro, noche, condolencia, muerte. Asociacin afectiva - mal, miseria, pesimismo, sordidez, tristeza, frigidez,

    desgracia, dolor, temor, negacin, melancola, opresin, angustia. Es alegrecombinado con ciertos colores.

    Gris

    Asociacin material - polvo, neblina, mquinas, mar en tempestad. Asociacin afectiva - tedio, tristeza, decadencia, desnimo, seriedad,

    sabidura, pasado, finura, pena.

    Sensaciones cromticas

    Rojo

    Asociacin material - cereza, guerra, lucha, vida, sol, fuego, llama, sangre,combate, labios, mujer.

    Asociacin afectiva - dinamismo, fuerza, bajeza, energa, revuelta,movimiento, coraje, furor, esplendor, intensidad, pasin, vulgaridad, poder,vigor, gloria, calor, violencia, excitacin, ira.

    Naranja

    Asociacin material - fuego, luz, llama, calor, fiesta. Asociacin afectiva - fuerza, luminosidad, dureza, euforia, energa, alegra,

    advertencia, tentacin.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    26/61

    Amarillo

    Asociacin material - flores grandes, luz, topacio, verano, chinos. Asociacin afectiva - iluminacin, confort, alerta, gozo, orgullo, esperanza.

    Verde

    Asociacin material - frescor, difano, primavera, bosque, aguas claras,mar, verano, planicie.

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

    Azul

    Asociacin material - fro, mar, cielo, hielo. Asociacin afectiva - espacio, viaje, verdad, sentido, intelectualidad, paz,

    advertencia, precaucin, serenidad, infinito, meditacin.

    Rosa

    Asociacin material - noche, aurora, sueo, mar profundo. Asociacin afectiva - fantasa, misterio, profundidad, electricidad, dignidad,

    justicia, egosmo, grandeza, misticismo, espiritualidad, delicadeza, calma.

    Marrn

    Asociacin material - tierra, aguas estancadas, dolencia. Asociacin afectiva - pesar, melancola.

    Verde

    Asociacin afectiva - estima, valor, dignidad.

    En la tabla podemos apreciar el significado de los colores en los planos tantomaterial (denotativo) como sicolgico (connotativo). Esta informacin es productode una investigacin realizada en un medio como el brasileo; sin embargo,veremos que muchas de las asociaciones coinciden con nuestra cultura depercepcin cromtica, posiblemente por la relacin entre los paseslatinoamericanos.

    Avizoramos que con el advenimiento de la tecnologa de punta la generalizacinser cada vez mayor y obligar a las culturas regionales a afirmar sus identidadesen lo que respecta al cromatismo.

    Tambin es til observar en el otro cuadro un estudio realizado por el siclogoBamz* en la que asocia la edad y la preferencia de una persona por undeterminado color, aplicado tambin en el campo de la mercadotecnia.

    Rojo

    Correspondera al perodo de 1 a 10 aos edad de la efervescencia y laespontaneidad.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    27/61

    Naranja

    Correspondera al perodo de 10 a 20 aos, edad de la imaginacin,excitacin, aventura.

    Amarillo

    Correspondera al perodo de 20 a 30 aos, edad de la fuerza, potencia,arrogancia.

    Verde

    Correspondera al perodo de 30 a 40 aos, edad de la disminucin del fuegojuvenil.

    Azul

    Correspondera al perodo de 40 a 50 aos, edad del pensamiento y lainteligencia.

    Lila

    Correspondera al perodo de 50 a 60 aos, edad del juicio, misticismo y laley.

    Rosa

    Correspondera al perodo de 60 a ms, edad del saber, la experiencia y labondad.

    Funcionalidad del color

    En lo que se refiere al carcter funcional del color, ste es empleado en laelaboracin de normas cromticas para prevencin, seguridad en la industria, enactividades de servicios (hospitales, aeropuertos, oficinas), trnsito, etc. Este vastosegmento de la expresividad cromtica es la denominada sealtica.

    Todo esto es lo que Moles llama el color esquemtico, aquel que necesita sercodificado para ser identificado. Aqu se considera el color aplicado a las banderas(emblemtico) y los colores institucionalizados de los uniformes, as como en el usoreligioso del color adquiriendo un carcter simblico que otorga una identidad aquien lo utiliza.

    La cuatricroma

    Para el iniciado es recomendable que confeccione el crculo cromtico, sea enproceso convencional o digital y tenerlo siempre a la mano es una referencia til.Los profesionales usan la carta de colores (Pantone) para identificar variedad decolores y hacer especificaciones tcnicas de las mezclas.

    Estas cartas de colores traen impresas miles de variaciones de colores; asimismo,existe tambin un Pantone con los denominados colores apastelados y otros queespecifican la mezcla de tintas para obtener un color especial; este ltimo esutilizado por los prensistas offset.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    28/61

    Cada uno de estos colores est identificado con un cdigo (PANTONE E 149-1CVS)que es el que el diseador utiliza para registrar en el diseo o ubicarlo en suordenador; adems especifica los porcentajes de cian (C), magenta (M),amarillo(A) y negro (N) que se utilizan para obtener ese color.

    En el idioma ingls la cuatricroma es reconocida con las siglas CMYK en castellanocomo CMAN.

    La hexacroma

    Las nuevas tecnologas en prensa ya utilizan, desde hace algn tiempo, un sistemade color denominado hexacroma, tambin conocido como sistema HiFi, queconsiste en la utilizacin de cuatro colores (CMAN) a los que se aaden dos (verdey naranja), todos distribuidos en porcentajes de manera que el color final de unaimagen es extraordinariamente ms colorido.

    En realidad, esto ocurre porque adems de ser colores adicionales stos son deltipo fosforescente, lo que hace que la imagen alcance un alto grado de expresividadvisual por ser de mxima saturacin. El sistema considera tintas especiales,software de diseo y un catlogo de color Pantone Hexachrome*.

    Tal vez lo ms importante de esta tecnologa es el hecho de que simula los coloresRGB, 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 tcnicas, como el barnizadoultravioleta, que han buscado simular superficies con apariencias reales de losmateriales representados.

    Aplicacin: En el grfico podemos ver la forma cmo hasido utilizado el crculo cromtico en el diseo de esa

    pgina, es el caso de colores anlogos

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    29/61

    Existen tintas especiales que se aplican en la edicin de publicaciones y quesimulan metales conocidos como el oro, la plata, el cobre. En este caso tambin sonaplicados en procesos adicionales de impresin aunque la cuatricroma intentaemular a estos metales con su combinacin de CMAN o CMYK.

    En ocasiones el grafista pretende expresar visualmente una representacin de la

    realidad lo ms cercana posible y, como sabemos, la realidad es tridimensional.sta es simulada mediante efectos visuales en base al color con el que se logranilusiones pticas de profundidad y textura y algunas veces de movimiento, como esel caso de colores que producen vibraciones visuales y, en otros, apelando a laforma como lo haca Vctor Vasarely en sus obras pictricas.

    CAPTULO IV

    LA COMPOSICIN EN LA DIAGRAMACIN

    Las estrategias visuales del diseono son absolutos universales; generan

    explotan y reflejan convenciones culturalesJacques Derrida*

    Forma o funcin?, la tarea de escribir correctamente se acompaaba de unacomposicin tipogrfica lo suficientemente ordenada para permitir una lecturafluida. Probablemente las tcnicas de composicin no permitan mayoresindagaciones formales. Con el advenimiento de la informtica y las posibilidadesque ofrecieron los programas para el diseo grfico se present la oportunidad paraarmonizar 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 esosrecursos formales desvirtuando precisamente aquello que se buscaba: disear parafacilitar la lectura del mensaje. El uso desmedido de tramas, texturas, lneas,variedad de tipos, etc., recargaban las pginas convirtindolas en prcticamenteilegibles. La aparicin de centros de capacitacin en el campo del diseo estcontribuyendo a reorientar el uso de los programas grficos.

    Los diseadores saben que las bases del diseo se dan fuera de las plataformasinformticas, que el ordenador como el estilgrafo, el lpiz, las escuadras son

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    30/61

    instrumentos para hacer realidad las ideas. Por lo tanto los criterios de composicintendrn 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 nuestraexploracin.

    Verticalidad y horizontalidad

    Tratemos de entender el comportamiento de los objetos: ... el punto se mueve ysurge la lnea. La lnea se mueve y produce una superficie plana y la unin desuperficies planas crea un cuerpo...**.

    Para Vasily Kandinski la lnea expresaba el movimiento: ...es la traza que deja elpunto al moverse y es por lo tanto su producto. Surge del movimiento al destruirseel reposo total del punto....

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

    Esa adaptacin permanente se relaciona con esa necesidad natural de buscar elequilibrio 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 laverticalidad, se expresa tambin en los deseos de querer que todo lo que le rodeatambin debe estar en equilibrio.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    31/61

    Esquema presentado por Emil Ruder ensu Manual de diseo tipogrfico,y queresulta de mucha utilidad paracomprender el concepto de tensin.

    Asimismo, su necesidad de vincularse fsicamente con el entorno lo lleva atrasladarse de un lugar a otro de manera frecuente sobre esa superficieoperndose una relacin con el concepto de horizontalidad. Estas dos maneras de

    vincularse con el entorno, verticalidad y horizontalidad, son los ejes del equilibrioque, para el caso que queremos abordar, lo consideraremos como el equilibriovisual.

    Dice Kandinski de la verticalidad: ... es la forma ms limpia de la infinita y clidaposibilidad de movimiento...; y de la horizontalidad agrega: ... fra, susceptiblede ser continuada en distintas direcciones sobre el plano..., y completa: ... es laforma ms limpia de la infinita y fra posibilidad de movimiento....

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    32/61

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

    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 sontambien silenciosas. No en vano decimos que las lneas oblicuas producen ruido enel 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 modernobusca 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 sinconflictos. Sabemos que los griegos hicieron artificios en sus construcciones delPartenn. Intencionalmente modificaron las formas de las columnas para eliminaralgunos problemas pticos y as lograr la perfeccin en la percepcin de laverticalidad 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 laobra, tanto por razones estticas como por la naturaleza misma del objeto: elcomponente material, su carcter tridimensional y la necesidad de ser apreciadadesde cualquier ngulo. El atractivo de la Torre de Pisa radica, precisamente, en sucapacidad 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 segenera mediante la tensin y la direccin.

    La tensin

    La tensin es la fuerza concentrada en el elemento. El punto tiene tensin, pero nodireccin, la lnea combina tensin y direccin. A partir de esta base tericatrataremos de plantear un conjunto de ideas que nos permitan no slo entendersino adiestrarnos en la composicin.

    La relacin entre estos elementos bsicos como el punto y la lnea nos puedeayudar a entender este concepto.

    Tensin y equilibrio

    La necesidad de equilibrar los elementos no siempre es lo que se busca en eldiseo, por lo tanto, algunas veces intencionalmente provocamos la carga detensiones en algunos lugares de la composicin. Cuando somos conscientes de

    nuestra capacidad para determinar zonas de mayor tensin y sabemos que estodesequilibra los componentes del mensaje visual, podemos decir que estamos encondiciones de hacer composiciones ms complejas.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    33/61

    Los elementos tienen comportamientos distintos :tensiones de s mismos,tensiones en relaciones con loslmites,tensiones en relacin con otros elementos.Las lneas transmiten tensiones en toda su longitud yen sus extremos de manera independiente.Nuevas tensiones se producen simultneamenteunnos con otros.Las secuencias ms claras,las que tiene una relacin ycontinuidad cercana son las que definen la tenssintotal.

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

    La jerarquizacin

    Este criterio es fundamental para la organizacin de los elementos visuales. Setrata de asignar valores a cada uno de ellos y hacer que en varios niveles se vayanorganizando de acuerdo con la necesidad de enfatizar jerrquicamente los distintoselementos que componen el mensaje.

    Siempre habr un elemento lder al que hay que destacar en sus diferentesatributos: tamao, color, posicin, orientacin, opacidad, y detrs de l en unorden 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 tratamientopropio, as como la imagen, y aunque se expresan en dos niveles, estos seorganizan y se manifiestan unitariamente.

    El tratamiento de los atributos para cada elemento requiere de mucho cuidado paralograr una buena jerarquizacin, basta un cambio de atributo a uno de loselementos para propiciar un nuevo juego de relaciones entre ellos y por lo tantohabr un nuevo diseo.

    La destreza compositiva se basa en el dominio del criterio de jerarquizacin y en elestablecimiento de un ritmo para cada uno y, a la vez, todos los elementos queconforman ese mensaje visual, como consecuencia, el todo tendr tambin supropia jerarqua. Es decir, expresar en diversos grados de importancia los

    elementos y preponderantemente aquel que interesa destacar y se convierte en eleje 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.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    34/61

    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 cinetambin existe una expresin clara de lo que es el ritmo. En realidad, se trata de laestructuracin de los componentes de cada mensaje que se presenta en la pelculay, 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 msicacompuesta y colocada de acuerdo a ese guion. Asimismo, la fotografa trabajadacon el color y la iluminacin correctamente seleccionada, los niveles de expresinenfatizados de manera dosificada a lo largo de la proyeccin y otros factores quesimultneamente expuestos logren esa unidad en la obra.

    En la composicin grfica tambin hay que organizar los elementos tantoindependientemente como en sus relaciones unos con otros: los textos y susvariaciones de tamao, posicin, valor, textura, color, las imgenes igualmente consus variaciones, los signos sus valores y sus funciones y el conjunto organizadointegralmente para dar lugar a un mensaje visual efectivo, funcional.ucida por unelemento genera un efecto visual singular, cuando la tensin es producida porvarios elemen- tos el efecto visual tiene mltiples respuestas. Cules son los

    mecanismos que nos ayudan a ordenar estas mltiples tensiones? Se trata dedelinear 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 cinetambin existe una expresin clara de lo que es el ritmo. En realidad, se trata de laestructuracin de los componentes de cada mensaje que se presenta en la pelculay, a la vez, de sus sucesivos subcomponentes donde cada una de las partescontribuye para lograr la unidad del todo; el guion y su propia estructura, la msicacompuesta y colocada de acuerdo a ese guion. Asimismo, la fotografa trabajadacon el color y la iluminacin correctamente seleccionada, los niveles de expresin

    enfatizados de manera dosificada a lo largo de la proyeccin y otros factores quesimultneamente expuestos logren esa unidad en la obra.

    En la composicin grfica tambin hay que organizar los elementos tantoindependientemente como en sus relaciones unos con otros: los textos y susvariaciones de tamao, posicin, valor, textura, color, las imgenes igualmente consus variaciones, los signos sus valores y sus funciones y el conjunto organizadointegralmente para dar lugar a un mensaje visual efectivo, funcional.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    35/61

    Las tcnicas visuales

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

    Dondis* presenta en su estudio una serie de tcnicas visuales que resumen, dealgn modo, las ms importantes formas de organizacin de los elementos de lacomunicacin 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 enel diseo y la interpretacin de cualquier formulacin visual sino tambin paraexpresar la gran importancia de la tcnica y el concepto del contraste para todomedio de expresin visual....

    ___________________________________

    *En LUPTON, Ellen & Abbott Miller. El ABC de la Bauhaus y la teora del diseo.Mjico,Ed.G.Gili,1994.

    *Idem.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    36/61

    ** RUDER, Emil.Manual de diseo tipogrfico. Barcelona, Ed.G.Gili ,1983.

    *KANDINSKI,Vasili.Punto y lnea sobre el plano. Espaa, Paids, 1998.

    LA COMPOSICIN EN LA DIAGRAMACIN(Contina)

    La idea de presentar los opuestos radica en el hecho de que se quiere tener conclaridad el reconocimiento de dos maneras distintas de ver las cosas; un cabalconocimiento 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 elmensaje: 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 dela necesidad de expresar, per-suadir, describir, explicar, comunicar de la manerams 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. saes la razn por la que es indispensable una investigacin previa antes de proponerel diseo de un mensaje visual.

    Todos los elementos, tanto visuales como no visuales, deben estar conectados ydireccionados 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

    InestabilidadAsimetraIrregularidadComplejidad

    FragmentacinProfusinExageracinEspontaneidadPasividadAudaciaAcentoOpacidadVariacinDistorsin

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    37/61

    -Transparencia-Coherencia-Realismo-

    Plana-Singularidad-Secuencialidad-Agudeza-Continuidad

    ProfundaYuxtaposicinAleatoriedadDifusividadEpisodicidad

    En el proceso creativo emergen nuevas tcnicas de acuerdo con las nuevasnecesidades 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 deestas tcnicas visuales, lo importante es reforzar la claridad del mensaje que es elobjetivo principal de la composicin, entonces, comprendemos que el logro de laesttica en la forma de estos mensajes va acompaado necesariamente de lafuncionalidad.

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

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

    Equilibrio

    Inestabilidad

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    38/61

    Simetra

    Asimetra

    Regularidad

    Irregularidad

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    39/61

    Unidad

    Fragmentracin

    Economa

    Profusin

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    40/61

    Actividad

    Pasividad

    Reticente

    Exagerado

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    41/61

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

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

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    42/61

    Tcnica visual: ActividadPequeas alteraciones a la posicin, ascomo a la orientacin(giro) de algunosobjetos es suficiente para tener unaexpresin totalmente distinta delmensaje.

    Tcnica visual: Aglutinacin.Los elementos estn soldados y le danuna compactacin al bloque, expresandocon esto una composicinintencionadamente clara.

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

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    43/61

    Y el contragrafismo?

    Cuando buscamos el equilibrio entre el espacio ocupado por los objetos y el espaciolibre estamos apelando al juego con el vaco, entonces estamos asignndole unvalor visual al vaco y lo consideramos como objeto equilibrante. Esta presenciadeterminante de sensaciones visuales que provoca el vaco es lo que denominamoscontragrafismo.

    Las reas blancas que aparecen en las pginas no son sobrantes, no estnvacas, estn llenas de aire y ayudan a ventilar las pginas. Evidenciamos que elvaco tambin hay que diagramarlo. Aqu seguramente valoraremos con amplitud la

    elaboracin de una cuidadosa retcula basada en la proporcionalidad de todos loselementos. Convenimos, definitivamente, que cada paso se alimenta de lo anteriory si lo previo est bien resuelto lo que sigue no slo armonizar perfectamente sinoque el trabajo se har fcil porque todo va coincidiendo ya que hay un sistema, unorden, hay una base slida para la creatividad.

    ___________________________________

    *DONDIS,Donis.Sintaxis de la imagen.Mjico, G.Gili,1992.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    44/61

    CAPTULO VELEMENTOS DE DIAGRAMACIN

    ... hay una correspondencia naturalentre la superficie cuadriculada

    de la retcula (concepto de horizontalidad yverticalidad) y el modo en que recibimos

    imgenes en la retina*

    Como en toda operacin se necesita conocer las herramientas con las que se van atrabajar, as como la preparacin del lugar de trabajo. Sin estos requisitos nopodramos organizar nada, es ms, la definicin de estos aspectos resuelven almenos el cincuenta por ciento del trabajo total pues una correcta definicin detodos los detalles que gobernarn el desarrollo de todo el proceso creativo harn deste una actividad entretenida, atractiva y fcil de manejar.

    Cuando no se le da importancia a esta etapa, porque aparentemente se puederesolver en el camino, se corre el riesgo de estar modificando las pautas con laconsiguiente prdida de tiempo y la conversin del proceso creativo en unaactividad complicada.

    Armona: funcin y forma

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

    En la edicin periodstica hay dos planos que el diseador debe diferenciar con todaclaridad: el plano periodstico y el plano grfico. Esto plantea la necesidad de definiruna estructura periodstica y una estructura grfica donde esta ltima debeinterpretar 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. Lacomunicacin entre el periodista y diseador grfico es fluida en la medida que elprimero debe trasmitir los objetivos de su mensaje y el segundo tendr que saberinterpretarlos graficamente. En ambos casos aportarn lo que sus profesionesofrezcan 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 decomunicar.

    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 laseccin propiamente dicha el editor definir sus componentes, los gneros(reportajes, entrevistas, columnas de opinin, infografas). Todo esto deber serconvertido a una estructura grfica que armonice con las intenciones del editor(definicin de tipografas, colores, criterios compositivos, tratamiento de lasimgenes, 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 laforma de un mensaje impreso.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    45/61

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

    Los elementos. Definiciones

    El formato se refiere al tamao final de la publicacin. Este tema est relacionadocon otro: el papel, y es que dependiendo del tipo de soporte se puede establecer unformato.

    El papel se comercializa en bobinas y en paquetes denominados resmas. En elprimer caso es usado para impresos de alto tiraje como los peridicos; en elextranjero tambin es utilizado para imprimir revistas de alto tiraje, en nuestromedio recin est usndose para algunas revistas. El papel en resma es elgeneralizado 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 (calibre10,12 y 14)Peso desde 60 hasta 350 g

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

    En el grfico observamos el formato aproximado de algunas de las revistas msconocidas que circulan en el medio.

    Caretas 21 x27,5 cm

    Gente 20 x

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    46/61

    28 cm

    Gisella 20 x29 cm

    Sin embargo, es importante saber que la determinacin de un formato es un asuntoserio, no es solamente tomar una hoja de tamao resma y dividirla en cuatro uocho partes.

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

    Los mrgenes definen la caja de diagramacin que es el lugar donde van a irprincipalmente los textos; las imgenes podrn distribuirse en toda la pginaaprovechando el trazado de la rejilla de diagramacin. Normalmente la altura de lacaja de diagramacin debe coincidir con el interlineado asignado al cuerpo de texto.

    Las columnas podrn 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 lamodulacin vertical.

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

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

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    47/61

    Cuadrcula, plantilla, rejilla

    Para lograr la elaboracin de una rejilla, una plantilla, o una cuadrcula dediagramacin es necesario trazar divisiones horizontales en la caja dediagramacin. Estas divisiones pueden ser de dos, tres, cuatro, cinco, seis, etc.Estos trazados forman la modulacin horizontal los mismos que se combinan conlas columnas (modulacin vertical) para definir los espacios que servirn paraubicar los elementos de la diagramacin. Es la sntesis del uso de columnas y filascreado 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 delmovimiento De Stijl: ... la retcula... es el origen fundamental del arte..., de Stijlinfluy en Moholy Nagy, Albers, Bayer y Schmidt. Para Paul Klee fue la base de suarte, coincidimos en reconocer que ... conforme se dominen las retculas yelementos geomtricos se estar en mejores condiciones para acercarse alnaturalismo, conforme ms se controle cada una de las cuatro direcciones de laretcula 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 esun lenguaje, afirma Lupton.

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

    La retcula es una forma estructural que permite organizar los elementos, conformevayamos interiorizando la necesidad de trabajar sobre un espacio virtualmenteordenado nos iremos desprendiendo de la rigidez real, no se puede concebir lalibertad en el diseo si no se conocen los lmites. La pugna no es reciente, nos lorecuerda Ellen Lupton; efectivamente, Ruder en su Manual de diseo tipogrficoensaya una serie de condiciones geomtricas para el diseo, sin embargo,considera a la intuicin como la base de las decisiones finales. Sabemos que esaintuicin no es sino la confirmacin de un cabal conocimiento de teorasfundamentales: proporciones, formas, contrastes, tonalidades, ritmo, cintica, etc.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    48/61

    Segn Gestener,* cuanto ms exactos y completos son los criterios, tanto mscreativa 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 elprogramador se basa en ecuaciones matemticas para producir ventanas, cuadrosde dilogo, as como para realizar de manera automtica las operaciones que

    permiten construir objetos y componerlos en el espacio virtual de una pantalla deordenador, lugar en el que se busca romper esos ejes x e y para expresar lalibertad 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 dediagramacin

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

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    49/61

    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 escndalodiplomtico internacional. Tanto que el primer ministro italiano,Giuliano Amato, exigi ayer a la OTAN para aclarar si el uso de uranioempobrecido en Bosnia y Kosovo ha provocado la muerte de soldadostrasalpinos.La OTAN dice Amato debe asumir la responsabilidad de hacer las

    indagaciones necesarias que permitan reconstruir la historia del uranioempobrecido. Hemos sabido siempre que se haba usado en Kosovo,pero no en Bosnia, y que su peligrosidad se limita a casos de contactoexcepcionalmente altos; pero, ahora comenzamos a tener miedo deque las cosas no fueran tan sencillas.Italia est conmocionada, confundida, nerviosa y el gobierno mirairritado hacia Bruselas... Las autoridades de la OTAN estn en lapicota: Qu saba la Alianza Atlntica sobre los riesgos que corran lossoldados destacados en los balcanes?Con la vida de los soldados no se juega, opinaba el diario romano IlMessaggero.

    Pronunciamiento

    Por su parte, un portavoz de la OTAN inform en Bruselas que eseorganismo tratar el prximo 9 de enero el denominado Sndrome delos Balcanes, tras la muerte de cncer de al menos siete italianos yun espaol destacados en la regin donde habran estado expuestos alas radiaciones del metal mortal empleado como municin por tropasestadounidenses.El comunicado de la OTAN llega tras la peticin del primer ministroitaliano, Giuliano Amato, de que el pacto defensivo arroje luz sobre eltema.Fotografa

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    50/61

    Leyenda: 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 maneraProcedemos a ensayar un criterio de color, escogemos tonos del azul en vistaque la foto tiene tonos oscuros y trataremos de presentar una pgina que armonicecon 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 aadimosel nmero de pgina. Trataremos de construir un ritmo, en la diagramacin depginas de revistas; esto no es muy complicado pero s lo es en el caso deperidicos debido al formato ms amplio que tienen.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    51/61

    Algunos detallesConstituyen recursos ornamentales con los que el diagramador puede jugar. stospueden 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.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    52/61

    Zonificacin y jerarquizacin en el diagramado de peridicosUna introducccin.

    Seleccionar una zona, permite controlarla totalmente en una pantalla decomputadora, logrando precisar los detalles que requiere el diseo. La cuadrcularesulta siendo un recurso de gran utilidad, pues, prcticamente, los elementos vanubicndose solos. Es necesario recordar que el manual de diseo es indispensablepara lograr la unidad que diariamente presenta el peridico.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    53/61

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

    *En LUPTON,op,cit*DIAZ LEN, Francisco. El modulor/8. Lima, Edit. CDICE/CECOSAMI, 1994.*En LUPTON, op.cit*Op.cit

    ELEMENTOS DE DIAGRAMACIN

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

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    54/61

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

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    55/61

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    56/61

    Construccin del mensaje bimedia

    Nuevamente ejercitemos en base a los dos procesos antes analizados. Debern serintegrados en un proceso simultneo, retroalimentado, de aproximaciones

    continuas y un ensayo progresivo con todas las alternativas posibles hasta lograruna optimizacin en el uso de todos los elementos en juego; este juego es lo quellamamos composicin.

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    57/61

    La jerarquizacin bsica (por tamao)

    El juego de lacomposicin,textos e imgenes seintegran en un intercambio de relaciones jerarquizadasapelando a criterios de composicin y aplicandoatributos de opacidad, orientacin color,forma(contorno) a los elementos para af irmarjerarquas

    Un breve anlisis de esta pgina

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    58/61

    Unidad del todo y las partes

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

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

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

    El logotipo

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

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

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    59/61

    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 laportada. Normalmente quienes diagraman publicaciones desdean esto porque sesienten amarrados a un esquema (o porque simplemente ignoran lo til que es);entonces incluyen en cada edicin una idea nueva. Los profesionales del diseosaben 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 seestablecen las variaciones que pueden tener el manejo del color, tipografa ycriterio compositivo de la portada, todo ello aplicado a los dos elementos delmensaje 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 lasediciones.

    Especificaciones bsicas de una portada

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

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    60/61

    Los criterios de diseo no son slo para un pgina oseccin, sino para toda la publicacin, razn por la cual eldiseador debe tener un visin panormica de todo lo queconcierne a este proyecto. El dominio del todo y la parte esuna destreza que se adquiere con el constante ejercicio dela diagramacin

    __________________*DONDIS, op.cit

    BIBLIOGRAFA

    ... la forma deseada consciente

    AICHER, Otl- KRAMPEN, Martn. Sistemas de signos en la Comunicacin Visual.Mjico G: Gili, 1991.

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

    DAZ LEN, Francisco. El modulor/8. Lima, Edit. CDICE/CECOSAMI, 1994.

    DONDIS, Donis A. Sintaxis de la imagen. Mjico, G. Gili, 1992.

    FARINA, Modesto. Psicodinmica das cores em publicidade. Universidad de SaoPaulo, 1975.

    FONTCUBERTA, Joan. Fotodiseo. Barcelona, Edit. ceac, 1988.

    GARCA, Mario R. Diseo y remodelacin de peridicos. Espaa, ediciones de la

  • 7/29/2019 Cumpa Gonzalez Luis Alberto - Fundamentos de Diagramacion Revistas

    61/61

    Universidad de Navarra, 1981.

    GONZLEZ, Mariano. Diseo I y II. Espaa, ediciones Didascalia, 1977.

    HEIDELBERG. Caracteres y tipografa. Revista de la firma Heildeberg, Alemania,1998.KANDINSKI, Vasili. Punto y lnea sobre el plano. Espaa, Paids, 1998.

    Kppers, Harald. Fundamentos de la teora de los colores. Mjico, G. Gili, 1992.

    LUPTON, Ellen & Abbott Miller. El ABC desnl la Bauhaus y la teora del diseo.Mjico, Ed. G. Gili, 1994.

    MARTNEZ DE SOUZA, Jos. Diccionario del periodismo. Madrid, Paraninfo, 1981.MARVI, E. Historia de las Artes Grficas. Orgenes de la escritura.

    MOLES Abraham. Gafismo Funcional. Barcelona, Edit. ceac, 1988.

    MUNARI, Bruno. Comunicacin Visual. Barcelona, G. Gili, 1979

    Page Maker. Gua del Usuario. EE.UU., Adobe Systems Incorporated, 2001.QUARANTE, Danielle. Diseo Industrial. Espaa, Ed. ceac, 1992.

    RUDER, Emil. Manual de Diseo Tipogrfico. Espaa, G. Gili, 1983.

    SOLANAS Donoso, Jess. Diseo arte y funcin. Espaa, Salvat, 1985.

    TOSTO, Pablo. Teora de las proporciones. Buenos Aires, Hachette, 1974.

    WONG, Wucius. Fundamentos del diseo bi y tridimensional. Mjico, Ed. G. Gilli,2001.tipogrficamente perfecta...

    Adrin Frutiger