D I A G R A M A C I O N
Portadas
INTRODUCCION
La diagramacion es un tema muy importante en el diseño en general, no solo en el editorial, asi como es de importante ya que muchos diseñadores le �enen miedo, en lo cual se equivocan ya que saber diagramar es primordial en la vida de un diseñador. Esto se debe a que la composicion de una imagen es muy importante para que esta logre su obje�vo que en la mayoria de los casos es llamar la atención o comunicar algo. Ya que en este caso hablaremos sobre la diagramacion en diseño editorial tomamos de como punto de par�da y referencia algunos periodicos guatemaltecos.
Para empezar, uno de los aspectos mas importantes del diseño editorial es saberlo adaptar, me explico. En la portada del diario: “SOY 502” (derecha) se puede observar que la no�cia sobre los poli�cos alejando sinibaldi y Manuel Baldizon ocupa la portada entera, esto �ene dos razones de diseño: 1). Colocar los rostros de dos personajes conocidos por la poblacion guatemalteca en la portada para llamar la atencion. 2). Al este ser un diario gratuito se necesita que la gente se interese por recibir este diario por las mañanas
Orden El orden es una de las caracteris�cas que se considera popularmente como “primordial” en el diseño editorial, ya que en base a este es que se conseguira cierto �po de lectura y en base a ese �po de lectura se llevara la atencion del lector a traves de las no�cias mas relevantes, sin necesidad de que alguien se lo diga o explique. Otro de los fines que �ene el orden en el diseño es el de aligerar la carga visual del lector. Para que este no se vea sobrecargado ni de texto, ni de imagenes, si no que se sienta correcta la can�dad de informacion que este esta procesando. Recurren a una clasica estrategia que consiste en u�lizar �tulares grandes para resaltar la no�cia de mas relevancia, lo cual luego nos dirige a la breve explicacion que indica de que se trata esta no�cia y adjunta la imagen relacionada. Al momento de planear una diagramacion se realiza un analisis y en base a ese analisis se definen obje�vos de diseño, atencion y funcion. Lo mas recomendable para definir dichos obje�vos es realizar un estudio del grupo obej�vo al que se quiere llegar, para saber de que manera llamar la atencion de este y asi elegir un �po de diagramacion y composicion adecuada.
El diario “Centro América” maneja un �po de lectura mas “ver�cal”, aunque u�lice la clasica lectura en z, es muy extraño ver que u�licen una imagen que ocupe toda la pagina como primera plana.
Las imagenes de cada no�cia estan acompañadas de una breve descripcion cada una, y estan ordenadas alrededor de la no�cia principal, como formando una espiral, esto es un �po de composicion. Se u�liza para mantener la atencion donde se desea, asi como el tamaño de las imagenes para ordenar su relevancia
El equilibrio es una de las piezas bases del diseño, este se ocupa de manejar el peso visual de los elementos que se manejan en una composicion mediante un centro de gravedad. Entre los diferentes �pos de equilibrio esta el “Axial” el cual es el que resuelve mas rapido los problemas de diseño, este se basa por un eje y siempre sera correcto para cualquier situacion. El equilibrio “Radial” es un �po de equilibrio muy dificil de u�lizar ya que el contenido que se u�liza con este equilibrio puede variar bastante, tanto en forma como en color, da sensacion de movimiento, simetria y alude mucho a la forma humana, por esto siempre debe mantener la forma inicial.
Fotografia: equilibrio radial
Equilibrio
Existe otra forma de equilibrio llamada “equilibrio oculto” y es el mas dificil de u�lizar y tardado de componer ya que como su nombre lo dice es dificil encontrar el equilibrio que se esta u�lizando. Para ponerlo en otras palabras se puede decir que este �po de equilibrio no u�liza ningun �po de eje, aun asi �ene un centro de gravedad que une a todos los elementos visuales. Permite mas libertad al diseñador para dejar volar su imaginacion pero tambien necesita de un control mayor sobre los elementos que se estan manejando ya que un color, un texto o una imagen pueden salirse de contexto y hacer que se pierda el centro de gravedad Fotografia: equilibrio axial
La Re�cula es una estructura a base de líneas, generalmente ver�cales y horizontales, las cuales nos ayuda a ordenar coherentemente todos los elementos de la composición como son: �tulo, sub�tulo, cuerpo del texto, fotogra�as, pie y crédito de foto, slogan, ideas resaltadas y numeración. Cada línea sirve de guía para colocar márgenes y medianiles (espacio entre columnas). No es algo rígido y depende del medio para el que se u�lice. Una re�cula bien organizada �ene que tener armonía con el formato y la orientación del papel. Es de gran importancia la división geométrica del área y hasta con precisión matemá�ca fraccionar, para colocar las columnas, espacios, márgenes, etc.
En diseño se considera de ayuda, u�lizar una re�cula, dado que auxilian a organizar la información y actuar como marco en la composición para crear orden y esté�ca. Se puede decir que es una herramienta para la maquetación. Esta estructura es digital, solo es visible a la hora de diseñar, se usan las Líneas Guías que los programas manejan, como el caso de InDesign y a la hora de imprimir, estas líneas no aparecen. La re�cula es algo que lleva toda publicación por detrás, una vez impresa lo único que se aprecia de la re�cula, es la disposición armónica de todos los elementos, lo que nos lleva a una buena composición y un impacto posi�vo sobre él
Recomendaciones para hacer Re�culas: a la hora de diseñar y armar la re�cula tenemos que tener muy en cuenta: Los Márgenes Los Medianiles La Mancha Tipográfica o Cuerpo del Texto Espacios en Blanco Una re�cula básica se puede conformar de 1 a 6 columnas, ajustando las fotos de manera que acompañen al texto y no que al revés, si esto sucede se puede perder el interés por la lectura. Una vez que tenemos los textos, hay que designar si la página va a tener simetría, asimetría o yuxtaposición (2 contenidos), luego manejar la diagramación con la re�cula para crear una buena composición.
Reticulas
Excesos Los medios impresos se imprimen por pliegos, no se imprime cada pagina individualmente. Razon por la cual es necesario cortar el papel con un instrumento llamado “guillo�na” que convierte a los pliegos del tamaño que deberian de ser. Gracias a esta prac�ca surgen problemas de impresion, par�cularmente en esta cituacion se presentan ciertas “lineas blancas” en caso de no haber medido bien los margenes y la medida de la guillo�na. Este �po de problemas se pueden evitar dejando cierta can�dad de “exceso” fuera de los margenes delimitados del papel, para que la guillo�na al cortar los pliegos corte parte del papel impreso, pero no deje un espacio blanco que se ve an� este�co y da sensacion de mala diagramacion.
Como se puede apreciar en este comic en par�cular de batman los unicos elementos que se encuentran a los bordes, �enen como minimo 3mm. de separacion aproximadamente
Normalmente lo que se deja como exceso son las piezas graficas las cuales comunmente se salen de los margenes de pagina. Los textos se man�enen dentro de su respec�vo margen ya que estos no deberian de sufrir ningun corte y mantenerse intactos a la hora de cortar el papel. Los textos no deben quedar muy cerca de los cortes, al igual que los logos o cualquier otra pieza del arte del diseño. Se añaden entre 3 y 4 milimetros de exceso a las piezas graficas que acompañan el diseño de página. Sin embargo y como siempre es valido romper las reglas algunas veces.
Los periodicos en contraste dejan un margen del papel, este �ene el arte sin problemas de sangrado asi como sus textos sin cortes ni desalineados sin necesidad de dejar excesos.
Medios Cada medio ah adopatado su propio es�lo de diagramacion. Porsupuesto van cambiando su variacion de contenido.
Se puede ver como el 90% es publicidad
Usualmente los periodicos ven cambios grandes en su diagramacion dependiendo de la no�cia a la que quieran darle enfoque, esto ul�mo varia segun la naturaleza del periodico, si es amarillista, gratuito, etc,
Siguiendo con el enfoque en medios impresos, los periodicos en par�cular man�enen cierta similitud en su contenido: Poli�ca Columnas de opinion. Nacionales Economia Farandula Sociales Deportes Deportes Internacionales El monitoreo de medios es imporante para todo diseñador, ya que esto le permite estar al tanto de las tendencias.
Los periodicos gratuitos son los que ven cambios mas regulares y dras�cos en su presentacion. El diario “publinews” usualmente recurre a presentarse con una folio extra, que se pone sobre la portada y con�ene publicidad sobre uno de sus patrocinadores, junto con su logo en donde aun sea visible. Normalmente la diagramacion que u�liza no recurre a grandes fotografias o �tulos. Esta se basa mas en un orden simetrico. Usualmente los periodicos ven cambios grandes en su diagramacion dependiendo de la no�cia a la que quieran darle enfoque, esto ul�mo varia segun la naturaleza del periodico, si es amarillista, gratuito, etc,
En la edicion par�cular se enfoca en la distribucion y usa mucha simetria.
Es necesario que al diseñar un medio impreso se tenga en cuenta el orden de las paginas. La manera mas rapida de describir el orden comunmente usado y el mas facil de u�lizar consiste en poner las paginas impares del lado izquierdo y las paginas pares del lado derecho.
Las paginas dobles seran las unicas que se encontraran una al lado de la otra segun su numeracion. En un diseño par�cular se encontraran en medio del documento. Los textos de una pagina tambien deben ser totalmente legibles, son parte de la legibilidad, que consiste en que los textos sean tanto visibles como legibles.
Tampoco se pueden descuidar los textos de una pagina, estos deben llevar una sangria. Exiten dos �pos de sangria los cuales son: La normal: Se u�liza al comienzo del texto. Colgante: Se usa en las lineas consecu�vas a la primer linea.
Los parrafos dependen por ley de la �pograia que se u�lice en ellos, las �pografias estan divididas en 2 grupos: “san serif” y “serif”. La legibilidad de los textos depende de una edicion totalmente por aparte de las letras, palabras, oraciones y parrafos, la composicion en su totalidad. Tanto en las letras, como en las palabras debe exis�r un espacio correcto para permi�r que nuestros ojos fluyan por el texto sin dificultad. Debemos mencionar tambien la “leibilidad”, esta consiste en que todo texto debe ser facil de leer, enviar un mensaje sin mayor esfuerzo. Tambien existen diferentes �pos de parrafos, estos se denominan como: 1. Párrafo Francés: El párrafo francés se construye sangrando todos los renglones, con excepción del primero.
Parrafos 5. Párrafo Ordinario: Este párrafo está jus�ficado con sangría de primera línea con par�ciones silábicas y úl�ma línea �rada a la izquierda. 6. Párrafo Base de Lámpara: Es una pieza decora�va que se compone centrando las líneas en la columna, pero ajustando los espacio es entre las palabras para que cada renglón tenga una anchura determinada. 7. Bandera Izquierda: Es otra forma de párrafo similar al de la bandera derecha 8. Sistema de Ber�eri: Este sistema consis�a en �rar a la derecha la úl�ma línea, precedida de un corche te.
2. Párrafo Moderno: El párrafo moderno es aquel cuya bandera jus�ficada se reconoce por la línea corta al final de ese mismo párrafo
9. Sistemas Bordas: Este complicado sistema por medio de Jose María Bordas consis�a en dividir en dos partes iguales la línea corta y comenzar el siguiente párrafo con una mayúscula de doble altura.
3. Bandera Derecha: Es la forma natural de composición, por ser la más parecida a la escritura manual. Aquella �ene control absoluta de la tonalidad del texto.
10. Párrafo Sangrado: Los párrafos sangrados son aquellos que señala descansos, inicios o finales. Es recomendable darle buen uso al sangrado para la composición armónica de textos.
4. Párrafo Español: Este �po de párrafo se hace descartando la sangría y poniendo el úl�mo renglón centrado en la columna
11. Calderón: El calderón u ornamento adicional an�guamente se usaba para indicar el comienzo de un párrafo pues los textos se escribían en línea corrida sin espacios.
TIPOGRAFIA TIPOGRAFIA TIPOGRAFIA
1. Viuda y Huérfana: La viuda es el renglón corto que queda al principio de una columna pues se dice que “�ene pasado, pero no �ene futuro”; huérfana es la primera línea de un párrafo que queda al final de la columna, pues se dice que “�ene futuro, pero no �ene pasado”. 2. Líneas de Flujo: La línea de flujo son franjas horizontales que ayudan a alinear los bloques de texto y las imágenes en una grilla de manera consistente. 3. Calaveras: Son espacios abiertos entre palabras por jus�ficar el texto en columnas angostas y no generar par�ciones. 4. Cuadra�n: El cuadra�n es una medida única estándar �pográfica que mide los anchos de un carácter que es similar a una eme ‘M’ 5. Huérfana: La huérfana es es una primera línea de un párrafo al final de una columna. 6. Módulo: El módulo es una unidad dividida entre los corondeles y las líneas de flujo dentro de una columna de texto. 7. Corondel: El corondel es el espacio que separa dos columnas y tradicionalmente es igual al valor del interlineado o cuadra�n. 8. Alabeo: El alabeo en el caso de los libros durante su fabricación, es combar o rectar la tripa de papel en una superficie para la encuadernación. 9. Tracking: El tracking es un proceso �pográfico que consiste en acercar o alejar todos los caracteres de una misma línea o párrafo. 10. Ojo:El ojo es la parte imprimible del �po.
BB DD SS H H J J A A z z cc F F
VV
E E