LA TIPOGRAFIA EN DIAGRAMACION Y SUS CLAVES

LA TIPOGRAFÍA EN  DIAGRAMACIÓN

«

Desde siempre el hombre ha buscado comunicarse con los demás por diversos medios, fijando los mensajes en soportes como madera, pieles, piedra, metal, papel, soportes electrónicos (discos compactos). En ese proceso de búsqueda el uso de una serie de instrumentos como el punzón, buril, cincel, pluma y, en estos tiempos el ordenador, han permitido generar diversas maneras de expresar tanto las imágenes como los signos que luego han derivado en la escritura con la representación pictográfica, los ideogramas-logogramas-fonogramas*, los jeroglíficos, los alfabetos.

La necesidad de representar las vivencias mediante un mensaje visual obligaba a buscar formas con escenas, figuras, objetos reconocibles que a la vez resultarían en formas codificables por un determinado grupo humano lo cual permitió el intercambio de ideas, la comunicación.Este largo proceso de construcción de signos no ha terminado y la búsqueda se orienta a lo mismo: facilitar la comunicación.

LAS CLAVES DE LA DIAGRAMACIÓN

Nuestro interés es que el lector encuentre en este manual aquello que le permita entender y aprender a realizar de manera fácil, la diagramación de cualquier proyecto editorial. Este manual básicamente está dedicado a la exploración del proceso de la diagramación, así como sentar las bases teóricas que sustentan este proceso

La diagramación de una revista es sólo el pretexto para conocer los mecanismos de la diagramación de boletines, memorias, folletos, periódicos, etc., ya que los fundamenos del diseño son comunes para todos ellos.

Cuando hablamos de los fundamentos de la diagramación nos referimos en esencia a los proceso. La diagramación de una revista es sólo el pretexto para conocer los mecanismos de la diagramación de boletines, memorias, folletos, periódicos, etc., ya que los fundamenos del diseño son comunes para todos ellos.

Cuando hablamos de los fundamentos de la diagramación nos referimos en esencia a los fundamentos del diseño gráfico:la tipografía, el color y la composición.

Cuando queremos organizar una página necesitamos saber:
- qué es lo que vamos a organizar y,
- cómo lo vamos a organizar,

lo que vamos a organizar son los textos y las imágenes (T+I) los cuales son los componentes básicos de los mensajes impresos, la forma cómo lo vamos a hacer es manejando los criterios de tipografía, color y composición.

La tipografía, el color, y la composición constituyen las bases de la diagramación. Un entendimiento claro del significado de cada uno de estos conceptos permitirá al diagramador trabajar con seguridad un proyecto gráfico de cualquier envergadura.

En general, ¿cómo es el proceso de diagramación?, en el diagrama de la página anterior queremos explicar esto. Los criterios ahí señalados son sólo una guía para ordenar el proceso de la composición, puesto que no necesariamente se tiene que desarrollar el proceso en el orden indicado; la diagramación es también una permanente interrelación de los objetos. Cuando se modifica una de las condiciones las demás se ven afectadas y es en esa búsqueda del equilibrio donde el trabajo se pone divertido. Para el diseño en general y la composición de páginas en particular, esta destreza se logra en base al ejercicio permanente de la composición y muchas veces está relacionado con la repetición de los procesos los mismos que posteriormente se convierten en elementos de identidad para un diseño específico.

La sencillez con que se concibe este proceso invita a algunos improvisados diagramadores a decir: «¿eso era todo?» y se dedican a complicar sus páginas con una serie de elementos para justificar plazos y costos convenidos con sus clientes; el verdadero profesional lo que busca siempre es elaborar un mensaje visual sencillo que haga fácil la comunicación, que haga de esa página una agradable lectura. Si esto se logra se habrá cumplido con el objetivo que no es otra cosa que la de facilitar la lectura recurriendo al uso de un criterio de color que armonice con el mensaje, a una tipografía que refuerze el carácter de ese contenido y a una composición que envuelva al lector en la dinámica o la placidez de ese mensaje. Veremos ahora cada una de las claves de la diagramación.

CAPÍTULO IV LA COMPOSICIÓN EN LA DIAGRAMACIÓN ¿Forma o función?, la tarea de escribir correctamente se acompañaba de una composición tipográfica lo suficientemente ordenada para permitir una lectura fluida. Probablemente las técnicas de composición no permitían mayores indagaciones formales. Con el advenimiento de la informática y las posibilidades que ofrecieron los programas para el diseño gráfico se presentó la oportunidad para armonizar sin mayores dificultades la función y la forma. La capacidad de manejo tipográfico y de color por parte de los programas llevaron a los primeros operadores de computadora a una exagerada utilización de esos recursos formales desvirtuando precisamente aquello que se buscaba: diseñar para facilitar la lectura del mensaje. El uso desmedido de tramas, texturas, líneas, variedad de tipos, etc., recargaban las páginas convirtiéndolas en prácticamente ilegibles. La aparición de centros de capacitación en el campo del diseño está contribuyendo a reorientar el uso de los programas gráficos. Los diseñadores saben que las bases del diseño se dan fuera de las plataformas informáticas, que el ordenador como el estilógrafo, el lápiz, las escuadras son instrumentos para hacer realidad las ideas. Por lo tanto los criterios de composición tendrán que entenderse en este marco. «... El proceso de composición es el paso más importante en la resolución del problema visual...»*, así podemos entender el valor que tiene esta parte de nuestra exploración. Verticalidad y horizontalidad Tratemos de entender el comportamiento de los objetos: «... el punto se mueve y surge la línea. La línea se mueve y produce una superficie plana y la unión de superficies planas crea un cuerpo...»**. Para Vasily Kandinski la línea expresaba el movimiento: «...es la traza que deja el punto al moverse y es por lo tanto su producto. Surge del movimiento al destruirse el reposo total del punto...». El hombre desde que nace busca identificar e identificarse con su entorno, lo modifica si es necesario para lograr el confort.  Esa adaptación permanente se relaciona con esa necesidad natural de buscar el equilibrio individual y social, físico y sicológico. La acción natural de la gravedad de mantener a los seres sobre la superficie y en posición equilibrada asociada ésta a la verticalidad, se expresa también en los deseos de querer que todo lo que le rodea también debe estar en equilibrio. Asimismo, su necesidad de vincularse físicamente con el entorno lo lleva a trasladarse de un lugar a otro de manera frecuente sobre esa superficie operándose una relación con el concepto de horizontalidad. Estas dos maneras de vincularse con el entorno, verticalidad y horizontalidad, son los ejes del equilibrio que, para el caso que queremos abordar, lo consideraremos como el equilibrio visual. Dice Kandinski de la verticalidad: «... es la forma más limpia de la infinita y cálida posibilidad de movimiento...»; y de la horizontalidad agrega: «... fría, susceptible de ser continuada en distintas direcciones sobre el plano...», y completa: «... es la forma más limpia de la infinita y fría posibilidad de movimiento...». La diagonal es considerada una línea templada y que puede cambiar su temperatura conforme se acerque o se aleje de cualquiera de las líneas horizontal o vertical. Es interesante cómo Kandinski examina los objetos: vertical-altura-cálido-blanco, horizontal-profundidad-frío-negro, y con-cluye que el negro y el blanco, colores acromáticos, son silenciosos y por lo tanto las líneas horizontal y vertical son tambien silenciosas. No en vano decimos que las líneas oblicuas producen ruido en el escenario, reconociendo entonces su carácter irreverente, revolucionario, audaz; elemento de gran impacto visual que por naturaleza es el recurso de la publicidad, a diferencia de la verticalidad-horizontalidad en la que «... el hombre moderno busca paz interior... y una contrastada tendencia hacia la horizontal-vertical...»*. El equilibrio significa la eliminación de la perturbación en las expresiones visuales. Significa ordenar los elementos de manera que se produzca una percepción sin conflictos. Sabemos que los griegos hicieron artificios en sus construcciones del Partenón. Intencionalmente modificaron las formas de las columnas para eliminar algunos problemas ópticos y así lograr la perfección en la percepción de la verticalidad de los objetos. Cuando observamos un objeto que no está en equilibrio tendemos a acomodarlo. En la escultura el principio del equilibrio es la base de la obra, tanto por razones estéticas como por la naturaleza misma del objeto: el componente material, su carácter tridimensional y la necesidad de ser apreciada desde cualquier ángulo. El atractivo de la Torre de Pisa radica, precisamente, en su capacidad para perturbar el orden de ese escenario provocando dramatismo, añadido a eso el hecho de no haber sido concebido para estar en esa posición. La manera como se expresa esa fuerza de las líneas es el movimiento que se genera mediante la tensión y la dirección. La tensión La tensión es la fuerza concentrada en el elemento. El punto tiene tensión, pero no dirección, la línea combina tensión y dirección. A partir de esta base teórica trataremos de plantear un conjunto de ideas que nos permitan no sólo entender sino adiestrarnos en la composición. La relación entre estos elementos básicos como el punto y la línea nos puede ayudar a entender este concepto. Tensión y equilibrio La necesidad de equilibrar los elementos no siempre es lo que se busca en el diseño, por lo tanto, algunas veces intencionalmente provocamos la carga de tensiones en algunos lugares de la composición. Cuando somos conscientes de nuestra capacidad para determinar zonas de mayor tensión y sabemos que esto desequilibra los componentes del mensaje visual, podemos decir que estamos en condiciones de hacer composiciones más complejas.  Los elementos tienen comportamientos distintos : tensiones de sí mismos,tensiones en relaciones con los límites,tensiones en relación con otros elementos. Las líneas transmiten tensiones en toda su longitud y en sus extremos de manera independiente. Nuevas tensiones  se producen simultáneamente unnos con otros. Las secuencias más claras,las que tiene una relación y continuidad cercana son las que definen la tenssión total. Paulatinamente vamos añadiendo nuevos criterios para lograr niveles más avanzados en la composición. La jerarquización Este criterio es fundamental para la organización de los elementos visuales. Se trata de asignar valores a cada uno de ellos y hacer que en varios niveles se vayan organizando de acuerdo con la necesidad de enfatizar jerárquicamente los distintos elementos que componen el mensaje. Siempre habrá un elemento líder al que hay que destacar en sus diferentes atributos: tamaño, color, posición, orientación, opacidad, y detrás de él en un orden jerárquico los demás. Como sabemos el mensaje impreso tiene dos componentes: el texto y la imagen. Este mensaje bimedia es unitario, sin embargo los textos tienen un tratamiento propio, así como la imagen, y aunque se expresan en dos niveles, estos se organizan y se manifiestan unitariamente. El tratamiento de los atributos para cada elemento requiere de mucho cuidado para lograr una buena jerarquización, basta un cambio de atributo a uno de los elementos para propiciar un nuevo juego de relaciones entre ellos y por lo tanto habrá un nuevo diseño. La destreza compositiva se basa en el dominio del criterio de jerarquización y en el establecimiento de un ritmo para cada uno y, a la vez, todos los elementos que conforman ese mensaje visual, como consecuencia, el todo tendrá también su propia jerarquía. Es decir, expresar en diversos grados de importancia los elementos y preponderantemente aquel que interesa destacar y se convierte en el eje de la composición. El ritmo La tensión prodmecanismos que nos ayudan a ordenar estas múltiples tensiones? Se trata de delinear un ritmo a los objetos. Los conceptos de repetición, alternancia, simetría, compresión, expansión, reflejo, rotación, traslación son vitales para trabajar el ritmo. Al ritmo mayormente se le ha asociado con la composición musical; en el cine también existe una expresión clara de lo que es el ritmo. En realidad, se trata de la estructuración de los componentes de cada mensaje que se presenta en la película y, a la vez, de sus sucesivos subcomponentes donde cada una de las partes contribuye para lograr la unidad del todo; el guion y su propia estructura, la música compuesta y colocada de acuerdo a ese guion. Asimismo, la fotografía trabajada con el color y la iluminación correctamente seleccionada, los niveles de expresión enfatizados de manera dosificada a lo largo de la proyección y otros factores que simultáneamente expuestos logren esa unidad en la obra. En la composición gráfica también hay que organizar los elementos tanto independientemente como en sus relaciones unos con otros: los textos y sus variaciones de tamaño, posición, valor, textura, color, las imágenes igualmente con sus variaciones, los signos sus valores y sus funciones y el conjunto organizado integralmente para dar lugar a un mensaje visual efectivo, funcional.ucida por un elemento genera un efecto visual singular, cuando la tensión es producida por varios elemen- tos el efecto visual tiene múltiples respuestas. ¿Cuáles son los mecanismos que nos ayudan a ordenar estas múltiples tensiones? Se trata de delinear un ritmo a los objetos. Los conceptos de repetición, alternancia, simetría, compresión, expansión, reflejo, rotación, traslación son vitales para trabajar el ritmo. Al ritmo mayormente se le ha asociado con la composición musical; en el cine también existe una expresión clara de lo que es el ritmo. En realidad, se trata de la estructuración de los componentes de cada mensaje que se presenta en la película y, a la vez, de sus sucesivos subcomponentes donde cada una de las partes contribuye para lograr la unidad del todo; el guion y su propia estructura, la música compuesta y colocada de acuerdo a ese guion. Asimismo, la fotografía trabajada con el color y la iluminación correctamente seleccionada, los niveles de expresión enfatizados de manera dosificada a lo largo de la proyección y otros factores que simultáneamente expuestos logren esa unidad en la obra. En la composición gráfica también hay que organizar los elementos tanto independientemente como en sus relaciones unos con otros: los textos y sus variaciones de tamaño, posición, valor, textura, color, las imágenes igualmente con sus variaciones, los signos sus valores y sus funciones y el conjunto organizado integralmente para dar lugar a un mensaje visual efectivo, funcional. Las técnicas visuales Aunque no existen normas establecidas para componer podemos valernos de algunos conceptos que nos pueden facilitar el inicio de un diseño. Dondis* presenta en su estudio una serie de técnicas visuales que resumen, de algún modo, las más importantes formas de organización de los elementos de la comunicación visual. Armonía y contraste, dos conceptos opuestos a los que recurre Dondis para «... poner de manifiesto y acentuar la amplia gama de opciones operativas posibles en el diseño y la interpretación de cualquier formulación visual sino también para expresar la gran importancia de la técnica y el concepto del contraste para todo medio de expresión visual...».

conceptos basicos de diagramacion

Esta técnica de espacios también se le conoce como maquetación y es muy utilizada por diseñadores gráficos y valga un poco la redundancia, diagramadores profesionales y junior’s los cuales plasman sus habilidades creativas en trabajos tales como, revistas, folletos, libros y otros.

En la diagramación o maquetación existen varios aspectos que deben de tenerse en cuenta a la hora de realizar un trabajo en esta técnica. Algunos de esos aspectos son:

• Texto.
• Título y Titulares.
• Fotos.
• Artes.
• Color.
• Tipografía.
• Espacios (Súper Importante)

Estos elementos se podría decir que son los más básicos al momento de la diagramación de artículos. Pasando del título al texto y del texto a la tipografía y color, se llega a la ubicación del arte o la foto, está ultima resulta muy importante y hasta veces imprescindible porque es la que logra darle el punto final y profesional a nuestro trabajo.

Hoy en día existen varios programas para la diagramación o maquetación de archivos, pero dependerá de con cual el diseñador se sienta más cómodo y que le ofrece todas las herramientas necesarias al momento de trabajar con el software.

Aquí les dejo la lista los programas de diagramación más utilizados hoy en día. 

• Indesign CS5 *****
• QuarkXPress 9 ****
• Adobe PageMaker 7.0 **
• Corel Ventura 10 **

Tutoriales:

Navegando por la web me he topado con estos dos videos elaborados por alexgrafmarroquin un joven español el cual da conceptos básicos de diagramación dentro de la plataforma de InDesign:

       

Adicional a la Diagramación, también existe una técnica de trabajo digital que deriva de este mismo concepto pero se basa en la producción de piezas graficas a partir de la computación y su técnologia, en este caso la llamada Graficación. Acá les dejo un documento que explica dicha técnica

diseño grafico y diagramacion

 

DISEÑO GRÁFICO Y DIAGRAMACIÓN

Diseño

"Es la organizaciòn, en un equilibrio armonioso de materiales, de procedimientos y de todos los elementos que tienden hacia una función". Moholy Nagy* "El diseño industrial es el procedimiento de analiza, crear y desarrollar productos para su fabricaciòn en serie". E. Heine*" "El diseñador es un proyectista con sentido estético que trabaja por la comunidad y no de forma personal, sino en equipo organizado..."*

Etimología Latín designaire: de =proposición, signum=marca,signo Del diccionario de la lengua española Diseño: traza, delineación dibujo de alg. Descripción o bosquejo de un cosa verbal. Diseño: lo que por anticipado se puede: proyectar, programar, preparar. Lo que posteriormente puede ser: un dibujo, un modelo, un plano. Dibujo: delineación, figura o imagen ejecutada en claro y obscuro. Diagramación: figura gráfica que explica un fenómeno determinado. Proyecto: conjunto de escritos, cálculos y dibujos que se hacen para dar idea de cómo se hace una obra. Diagramación: arte de distribuir la composición en una página...dibujo geométrico que representa la demostración gráfica de alguna proposición, problema o ley.

Debido a sus orígenes el concepto diseño siempre ha estado vinculado a la industria, y generalemnete se referíoa sólo al boceto de un objeto bi o tridimensional; pero, en realidad el diseño comprende la planificación del proceso creativo que incluye la investigación, así como proponer los medios para llevarlo a cabo.** Diagramación De este conjunto de definiciones podemos ensayar el significado de diagramación: organización de un conjunto de elementos(T+1) jerrquizados, basado en un sistema estético de carácter funcional. Elementos jerarquizados: establecimiento de grados de valor o importancia de cada elemento. Concepción estética: desarrollar armónicamente una técnica visual. Funcionalidad: debe permitir una decodificación fácil del mensaje.

* En QUARANTE. Danielle. Diseño Industrial. España, Ed. CEAC, 1992 **En SOLANAS DONOSO, Jesús. Diseño: arte y función. España, Salvat, 1985.

Que es diagramacion

La diagramación, también llamada maquetación, es un oficio del Diseño editorial que se encarga de organizar en un espacio, contenidos escritos, visuales y en algunos casos audiovisuales (multimedia) en medios impresos y electrónicos, como libros, diarios y revistas.

Estrictamente, el acto de diagramar tan solo se relaciona con la distribución de los elementos en un espacio determinado de la página, mientras que el Diseño editorial incluye fases más amplias del proceso, desde el proyecto gráfico, hasta los procesos de producción denominados pre-prensa (preparación para impresión), prensa (impresión) y post-prensa (acabados). Sin embargo, usualmente todo el aspecto gráfico de la actividad editorial y periodística se conoce por el término diagramación.

En el caso de un diario, la diagramación sigue los objetivos y líneas gráficas y editoriales de ese impreso. Las principales líneas editoriales para la diagramación de un diario incluyen la jerarquización de los artículos por orden de importancia. Las consideraciones gráficas incluyen legibilidad e incorporación balanceada y no-obstructiva de los anuncios publicitarios.

La edición incorpora principios del Diseño gráfico que, a su vez, es una profesión independiente o presente en licenciaturas relacionadas con el diseño, más allá de ser una disciplina que hace parte del currículo de profesiones como el Periodismo, la Publicidad y algunos cursos de Arquitectura en universidades y facultades. Otros términos que sirven para referirse al proceso de diagramación son: layout, makeup o pasteup.

Simbolos de la diagramacion

Símbolos de diagramació

Cabezote: es la parte que contiene el nombre del periódico, la fecha, la dirección electrónica, el número de edición, el año de editado, el teléfono, el costo si es de venta. El cabezote se encuentra localizado en la parte superior de la portada. Grafica: es la parte que se usa para representar una fotografía, una caricatura, mapa, infografía. Etc. Titulo: es la parte que se usa para representar los encabezados de los artículos. Pie de foto: es la descripción de los elementos o personas que aparecen en una fotografía, su medida no pasara de 12ptos. Publicidad: se utiliza para colocar información de carácter comercial, esto se puede utilizar en varios tipos de formatos (1/4 de pagina, ½ pagina, página completa, cintillo horizontal, cintillo vertical). Mancheta: se utiliza para colocar el nombre de periódico. Los ejecutivos del mismo, además la dirección física y localidad. Folio: Se utiliza para colocar el numero de página, el nombre del periódico y la fecha actual, se empieza a foliar desde la pagina 2 en adelante (cuando son pares se coloca el numero a la izquierda y cuando son impares a la derecha). Cuando son pares primero se coloca el numero par, el nombre del periódico y luego la fecha. Y cuando son impares primero la feche, el nombre del periódico y luego el número impar. Ante título: su utiliza para colocar los nombres de aquellos segmentos que son fijos dentro de la diagramación de un periódico. Autor: se utiliza para colocar el nombre de la persona que firma un artículo. Texto: se utiliza para colocar el contenido de los artículos. Modulo en L Tipos de módulos: el modulo es la combinación de un titulo, cuerpo de texto y una grafica o una fotografía los cuales componen un articulo existente, los tipos de módulos son (L, U, O, I). Dentro de un modulo en ancho de columna no puede variar. Jerarquía se conoce como jerarquía a la importancia que tiene un articulo frente a otro, esto se identifica por tener un mayor grosor de columna y un titulo grande, los artículos de mayor importancia siempre ocupan el primer cuadrante, nunca se debe colocar noticias por debajo de la publicidad.

SISTEMA DE DIAGRAMACION

La diagramación es una notación gráfica para representar información de un determinado proceso. Visio le permite crear diagramas para describir los conceptos más rápidamente y comunicar información con mayor eficacia, puede diseñar, documentar y analizar los procesos empresariales con plantillas y formas que facilitan el análisis y la interpretación de los mismos.

A través de los diagramas elaborados, los ejecutivos de empresa pueden tomar mejores decisiones, crear consensos en una organización, mejorar la comunicación, controlar y mantener los sistemas de tecnología de la información y obtener un resultado más profesional en los entornos empresariales.

La herramienta en sí, es de fácil aprendizaje pues comparte muchas de las herramientas de la familia Microsoft Office.