2012 Tipografa 1.

Carrera de
website
facebook
contenido
terico
Diseo Grfico. 25 aos de twitter
Universidad compromiso vimeo
de Buenos Aires. con la educacin youtube
pblica flickr

La grilla

Introduccin
1. Introduccin La grilla es un sistema organizador del espacio
grfico que permite la estructuracin, el orden y la
2. Construccin de la grilla disposicin de los distintos elementos que com-
ponen una pieza, sean stos tipogrficos (lneas
3. Trabajando con la grilla de texto, prrafos, etc.), o grficos (imgenes y
blancos). Esencialmente, se trata de un sistema
4. Composicin de columnas ortogonal de planificacin que parcela la informa-
Composicin justificada cin en fragmentos manejables.
Composicin no justificada
En piezas que requieren cierta continuidad y se
repiten a travs del tiempo (como puede ser un
Bibliografa diario, que presenta informacin diversa, compleja
Montesinos, Jos Luis Martn y variable), la grilla permite sistematizar el uso del
y Mas Hurtuna, Montse: Manual
de tipografa. Del plomo a la era espacio, ya que sita los elementos en un rea
digital, Editorial Campgrafic, Valencia, de forma regular. Esta regularidad espacial resulta
Espaa. 2003.
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.

Los ejemplos que presen- Ms all de su uso idneo en piezas secuenciales,

tamos en este apunte,
as como las pestaas, la grilla tambin es un instrumento sumamente
corresponden al programa til a la hora de disponer de forma equilibrada el
Adobe InDesign (ptimo
para trabajos editoriales), conjunto de elementos grficos en una puesta en
en su versin CS5 y en pgina de carcter nico. La grilla impone orden,
idioma espaol.
Los comandos en el uniformidad y coherencia. Pauta la relacin de
programa Adobe Illustrator,
espacio entre los elementos compositivos, permi-
por pertenecer a la misma
empresa, se encuentran en tiendo al diseador la ubicacin segura de stos.
la mayora de los casos, en
los mismos lugares.
La grilla facilita y sugiere la distribucin y jerarqua
de los elementos en la pgina, y garantiza la con-
sistencia 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 princi-
pios 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 conside-
rarse el sentido de escritura y la lgica del idioma.
2012 Tipografa 1.
Carrera de
Diseo Grfico. 25 aos de
Universidad compromiso
de Buenos Aires. 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 pre-
misa de este estilo se basaba en la bsqueda de
la mera funcin a travs de la legibilidad, la objeti-
vidad 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 horizon-
tal (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 tota-
lidad. 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
contenido
terico
twitter
vimeo
youtube
flickr
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 determi-
nan los espacios entre mdulos y columnas.
Las calles horizontales tienen la medida del inter-
lineado. 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 forma-
les de un problema de puesta en pgina particular,
ejercitarnos en el uso de este sistema constituir
una prctica clave que facilitar el diseo de cual-
quier 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 sistema-
tizar 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 pro-
yecto de diseo planteado por el diseador. Debe
adecuarse a l y no a la inversa.
2012 Tipografa 1.
Carrera de
website
facebook
contenido
terico
Diseo Grfico. 25 aos de twitter
Universidad compromiso vimeo
de Buenos Aires. con la educacin youtube
pblica flickr
2012 Tipografa 1.
Carrera de
website
facebook
contenido
terico
Diseo Grfico. 25 aos de twitter
Universidad compromiso vimeo
de Buenos Aires. con la educacin youtube
pblica flickr

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.
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.
Las columnas de texto pueden componerse de dos
formas bsicas. La composicin ser justificada
cuando la columna
tenga los mrgenes izquierdo y derecho unifor-
mes, 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 mr-
genes sean variables.
Estas opciones se manejan desde el panel Prra-
fo (Ventana > Texto > Prrafo)
Composicin Composicin
no justificada 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 Maque-

tacin > 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. 25 aos de
Universidad compromiso
de Buenos Aires. 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 pa-
labras 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 mto-
dos 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 relativa-
mente 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 colum-
nas cortas presentan menos espacios que poder
modificar.
PARMETROS DE JUSTIFICACIN
Para manejar estos valores, se debe ir a la venta-
na Justificacin (Prrafo > Justificacin) Dentro de la justificacin, el espacio entre letras
2 Los ros se dan por la coincidencia vertical de los
espacios en blanco de dos o ms lneas consecutivas.
website
facebook
contenido
terico
twitter
vimeo
youtube
flickr
Los valores mostrados en la ventana superior pue-
den funcionar para medidas de lnea adecuadas,
pero ser insuficientes para medidas de lnea pe-
queas. 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
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 desa-
gradables. 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 con-
diciones ptimas de legibilidad.
2012 Tipografa 1.
Carrera de
Diseo Grfico. 25 aos de
Universidad compromiso
de Buenos Aires. con la educacin
pblica
Particin
Estos valores se manejan desde la ventana
Separacin por slabas (Prrafo > Separacin por dificar los espacios entre palabras ni entre letras,
slabas)
La separacin de palabras es la clave de la justi-
ficacin 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 cons-
tantes interrupciones que dificulten la legibilidad.
El corte est controlado por los diccionarios incor-
porados en los programas, los cuales realizan la
separacin basndose en las reglas ortogrficas
del idioma que se encuentre establecido. Sin em-
bargo, 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.
website
facebook
contenido
terico
twitter
vimeo
youtube
flickr
Composicin no justificada
En este tipo de composicin, no es necesario mo-
ni activar la particin. Ms all de estas facilida-
des, 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. Pue-
de darse de dos maneras: desflecada o centrada.
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 excepcio-
nalmente).
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 (aun-
que 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 interrelacio-
nado, cualquier cambio que realicemos producir
una alteracin. Muchas veces, tras haber agotado
todas las otras posibilidades, una composicin co-
rrecta puede conseguirse cambiando el contenido
del texto.
2012 Tipografa 1.
Carrera de
website
facebook
contenido
terico
Diseo Grfico. 25 aos de twitter
Universidad compromiso vimeo
de Buenos Aires. con la educacin youtube
pblica flickr

COMPOSICIN CENTRADA
La composicin centrada tiene los mrgenes dere-
cho e izquierdo variables.

Al igual que los otros tipos de composicin, tam-

bin 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-corto-
largo-corto, no dejar que la primera ni la
ltima sean mucho ms largas que las que
le siguen o las que les preceden, respectiva-
mente.

En trminos de puesta en pgina (independiente-

mente 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 debe-
ran ser mayores que los mrgenes de composi-
cin (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.
Interlnea 12 pt
Mdulo: alto 4 lneas, ancho 4 Picas

En el caso de utilizar cuerpos

Modo de uso de tipogrficos mayores o
menores al texto principal,
la grilla tipogrfica habr que verificar que la
interlnea sea, respectivamen-
(Cuerpo: 24 pt te, mltiplo o divisor de la
interlnea de la grilla.
Interlnea: 24 pt)
El texto debe colgar desde la lnea media de la Este es un ejemplo de una columna de 4
primera lnea, ya que es all donde sta se recons- mdulos de ancho. Al colocar un recuadro pleno con
truye pticamente, siendo los rasgos ascendentes texto en su interior, debemos
despreciables. asegurarnos de que sean los
El interlineado del texto principal debe coincidir con mrgenes del recuadro los que
el interlineado en base al cual se construy la Otros tamaos coincidan con los mdulos de la
grilla. En este caso, el cuerpo es 10 y la interlnea, Lnea grilla. De esta manera, nos asegura-
12. Las columnas tambin pueden dominante mos de que siga habiendo la
La eleccin del cuerpo tipogrfico depende de abarcar menos mdulos. suficiente separacin entre este
varios factores, tales como el interlineado, el ancho En estos casos, habr que elemento y el resto de los que
de las columnas y la cantidad de texto. El cuerpo cuidar que la lnea de texto conforman la puesta en pgina.
nunca puede ser mayor al interlineado; de lo albergue la cantidad de
contrario, se tendra una interlnea negativa. palabras por lnea recomen- El texto deber guardar respecto al
Si se trata de un bloque de texto, el cuerpo tipogr- dada. recuadro unos mrgenes igual o
fico debe oscilar entre 8 y 11-12 pt, de acuerdo con mayores a la medida de las calles
el tipo de letra seleccionado. Aqu se redujo el tamao del de la grilla. La eleccin del cuerpo e
El espacio existente entre las lneas se determina cuerpo a 8 pt para que interlnea deber hacerse siguiendo
segn el cuerpo tipogrfico elegido. El interlineado entraran ms palabras por los criterios antes mencionados.
tiene que facilitar el pasaje de una lnea a otra, y lnea. Se mantuvo la interlnea
para eso el criterio convencional es que sea un en 12 pt, de modo de
20% mayor que el cuerpo utilizado (por ejemplo: mantener la coincidencia
10/12, es decir, cuerpo 10 pt, interlineado 12 pt). horizontal con otros elemen-
Las lneas demasiado juntas dificultan la lectura tos del espacio.
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 legibili-
dad. Como el interlineado en la grilla ya se encuen-
tra determinado (debe ser 12 pt, mltiplos o A la hora de ubicar imgenes con
divisores de esa medida), deberemos cuidar que se lmites irregulares en la grilla, deber
respete la relacin entre cuerpo, interlineado y tenerse en cuenta su masa visual, y
ancho de columna. las lneas pticas dominantes.