2012

Tipografa 1.
Carrera de
Diseo Grfico.
Universidad
de Buenos Aires.

25 aos de
compromiso
con la educacin
pblica

website
facebook
twitter
vimeo
youtube
flickr

contenido
terico

La grilla
Introduccin
1. Introduccin
2. Construccin de la grilla
3. Trabajando con la grilla
4. Composicin de columnas
Composicin justificada
Composicin no justificada

Bibliografa
Montesinos, Jos Luis Martn
y Mas Hurtuna, Montse: Manual
de tipografa. Del plomo a la era
digital, Editorial Campgrafic, Valencia,
Espaa. 2003.

Los ejemplos que presentamos en este apunte,

as como las pestaas,
corresponden al programa
Adobe InDesign (ptimo
para trabajos editoriales),
en su versin CS5 y en
idioma espaol.
Los comandos en el
programa Adobe Illustrator,
por pertenecer a la misma
empresa, se encuentran en
la mayora de los casos, en
los mismos lugares.

La grilla es un sistema organizador del espacio

grfico que permite la estructuracin, el orden y la
disposicin de los distintos elementos que componen una pieza, sean stos tipogrficos (lneas
de texto, prrafos, etc.), o grficos (imgenes y
blancos). Esencialmente, se trata de un sistema
ortogonal de planificacin que parcela la informacin en fragmentos manejables.
En piezas que requieren cierta continuidad y se
repiten a travs del tiempo (como puede ser un
diario, que presenta informacin diversa, compleja
y variable), la grilla permite sistematizar el uso del
espacio, ya que sita los elementos en un rea
de forma regular. Esta regularidad espacial resulta
cmoda para el lector, que sabr rpidamente
dnde hallar la informacin que busca -a lo cual
tambin contribuye su conocimiento del cdigo
visual empleado en el discurso verbal (tipogrfico)-.
Asimismo, esta constancia ayuda a construir y
mantener la identidad de la publicacin a travs
del tiempo.
Ms all de su uso idneo en piezas secuenciales,
la grilla tambin es un instrumento sumamente
til a la hora de disponer de forma equilibrada el
conjunto de elementos grficos en una puesta en
pgina de carcter nico. La grilla impone orden,
uniformidad y coherencia. Pauta la relacin de
espacio entre los elementos compositivos, permitiendo al diseador la ubicacin segura de stos.
La grilla facilita y sugiere la distribucin y jerarqua
de los elementos en la pgina, y garantiza la consistencia visual en los casos que se trabaje una
secuencia.
A la hora de disponer los elementos en la grilla,
debern ser tomados en cuenta ciertos criterios
que hacen a una ptima legibilidad. Estos principios surgen de estudios que analizan la manera
en que leemos, y determinan pautas tales como
la medida ptima que debe tener una lnea de
texto, las composiciones que permiten una lectura
ms fluida, la cantidad de espacio que facilitan las
condiciones de lectura, entre otros. Estos criterios
se delinearn a lo largo del apunte. Para analizar
si un texto tiene buena legibilidad debe considerarse el sentido de escritura y la lgica del idioma.

2012

Tipografa 1.
Carrera de
Diseo Grfico.
Universidad
de Buenos Aires.

25 aos de
compromiso
con la educacin
pblica

Escribimos y leemos de izquierda a derecha y de

arriba hacia abajo. La idea ser siempre evitar la
interrupcin de la lectura.
Josef Mller-Brokman organiz y difundi el uso
de la grilla en su libro Sistemas de retculas,
publicado por primera vez en 1961. Durante los
aos 50, las grillas fueron una parte fundamental
de una corriente de diseo conocida como Estilo
Tipogrfico Internacional o Estilo Suizo. La premisa de este estilo se basaba en la bsqueda de
la mera funcin a travs de la legibilidad, la objetividad y la simpleza de cada pieza grfica, logradas
a travs del uso de grillas, de la experimentacin
tipogrfica y de la mxima reduccin de elementos
visuales decorativos.
Construccin de la grilla
La grilla se construye a partir de la definicin de la
caja tipogrfica y su posterior modulacin horizontal (en columnas) y vertical (en interlneas y grupos
de interlneas). Este instrumento se caracteriza
por la repeticin modular, y est formado por los
siguientes componentes:
Mrgenes
Espacios en blanco que enmarcan la caja o
mancha tipogrfica. Existen mrgenes superiores,
inferiores y laterales.
Caja o mancha tipogrfica
Espacio en el que se ubican los elementos (esto
no implica que la mancha est ocupada en su totalidad. Los blancos se cuentan como elementos.)
Interlineado
Divisiones del eje vertical de la pgina.
Constituye los ejes de la alineacin horizontal de
los elementos. Se mide en puntos (pt)
Columnas
Divisiones del eje horizontal de la pgina.
Constituyen los ejes de la alineacin vertical de los
elementos. Su ancho se mide en picas (p)
Mdulo
Unidad mnima en que se divide la grilla.

website
facebook
twitter
vimeo
youtube
flickr

contenido
terico

Su alto es un conjunto determinado de interlneas

(por lo cual siempre ser mltiplo del interlineado y
se medir en puntos).
Su ancho determinar el nmero de columnas que
entran en la caja y se medir en picas.
Calles
Particiones horizontales y verticales que determinan los espacios entre mdulos y columnas.
Las calles horizontales tienen la medida del interlineado. La separacin vertical de las columnas
puede variar, aunque siempre debe ser, al menos,
del ancho en puntos de la altura de la interlnea.
Si bien la grilla se desarrolla especficamente para
responder a las necesidades funcionales y formales de un problema de puesta en pgina particular,
ejercitarnos en el uso de este sistema constituir
una prctica clave que facilitar el diseo de cualquier proyecto.
En el TP05

Se utilizan grillas prediseadas que admiten

no obstante un sinnmero de soluciones
grficas al problema de la puesta en pgina.

Por ltimo, cabe aclarar que la grilla es solamente

una herramienta que sirve para ordenar y sistematizar una disposicin de elementos en el espacio
que surge primero en la cabeza del diseador. De
ninguna manera resuelve una correcta puesta en
pgina. La grilla debe dar respuesta precisa al proyecto de diseo planteado por el diseador. Debe
adecuarse a l y no a la inversa.

2012

Tipografa 1.
Carrera de
Diseo Grfico.
Universidad
de Buenos Aires.

25 aos de
compromiso
con la educacin
pblica

website
facebook
twitter
vimeo
youtube
flickr

contenido
terico

2012

Tipografa 1.
Carrera de
Diseo Grfico.
Universidad
de Buenos Aires.

25 aos de
compromiso
con la educacin
pblica

website
facebook
twitter
vimeo
youtube
flickr

contenido
terico

Trabajando con la grilla

Composicin de columnas de texto

A la hora de trabajar con la grilla en los programas

de autoedicin, es siempre conveniente convertirla
a gua1. De esta manera, nos aseguraremos que
la grilla sea invisible y que los elementos sean
atrados hacia ella por la tensin que genera.

Las columnas de texto pueden componerse de dos

formas bsicas. La composicin ser justificada
cuando la columna
tenga los mrgenes izquierdo y derecho uniformes, de manera que todas las lneas tipogrficas
que la compongan tengan la misma medida
(Montesinos y Mas Hurtuna, 2003:153)
mientras que ser no justificada cuando sus mrgenes sean variables.

Una vez convertida a gua, ubicaremos el contenido

que queramos en el espacio de la pgina, ya sea
texto (utilizando la herramienta Texto y creando
cajas de texto) o imgenes (a travs del comando
Archivo > Colocar).
Las opciones de formato de texto se establecen
desde el panel Carcter.

Estas opciones se manejan desde el panel Prrafo (Ventana > Texto > Prrafo)
Composicin
no justificada

Composicin
justificada

Familia
Variable
Cuerpo
Interlnea

Idioma
Particin
Familia

Composicin no justificada

Eleccin de la familia tipogrfica

Comprende las opciones de desflecado

Variable

a derecha, a izquierda y centrado.

Eleccin de la variable

Composicin justificada

Cuerpo

Comprende diversas opciones de alinea-

Eleccin del cuerpo

cin de la lnea final.

Interlnea

Particin

Eleccin de la interlnea

Asegurarse de que se encuentre tildado

Idioma

en caso de realizar una composicin

Asegurarse de que se encuentre en espaol.

justificada.

1 En Adobe InDesign, esto se maneja desde Maquetacin > Mrgenes y columnas, donde ser necesario
ajustar los valores para obtener la grilla.
En Adobe Illustrator, seleccionar la grilla, e ir a Ver > Guas
> Crear guas

2012

Tipografa 1.
Carrera de
Diseo Grfico.
Universidad
de Buenos Aires.

25 aos de
compromiso
con la educacin
pblica

Tanto en las composiciones justificadas como

en las no justificadas, el objetivo es lograr una
composicin de color tipogrfico uniforme. Esto
es ms fcil de conseguir en las segundas, en las
que no es necesario modificar el espacio entre palabras para alcanzar un ancho determinado. En las
primeras, en cambio, se buscar que la columna
no presente grandes separaciones entre palabras
(los llamados ros2) ni exageradas separaciones
entre letras. Para ello, adems de los tres mtodos de justificacin que veremos ms adelante,
incidirn el ojo medio de la tipografa, la medida de
lnea, la interlnea y la separacin entre columnas.
Composicin justificada
En este caso, es necesario modificar el espacio
entre palabras para que la ltima letra coincida
con el lmite derecho de la columna. En las lneas
largas, esta tarea se realiza de manera relativamente sencilla ya que la gran cantidad de palabras
permite modificar varios espacios; sin embargo,
en las lneas cortas, los pocos espacios obligan
a recurrir a los mtodos de justificacin, que son:
espacio entre palabras, particin y espacio entre
letras. Es recomendable que estos tres mtodos
se apliquen en el orden enunciado, ya que el
ltimo de ellos implica modificar el diseo original
de la tipografa y acarrea variaciones notorias en el
color tipogrfico.
Cuanto menor sea la medida de lnea, ms difcil
ser el proceso de justificacin, ya que las columnas cortas presentan menos espacios que poder
modificar.
PARMETROS DE JUSTIFICACIN
Para manejar estos valores, se debe ir a la ventana Justificacin (Prrafo > Justificacin)

2 Los ros se dan por la coincidencia vertical de los

espacios en blanco de dos o ms lneas consecutivas.

website
facebook
twitter
vimeo
youtube
flickr

contenido
terico

Los valores mostrados en la ventana superior pueden funcionar para medidas de lnea adecuadas,
pero ser insuficientes para medidas de lnea pequeas. En esos casos, habr que ajustarlos para
conseguir un mejor resultado final. Se recomienda,
respecto al espacio entre palabras, un mnimo del
95%, un ptimo del 100% y un mximo del 110%, y
en la separacin entre letras un mnimo de -1%, un
ptimo del 0% y un mximo del 2%.
De todos modos, conviene siempre tener en
cuenta el resto de las variables tipogrficas, ya
que algunas veces, la modificacin del tamao del
cuerpo o de la medida de lnea puede mejorar la
justificacin.
Espacio entre palabras
Un buen espaciado entre palabras no debe
ser excesivo, ya que dificulta su vinculacin, ni
pequeo, porque impide su identificacin.
(Montesinos y Mas Hurtuna, 2003:141)
El espacio entre palabras se puede aumentar si se
utiliza una familia con una gran altura de x, si se
emplean familias expandidas, y si se usa un ancho
de columna grande. Se puede disminuir si se
utiliza una familia con una altura de x pequea, si
se emplean familias condensadas, y si se usa una
lnea pequea corta (de pocos signos).
Cuando la medida de lnea lo permita, se debe
utilizar el espacio ptimo, y las diferencias de
mnimo y mximo deben ser pequeas, ya que de
lo contrario se producen efectos no deseados.
Espacio entre letras
Dentro de la justificacin, el espacio entre letras
debe ser el recurso menos manipulable, ya que
el problema que proporciona un espaciado
entre letras indebido es mayor que la pequea
ventaja que pueda proporcionar.
Reducir el interletrado de forma exagerada no es
conveniente porque las letras llegan a juntarse,
mientras que aumentarlo genera efectos desagradables. Por otra parte, las familias tipogrficas
fueron diseadas con un interletrado ptimo
establecido por el diseador; si este espacio es
modificado, se alteran el diseo original y las condiciones ptimas de legibilidad.

2012

Tipografa 1.
Carrera de
Diseo Grfico.
Universidad
de Buenos Aires.

25 aos de
compromiso
con la educacin
pblica

Particin
Estos valores se manejan desde la ventana
Separacin por slabas (Prrafo > Separacin por
slabas)

website
facebook
twitter
vimeo
youtube
flickr

contenido
terico

Composicin no justificada
En este tipo de composicin, no es necesario modificar los espacios entre palabras ni entre letras,
ni activar la particin. Ms all de estas facilidades, existen algunas reglas bsicas que presiden
una buena creacin de columnas no justificadas.
La composicin no justificada, como mencionamos
antes, presenta variaciones en sus mrgenes. Puede darse de dos maneras: desflecada o centrada.

La separacin de palabras es la clave de la justificacin cuando se trabaja con medidas de lnea

pequeas, debido a que la particin equilibra la
cantidad de caracteres por lnea. De no usarse,
podra ocurrir que haya una gran diferencia entre la
cantidad de caracteres de una lnea a otra, y que
se generasen ros.
Al utilizar este mtodo, es conveniente limitar el
nmero de guiones consecutivos para evitar constantes interrupciones que dificulten la legibilidad.
El corte est controlado por los diccionarios incorporados en los programas, los cuales realizan la
separacin basndose en las reglas ortogrficas
del idioma que se encuentre establecido. Sin embargo, debe cuidarse que los cortes automticos
no generen palabras con significado propio. Es el
caso de dis-puta, art-culo, sa-cerdote.
A continuacin, ofrecemos una serie de reglas a
tener en cuenta al utilizar este mtodo:

Se deben cortar slo las palabras de 6 o

ms caracteres.
No debe haber menos de 3 letras antes del
guin.
No debe haber ms de 2 lneas seguidas
con guin.

COMPOSICIN DESFLECADA
Una composicin desflecada a derecha tiene
un margen izquierdo fijo y un margen derecho
variable. Por el contrario, la desflecada a izquierda
tiene un margen derecho fijo y un margen izquierdo
variable. (Montesinos y Mas Hurtuna, 2003:153)
Como mencionbamos anteriormente, a pesar de
la facilidad que supone no tener que intervenir en
los espacios entre palabras, existen ciertas reglas
bsicas a la hora de realizar una composicin
desflecada a derecha o a izquierda.

No modificar los espacios entre palabras.

No modificar los espacios entre letras.
No utilizar cortes de palabra (slo excepcionalmente).
No utilizar ciertas capitulares.
No deben aparecer lneas demasiado
similares.
No debe haber lneas cada vez ms cortas.
No se deben repetir pares de lneas de
igual medida.
No debe quedar una palabra suelta (aunque lleve punto y seguido) o viuda.

Realizar una buena composicin desflecada

requiere una manipulacin tipogrfica exhaustiva y
manual. En estos casos, se debe estar muy atento
ya que al estar el conjunto de texto interrelacionado, cualquier cambio que realicemos producir
una alteracin. Muchas veces, tras haber agotado
todas las otras posibilidades, una composicin correcta puede conseguirse cambiando el contenido
del texto.

2012

Tipografa 1.
Carrera de
Diseo Grfico.
Universidad
de Buenos Aires.

25 aos de
compromiso
con la educacin
pblica

COMPOSICIN CENTRADA
La composicin centrada tiene los mrgenes derecho e izquierdo variables.
Al igual que los otros tipos de composicin, tambin presenta algunas reglas bsicas:

No modificar los espacios entre palabras.

No modificar los espacios entre letras.
No utilizar cortes de palabra.
Evitar la repeticin de lneas iguales (la
apariencia rectangular produce el efecto de
texto mal justificado).
En un texto de dos lneas, la primera debe
ser ms larga que la segunda, pero mucho
menos del doble.
Si las lneas siguen un modelo largo-cortolargo-corto, no dejar que la primera ni la
ltima sean mucho ms largas que las que
le siguen o las que les preceden, respectivamente.

En trminos de puesta en pgina (independientemente del soporte que se trate: papel o pantalla)
hay algunas reglas que nos pueden servir, por
ejemplo, el espacio entre columnas nunca debe
ser menor al que existe entre dos lneas de texto
(se tender a seguir leyendo horizontalmente); los
espacios entre columnas o entre lneas no deberan ser mayores que los mrgenes de composicin (ya que desequilibra el plano de trabajo), salvo
que queramos lograr precisamente esos efectos.
Todas estas consideraciones son de orden general
y son vlidas especficamente en situaciones de
lectura cercana. Sin embargo, son aplicables a
casi todas las situaciones de manejo tipogrfico.
Igualmente, en cada caso habr que informarse
de las caractersticas tcnicas de cada aplicacin
y cada soporte para producir las modificaciones o
ajustes necesarios, tanto con la adicin del color,
la iluminacin, el movimiento, o cualquier otra
variable. De todos modos ser bueno remitirse
siempre al sentido de lectura del idioma y las
reglas generales que hacen a la legibilidad. Estas
seguirn siendo vlidas, independientemente del
soporte.

website
facebook
twitter
vimeo
youtube
flickr

contenido
terico

El texto debe colgar desde la lnea media de la

primera lnea, ya que es all donde sta se reconstruye pticamente, siendo los rasgos ascendentes
despreciables.
El interlineado del texto principal debe coincidir con
el interlineado en base al cual se construy la
grilla. En este caso, el cuerpo es 10 y la interlnea,
12.
La eleccin del cuerpo tipogrfico depende de
varios factores, tales como el interlineado, el ancho
de las columnas y la cantidad de texto. El cuerpo
nunca puede ser mayor al interlineado; de lo
contrario, se tendra una interlnea negativa.
Si se trata de un bloque de texto, el cuerpo tipogrfico debe oscilar entre 8 y 11-12 pt, de acuerdo con
el tipo de letra seleccionado.
El espacio existente entre las lneas se determina
segn el cuerpo tipogrfico elegido. El interlineado
tiene que facilitar el pasaje de una lnea a otra, y
para eso el criterio convencional es que sea un
20% mayor que el cuerpo utilizado (por ejemplo:
10/12, es decir, cuerpo 10 pt, interlineado 12 pt).
Las lneas demasiado juntas dificultan la lectura
porque al leer se mezclan, y las lneas demasiado
separadas tambin lo hacen, ya que se dificulta la
unin entre ellas. Por otra parte, la medida del
interlineado depende tambin del ancho de las
columnas, ya que, cuanto ms anchas sean, mayor
interlineado se necesitar para mantener la legibilidad. Como el interlineado en la grilla ya se encuentra determinado (debe ser 12 pt, mltiplos o
divisores de esa medida), deberemos cuidar que se
respete la relacin entre cuerpo, interlineado y
ancho de columna.

Modo de uso de
la grilla tipogrfica
(Cuerpo: 24 pt
Interlnea: 24 pt)

Interlnea 12 pt
Mdulo: alto 4 lneas, ancho 4 Picas

Aqu se redujo el tamao del

cuerpo a 8 pt para que
entraran ms palabras por
lnea. Se mantuvo la interlnea
en 12 pt, de modo de
mantener la coincidencia
horizontal con otros elementos del espacio.

Las columnas tambin pueden

abarcar menos mdulos.
En estos casos, habr que
cuidar que la lnea de texto
albergue la cantidad de
palabras por lnea recomendada.

Otros tamaos

Este es un ejemplo de una columna de 4

mdulos de ancho.

En el caso de utilizar cuerpos

tipogrficos mayores o
menores al texto principal,
habr que verificar que la
interlnea sea, respectivamente, mltiplo o divisor de la
interlnea de la grilla.

A la hora de ubicar imgenes con

lmites irregulares en la grilla, deber
tenerse en cuenta su masa visual, y
las lneas pticas dominantes.

Lnea
dominante

El texto deber guardar respecto al

recuadro unos mrgenes igual o
mayores a la medida de las calles
de la grilla. La eleccin del cuerpo e
interlnea deber hacerse siguiendo
los criterios antes mencionados.

Al colocar un recuadro pleno con

texto en su interior, debemos
asegurarnos de que sean los
mrgenes del recuadro los que
coincidan con los mdulos de la
grilla. De esta manera, nos aseguramos de que siga habiendo la
suficiente separacin entre este
elemento y el resto de los que
conforman la puesta en pgina.