Qu es la Diagramacin

Qu es la Diagramacin
Usos en Indesign y Quark Xpress
26 de julio de 2009 ESPOL - EDCOM Mario Javier Cedeo Ypez

1.

Qu es la Diagramacin

TABLA DE CONTENIDO
TABLA DE CONTENIDO 1. DIAGRAMACIN 2. HISTORIA 3. ELEMENTOS Y ASPECTOS 3.1. TEXTO 3.2. TTULOS 3.3. SUBTTULOS O SUBTITULARES 3.4. ANTETTULOS O ANTETITULARES 3.5. INTERTTULOS, INTERTITULARES O QUIEBRAS 3.6. DESTACADOS U OJOS 3.7. FOTOS - FOTOGRAFAS 3.8. ARTE 3.9. INFOGRAFAS 3.10. CARICATURAS 3.11. ILUSTRACIONES 3.12. VIETAS 3.13. BOXES O CAJA 3.14. HILOS 3.15. ENCABEZADO Y PIE 3.16. ESPACIOS PARA PUBLICIDAD 3.18. NMERO DE COLUMNAS 2 4 4 5 5 5 6 6 6 6 6 6 6 6 6 6 6 6 7 7 7

3.19. COLOR 3.20. ESPACIAMIENTO 3.21. TIPOLOGA 4. TAMAO DE LAS PUBLICACIONES 4.1. ESTNDAR 4.2. TABLOIDE 4.3. MEDIO TABLOIDE 4.4. EUROPEO O BERLINS 5. PROCESO 6. OPCIONES DE DISEO 6.1. DIAGRAMAR EN INDESIGN Y QUARKEXPRESS

7 7 7 7 7 8 8 8 8 9 9

6.2. CUADRO DE CONFIGURACIN DE COLOR DE ADOBE INDESIGN CS2. 9 TABLA DE ILUSTRACIONES NDICE 12 12

Qu es la Diagramacin

2.Diagramacin
La diagramacin, tambin llamada maquetacin, es un oficio del Diseo editorial que se encarga de organizar en un espacio, contenidos escritos, visuales y en algunos casos audiovisuales (multimedia) en medios impresos y electrnicos, como libros, diarios y revistas. Estrictamente, el acto de diagramar tan solo se relaciona con la distribucin de los elementos en un Imagen 1 Ventana espacio determinado de la pgina, mientras que el Diseo editorial incluye fases ms amplias del proceso, desde el proyecto grfico, hasta los procesos de produccin denominados pre-prensa (preparacin para impresin), prensa (impresin) y post-prensa (acabados). Sin embargo, usualmente todo el aspecto grfico de la actividad editorial y periodstica se conoce por el trmino diagramacin. En el caso de un diario, la diagramacin sigue los objetivos y lneas grficas y editoriales de ese impreso. Las principales lneas editoriales para la diagramacin de un diario incluyen la jerarquizacin de los artculos por orden de importancia. Las consideraciones grficas incluyen legibilidad e incorporacin balanceada y no-obstructiva de los anuncios publicitarios. La edicin incorpora principios del Diseo grfico que, a su vez, es una profesin independiente o presente en licenciaturas relacionadas con el diseo, ms all de ser una disciplina que hace parte del currculo de profesiones como el Periodismo, la Publicidad y algunos cursos de Arquitectura en universidades y facultades. Otros trminos que sirven para referirse al proceso de diagramacin son: layout, makeup o pasteup.

3.Historia
La era de los peridicos modernos empieza a mediados del siglo XIX, con la Revolucin Industrial y el aumento de la capacidad de impresin y distribucin. A travs del tiempo, diferentes avances en tecnologas de impresin, diseo grfico y patrones editoriales llevaron a cabo, cambios y mejoras en el formato y legibilidad de los diarios. Los medios impresos del siglo XIX generalmente tenan una rea atiborrada de texto, usualmente dispuesta verticalmente, con mltiples titulares para cada artculo. Algunas de las mismas limitaciones tecnolgicas persistieron hasta el advenimiento de nuevas tecnologas como la fotocomposicin, la tipografa digital y la edicin electrnica, a partir de la segunda mitad del siglo XX.

Qu es la Diagramacin Entre algunos de estos cambios, estaban: Menos artculos por cada pgina. Menos y ms grandes titulares.

Mdulos, o squaring off de artculos y paquetes de material relacionado. Los mdulos evitan lo que muchos diagramadores llaman "rodillas" (en ingls, doglegs) o disposiciones en formato de "L". Anchos de columna ms estandarizadas. Tipologas ms estandarizadas. Ms "arte", elementos no-verbales, generalmente fotos, pero incluyendo an publicidad o boxes para artculos de entretenimiento (features). Ms espacio en blanco, llamados "blancos" (en ingls, air). Un area con muy poco espacio en blanco es llamado "tight", y con mucho blanco es llamado "loose". Color.

4.Elementos y aspectos
Para diagramar el contenido editorial, la actividad de diagramacin necesita trabajar con elementos grficos (categoras de contenido visual) y aspectos (variables que pueden modificar el resultado final). Las medidas utilizadas en diagramacin son generalmente en picas y puntos, siendo 1 pc (una pica) correspondiente a 12 pt (doce puntos). Al espacio delimitado de impresin dentro de una pgina se le llama caja tipogrfica, donde cae tinta sobre el papel; fuera de estos lmites, nada puede ser impreso. En los casos en que la caja sobrepasa los bordes del papel, se dice que la impresin es sangrada. Algunos de los elementos utilizados en el proceso de diagramacin son: 3.1. Texto - el llamado "cuerpo de texto" es el tipo en que ser impreso el contenido principal del impreso ya sea libro o

Imagen 2 Aspectos

Qu es la Diagramacin

publicacin peridica (artculos, columnas, crnicas, editoriales, cartas etc.). La masa de texto acostumbra llenar ms de la mitad de toda la mancha grfica del peridico y debe de ser delimitada por los otros elementos. Un formato comn para el cuerpo de texto en peridicos es el tipo serifado, con cuerpo (tamao) 12 puntos. 3.2. Ttulos o Titulares - desde el titular de la primera pgina, hasta los titulares menores de artculos. Son subdivididos en: 3.3. Subttulos o subtitulares - colocados abajo de la titular principal, complementan la informacin e incitan a leer el texto.

Imagen 3 Indesign

3.4. Antettulos o antetitulares - colocados arriba de la titular principal, complementan la informacin e incitan a leer el texto. 3.5. Interttulos, intertitulares o quiebras - colocados en el medio del texto, para seccionarlo y facilitar la comprensin. 3.6. Destacados u ojos - colocados en el medio de la masa de texto, entre columnas, para resaltar trechos y sustituir quiebres; son muy utilizados en entrevistas. 3.7. Fotos - fotografas, que en los diarios y revistas siempre vienen acompaadas por pie de fotos descriptivos y el crdito del fotgrafo. 3.8. Arte - lo que se llama arte en diagramacin son imgenes producidas para ilustrar o complementar visualmente la informacin del texto. Pueden ser: 3.9. Infografas - que incluyen mapas, grficos estadsticos, secuenciales y esquemas visuales; 3.10.Caricaturas - dibujos generalmente satricos con personajes del noticiero;

Qu es la Diagramacin

3.11.Ilustraciones - todo tipo de dibujo ilustrativo para el texto periodstico. 3.12.Vietas - mini-titulares que marcan un tema o asunto recurrente o destacado; pueden incluir mini-ilustraciones y generalmente vienen arriba de la titular del artculo o en el alto de la pgina. 3.13.Boxes o caja - un box es un espacio grficamente delimitado que usualmente incluye un texto explicativo o sobre el asunto relacionado al artculo principal. 3.14.Hilos - existen para separar elementos que, por algn motivo, pueden ser confundidos. 3.15.Encabezado y Pie - marcan la cumbre y la base de la pgina, respectivamente, incluyendo marcas bsicas como nombre del peridico, editora, fecha, nmero de la edicin y nmero de la pgina; cuando es usado en la primera pgina, la cabecera incluye an la marca del diario, precio y algunos nombres del equipo periodstico (presidente, director, editorjefe). 3.16.Espacios para publicidad - nico elemento de contenido no-editorial de la diagramacin, producido por el equipo comercial. 3.17.Los aspectos que determinan la composicin de estos elementos en la pgina son, entre otros: 3.18.Nmero de columnas - la distribucin del texto en columnas verticales de tamao regular, espaciadas y vlidas para encajar los elementos. Actualmente, el patrn en diarios estndar es la divisin en 6 columnas, pero el uso de 8 columnas ha sido predominante. 3.19.Color - uso de colores y matices en periodismo, que confiere sentido y modifica el mensaje, muchas veces sutilmente; hasta mediados del siglo XX, los diarios de gran circulacin no utilizaban impresin en colores, dependiendo de la escala de grises para matizar sus elementos.

Qu es la Diagramacin

Imagen 4 Ventana de color

3.20.Espaciamiento - interlnea, entre columnas y entre cada elemento grfico. 3.21.Tipologa - variedad y tipos de fuentes tipogrficas utilizadas.

5.Tamao de las publicaciones

Para diarios, hay cuatro tamaos fundamentales de pginas: 4.1. Estndar - pgina entera, con caja tipogrfica variando alrededor de 120 pc por 70 pc, y bordes de dos a trs centmetros. La mancha grfica de O Globo (peridico brasilero), por ejemplo, es de 125 por 70 paicas. 4.2. Tabloide - mitad del tamao estndar; generalmente (pero no necesariamente) son diarios populares que utilizan profusin de recursos grficos, poco texto y muchas fotos.

Imagen 5 Ventana de Configuracin

4.3. Medio tabloide - casi un formato carta. 4.4. Europeo o Berlins - ms alto que el tabloide y ms estrecho que el estndar, con 47 cm de altura por 31,5 cm de anchura; es adoptado por el The Guardian, Le Monde y por el Jornal do Brasil, entre otros. Para revistas, el tamao estndar es 26,5 por 20 centmetros.

Qu es la Diagramacin

10

6.Proceso
Los diagramadores generalmente usan programas de edicin electrnica en la computadora para componer los elementos en las pginas antes de imprimir. Antiguamente, antes de la diagramacin digital, los diseadoress utilizaban "muecas" (miniaturas) de las pginas, para prever con precisin milimtrica o layout de cada pgina en tamao natural. Algunos de los softwares de computadora ms utilizados son el QuarkXPress, el Adobe InDesign, el Adobe PageMaker (desfasado y dejado de lado por Adobe Imagen 6 Procesos para dedicarse ms a Indesign) y el Corel Ventura Una mueca completo era necesario para designar el columnaje por la cual la rotativa (typesetter) ira definir los tipos e organizar las columnas de texto. Hoy en da existen programas que hacen mucho ms sencilla la diagramacin, QuarkXPress y Adobe InDesign que permiten crear pginas maestras y aadir marcos que simulan el espacio a emplear haciendo mucho ms sencillo el maquetamiento de cualquier revista o peridico.

7.Opciones de diseo
Los diagramadores eligen los tamaos de las fotos y titulares (tanto las letras como cunto espacio va ocupar en la pgina). Ellos pueden decidir - junto con los editores - cuales artculos se quedarn en cuales pginas, y en que posicin en la pgina. De acuerdo con el proyecto grfico, pueden determinar las tipografas (typefaces) para pginas especiales. En grandes diarios, todava, el proyecto grfico ya preve las tipologas para uso de rutina. 1. 2. 3. 4. 5. 6.

Qu es la Diagramacin

11

6.1.Diagramar en Indesign y Quarkexpress

Configuracin de la cuadricula base con Indesign y QuarkXPress Para configurar la cuadricula base: Edicin -> Preferencias. (Indesign) Edicin -> Preferencias (Quark) Para configurar los perfiles de color: Edicin -> Configuracin de color Edicin -> Preferencias (Quark).

6.2.Cuadro de configuracin de color de Adobe Indesign CS2.

Vamos a realizar nuestro trabajo para impresin en imprenta offset, cuatricroma sobre papel estucado mate, por lo tanto elegimos como perfil de color CMYK el ISO Coated v2 (ECI) y como rgb el ECI-RGB que son los perfiles recomendados por la Iniciativa Europea del Color y que se adaptan a los estndares ISO para industrias grficas. Nota: Para poder utilizar estos perfiles en Indesign hay que marcar la opcin Modo avanzado Ahora vamos a empezar con la retcula para nuestra pgina maestra-maqueta. Como el nmero Imagen 7 Maquetacinde columnas inicial nos parece poco adecuado lo vamos a cambiar a 5 que nos va a dar ms flexibilidad y el medianil lo vamos poner de 12pt es decir 4,233mm. Para ello acudimos al comando: Maquetacin -> Mrgenes y columnas (Indesign) Maquetacin -> Guas de maqueta (Quark).

Qu es la Diagramacin

12

Imagen 8 Ventana de maquetacin

En cuanto a la divisin en campos e intervalos vamos a utilizar 6 campos con un intervalo de una lnea aunque tambin podemos apoyarnos en la cuadricula base para nuestro diseo. En Indesign utilizaremos el comando Maquetacin -> Crear gruas con los valores que se pueden apreciar en la captura. En Quark tendremos que situar las guas manualmente, arrastrando desde la reglas, ya que el gestor de guas no funciona en la pgina maqueta. Ahora vamos a duplicar esta pgina maestra-maqueta ya que la base reticular ser la misma para las dos maquetas que vamos a utilizar. Para duplicar una pgina maestra-maqueta pulsamos (en ambos programas) el botn derecho del ratn sobre la pgina a duplicar y elegimos la opcin duplicar luego podemos renombrarla a nuestro gusto. La primera pgina de cada tema de nuestro libro queremos que empiece en pgina impar es decir que se site en una pgina derecha por lo que la maestra-maqueta para estas slo tendr elementos definidos en la pgina derecha. Iremos haciendo pruebas con diferentes diseos y tipografas y cuando hayamos dado con el tamao, alineacin, interlineado etc. adecuado para nuestras intenciones crearemos estilos para almacenar todos esos datos. Este es el aspecto de nuestra pgina maestra-maqueta para las pginas iniciales de los temas. En la maqueta de las dems pginas lo nico que vamos a poner es la numeracin y un texto que indique el titulo del tema y del libro. Una vez que tenemos las pginas maestras-maqueta vamos a crear los estilos de prrafo y carcter necesarios para nuestro libro.

Qu es la Diagramacin

13

Crearemos los estilos de prrafo Titulo1, Titulo2, Titulo3, Texto, Pie de foto y de carcter crearemos uno con el mismo tipo de letra que texto pero con ms peso (negrita), otro cursivo y otro con un tipo de letra diferente pero con el mismo cuerpo. Cuando tengamos definidos todos los estilos crearemos los estilos para las tablas de contenido (listas) y despus guardaremos el documento como plantilla para poder utilizarlo en la realizacin de los dems captulos de nuestro libro.

TABLA DE ILUSTRACIONES
IMAGEN 1 VENTANA.................................................................................... .......................4

NDICE

C
Caricaturas 2, 6 Cuadro de configuracin 3, 10

F
fotografas 2, 6

D
diagramacin Diseo grfico 4, 5, 6, 7, 8, 9 4

I
Ilustraciones 2, 6

T
Ttulos 2, 6

E
Encabezado y Pie 2, 7 Estndar 3, 8

V
Vietas 2, 7

Qu es la Diagramacin

15

HIPERVNCULOS
Fundamentos de Diagramacin La Diagramacin