Qué es la Diagramación… 1

Qué es la
Diagramación…
Usos en Indesign y Quark Xpress

26 de julio de 2009
ESPOL - EDCOM
Mario Javier Cedeño Yépez
1.
Qué es la Diagramación… 3

TABLA DE CONTENIDO

TABLA DE CONTENIDO 2

1. DIAGRAMACIÓN 4

2. HISTORIA 4

3. ELEMENTOS Y ASPECTOS 5

3.1. TEXTO 5

3.2. TÍTULOS 5

3.3. SUBTÍTULOS O SUBTITULARES 6

3.4. ANTETÍTULOS O ANTETITULARES 6

3.5. INTERTÍTULOS, INTERTITULARES O QUIEBRAS 6

3.6. DESTACADOS U OJOS 6

3.7. FOTOS - FOTOGRAFÍAS 6

3.8. ARTE 6

3.9. INFOGRAFÍAS 6

3.10. CARICATURAS 6

3.11. ILUSTRACIONES 6

3.12. VIÑETAS 6

3.13. BOXES O CAJA 6

3.14. HILOS 6

3.15. ENCABEZADO Y PIE 7

3.16. ESPACIOS PARA PUBLICIDAD 7

3.18. NÚMERO DE COLUMNAS 7

3.19. COLOR 7

3.20. ESPACIAMIENTO 7

3.21. TIPOLOGÍA 7

4. TAMAÑO DE LAS PUBLICACIONES 7

4.1. ESTÁNDAR 7

4.2. TABLOIDE 8

4.3. MEDIO TABLOIDE 8

4.4. EUROPEO O BERLINÉS 8

5. PROCESO 8

6. OPCIONES DE DISEÑO 9

6.1. DIAGRAMAR EN INDESIGN Y QUARKEXPRESS 9

6.2. CUADRO DE CONFIGURACIÓN DE COLOR DE ADOBE INDESIGN

CS2. 9

TABLA DE ILUSTRACIONES 12

ÍNDICE 12
 Qué es la Diagramación… 5

2.Diagramación
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
Imagen 1 Ventana
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.

3.Historia
La era de los periódicos modernos empieza a mediados del siglo XIX,
con la Revolución Industrial y el aumento de la capacidad de
impresión y distribución. A través del tiempo, diferentes avances en
tecnologías de impresión, diseño gráfico y patrones editoriales
llevaron a cabo, cambios y mejoras en el formato y legibilidad de los
diarios. Los medios impresos del siglo XIX generalmente tenían una
área atiborrada de texto, usualmente dispuesta verticalmente, con
múltiples titulares para cada artículo. Algunas de las mismas
limitaciones tecnológicas persistieron hasta el advenimiento de
nuevas tecnologías como la fotocomposición, la tipografía digital y la
edición electrónica, a partir de la segunda mitad del siglo XX.
 Qué es la Diagramación… 6

Entre algunos de estos cambios, estaban:

• Menos artículos por cada página.

• Menos y más grandes titulares.

• Módulos, o squaring off de artículos y paquetes de material

relacionado. Los módulos evitan lo que muchos diagramadores
llaman "rodillas" (en inglés, doglegs) o disposiciones en formato
de "L".

• Anchos de columna más estandarizadas.

• Tipologías más estandarizadas.

• Más "arte", elementos no-verbales, generalmente fotos, pero

incluyendo aún publicidad o boxes para artículos de
entretenimiento (features).

• Más espacio en blanco, llamados "blancos" (en inglés, 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 diagramación necesita
trabajar con elementos gráficos
(categorías de contenido visual) y
aspectos (variables que pueden
modificar el resultado final).

Las medidas utilizadas en diagramación

son generalmente en picas y puntos,
siendo 1 pc (una pica) correspondiente
a 12 pt (doce puntos).
Imagen 2 Aspectos
Al espacio delimitado de impresión dentro de una
página se le llama caja tipográfica, donde cae tinta
sobre el papel; fuera de estos límites, nada puede ser
impreso. En los casos en que la caja sobrepasa los
bordes del papel, se dice que la impresión es sangrada.

Algunos de los elementos utilizados en el proceso de

diagramación 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
Qué es la Diagramación… 7

publicación periódica (artículos, columnas, crónicas, editoriales,

cartas etc.). La masa de texto acostumbra llenar más de la mitad
de toda la mancha gráfica del periódico y debe de ser delimitada
por los otros elementos. Un formato común para el cuerpo de
texto en periódicos es el tipo serifado, con cuerpo (tamaño) 12
puntos.

3.2. Títulos o Titulares - desde el titular de la primera página,

hasta los titulares menores de artículos. Son subdivididos en:

3.3. Subtítulos o subtitulares - colocados abajo de la titular

principal, complementan la información e incitan a leer el texto.

Imagen 3 Indesign

3.4. Antetítulos o antetitulares - colocados arriba de la titular

principal, complementan la información e incitan a leer el texto.

3.5. Intertítulos, intertitulares o quiebras - colocados en

el medio del texto, para seccionarlo y facilitar la comprensión.

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 - fotografías, que en los diarios y revistas siempre

vienen acompañadas por pie de fotos descriptivos y el crédito del
fotógrafo.

3.8. Arte - lo que se llama arte en diagramación son imágenes

producidas para ilustrar o complementar visualmente la
información del texto. Pueden ser:

3.9. Infografías - que incluyen mapas, gráficos estadísticos,

secuenciales y esquemas visuales;

3.10.Caricaturas - dibujos generalmente satíricos con personajes

del noticiero;
Qué es la Diagramación… 8

3.11.Ilustraciones - todo tipo de dibujo ilustrativo para el texto

periodístico.

3.12.Viñetas - mini-titulares que marcan un tema o asunto

recurrente o destacado; pueden incluir mini-ilustraciones y
generalmente vienen arriba de la titular del artículo o en el alto
de la página.

3.13.Boxes o caja - un box es un espacio gráficamente delimitado

que usualmente incluye un texto explicativo o sobre el asunto
relacionado al artículo principal.

3.14.Hilos - existen para separar elementos que, por algún motivo,

pueden ser confundidos.
3.15.Encabezado y Pie - marcan la cumbre y la base de la
página, respectivamente, incluyendo marcas básicas como
nombre del periódico, editoría, fecha, número de la edición y
número de la página; cuando es usado en la primera página, la
cabecera incluye aún la marca del diario, precio y algunos
nombres del equipo periodístico (presidente, director, editor-
jefe).

3.16.Espacios para publicidad - único elemento de contenido

no-editorial de la diagramación, producido por el equipo
comercial.

3.17.Los aspectos que determinan la composición de estos elementos

en la página son, entre otros:

3.18.Número de columnas - la distribución del texto en

columnas verticales de tamaño regular, espaciadas y válidas
para encajar los elementos. Actualmente, el patrón en diarios
estándar es la división 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 circulación no
utilizaban impresión en colores, dependiendo de la escala de
grises para matizar sus elementos.
Qué es la Diagramación… 9

Imagen 4 Ventana de color

3.20.Espaciamiento - interlínea, entre columnas y entre cada

elemento gráfico.

3.21.Tipología - variedad y tipos de fuentes tipográficas utilizadas.

5.Tamaño de las publicaciones

Para diarios, hay cuatro tamaños fundamentales de páginas:

4.1. Estándar - página entera, con caja tipográfica variando

alrededor de 120 pc por 70 pc, y bordes de dos a trés
centímetros. La mancha gráfica de O Globo (periódico brasilero),
por ejemplo, es de 125 por 70 paicas.
4.2. Tabloide - mitad del tamaño estándar; generalmente (pero no
necesariamente) son diarios populares que utilizan profusión de
recursos gráficos, poco texto y muchas fotos.

Imagen 5 Ventana de Configuración

4.3. Medio tabloide - casi un formato carta.

4.4. Europeo o Berlinés - más alto que el tabloide y más
estrecho que el estándar, 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 tamaño estándar es 26,5 por 20 centímetros.
 Qué es la Diagramación… 10

6.Proceso
Los diagramadores generalmente usan
programas de edición electrónica en la
computadora para componer los
elementos en las páginas antes de
imprimir. Antiguamente, antes de la
diagramación digital, los diseñadoress
utilizaban "muñecas" (miniaturas) de las
páginas, para prever con precisión
milimétrica o layout de cada página en
tamaño natural.

Algunos de los softwares de

computadora más utilizados son el QuarkXPress, el Adobe InDesign, el
Imagen 6 Procesos Adobe PageMaker (desfasado y dejado de lado por Adobe
para dedicarse más a Indesign) y el Corel Ventura

Una muñeca completo era necesario para designar el

columnaje por la cual la rotativa (typesetter) iría definir los tipos e
organizar las columnas de texto.

Hoy en día existen programas que hacen mucho más sencilla la

diagramación, QuarkXPress y Adobe InDesign que permiten crear
páginas maestras y añadir marcos que simulan el espacio a emplear
haciendo mucho más sencillo el maquetamiento de cualquier revista
o periódico.

7.Opciones de diseño
Los diagramadores eligen los tamaños de las fotos y titulares (tanto
las letras como cuánto espacio va ocupar en la página). Ellos pueden
decidir - junto con los editores - cuales artículos se quedarán en
cuales páginas, y en que posición en la página. De acuerdo con el
proyecto gráfico, pueden determinar las tipografías (typefaces) para
páginas especiales. En grandes diarios, todavía, el proyecto gráfico ya
preve las tipologías para uso de rutina.

1.

2.

3.

4.

5.

6.
 Qué es la Diagramación… 11

6.1.Diagramar en Indesign y Quarkexpress

Configuración de la cuadricula base con Indesign y QuarkXPress

Para configurar la cuadricula base:

✔ Edición -> Preferencias. (Indesign)

✔ Edición -> Preferencias (Quark)

Para configurar los perfiles de color:

✔ Edición -> Configuración de color

✔ Edición -> Preferencias (Quark).

6.2.Cuadro de configuración de color de Adobe

Indesign CS2.
Vamos a realizar nuestro trabajo
para impresión en imprenta offset,
cuatricromía 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 estándares
ISO para industrias gráficas.

Nota: Para poder utilizar estos

perfiles en Indesign hay que
marcar la opción “Modo avanzado”

Ahora vamos a empezar con la

retícula para nuestra página
maestra-maqueta. Como el número
Imagen 7 Maquetaciónde columnas inicial nos parece poco adecuado lo vamos a
cambiar a 5 que nos va a dar más flexibilidad y el medianil lo
vamos poner de 12pt es decir 4,233mm. Para ello acudimos al
comando:

✔ Maquetación -> Márgenes y columnas (Indesign)

✔ Maquetación -> Guías de maqueta (Quark).

Qué es la Diagramación… 12

Imagen 8 Ventana de maquetación

En cuanto a la división en campos e intervalos vamos a utilizar 6

campos con un intervalo de una línea aunque también podemos
apoyarnos en la cuadricula base para nuestro diseño.

En Indesign utilizaremos el comando Maquetación -> Crear gruías con

los valores que se pueden apreciar en la captura.

En Quark tendremos que situar las guías manualmente, arrastrando

desde la reglas, ya que el gestor de guías no funciona en la página
maqueta.

Ahora vamos a duplicar esta página maestra-maqueta ya que la base

reticular será la misma para las dos maquetas que vamos a utilizar.
Para duplicar una página maestra-maqueta pulsamos (en ambos
programas) el botón derecho del ratón sobre la página a duplicar y
elegimos la opción “duplicar” luego podemos renombrarla a nuestro
gusto.

La primera página de cada tema de nuestro libro queremos que

empiece en página impar es decir que se sitúe en una página derecha
por lo que la maestra-maqueta para estas sólo tendrá elementos
definidos en la página derecha. Iremos haciendo pruebas con
diferentes diseños y tipografías y cuando hayamos dado con el
tamaño, alineación, interlineado etc. adecuado para nuestras
intenciones crearemos estilos para almacenar todos esos datos.

Este es el aspecto de nuestra página maestra-maqueta para las

páginas iniciales de los temas.

En la maqueta de las demás páginas lo único que vamos a poner es la

numeración y un texto que indique el titulo del tema y del libro.

Una vez que tenemos las páginas maestras-maqueta vamos a crear

los estilos de párrafo y carácter necesarios para nuestro libro.
Qué es la Diagramación… 13

Crearemos los estilos de párrafo Titulo1, Titulo2, Titulo3, Texto, Pie de

foto y de carácter crearemos uno con el mismo tipo de letra que texto
pero con más 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 después guardaremos el
documento como plantilla para poder utilizarlo en la realización de los
demás capítulos de nuestro libro.
 TABLA DE ILUSTRACIONES
IMAGEN 1 VENTANA.................................................................................... .......................4

ÍNDICE

C F
Caricaturas 2, 6 fotografías 2, 6
Cuadro de configuración 3, 10

I
D
Ilustraciones 2, 6
diagramación 4, 5, 6, 7, 8, 9
Diseño gráfico 4
T
E Títulos 2, 6

Encabezado y Pie 2, 7
Estándar 3, 8 V
Viñetas 2, 7
Qué es la Diagramación… 15

HIPERVÍNCULOS
Fundamentos de Diagramación

La Diagramación