Tipografa 2.

website contenido
Carrera de facebook 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 de organizacin del espacio
grfico que permite estructurar, ordenar y disponer
2. Construccin de la grilla los distintos elementos que componen la pieza
grfica, sean stos tipogrficos (lneas de texto,
3. Trabajando con la grilla prrafos, etc.), o grficos (imgenes y blancos).
Esencialmente, se trata de un sistema ortogonal
4. Composicin de columnas de planificacin que parcela la informacin en
Composicin justificada 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 de
digital, Editorial Campgrafic, Valencia, forma regular. Esta regularidad espacial resulta c-
Espaa. 2003.
moda para el lector, rpidamente puede encontrar
la informacin que busca.
Es un programa que ayuda a construir y mantener
la identidad de la publicacin a travs del tiempo.

Pero no slo su uso resulta fundamental su uso

en piezas secuenciales: la grilla tambin es un
instrumento sumamente til a la hora de disponer
Los ejemplos que presen- de forma equilibrada el conjunto de elementos
tamos en este apunte,
as como las pestaas, grficos en una pieza nica.
corresponden al programa
Adobe InDesign (ptimo
para trabajos editoriales), La grilla propone orden, uniformidad y coherencia.
en su versin CS5 y en Pauta la relacin de espacio entre los elementos
idioma espaol.
Los comandos en el progra- compositivos, permitiendo al diseador la ubica-
ma Adobe Illustrator de la
cin precisa de stos. La grilla facilita y sugiere
misma empresa se suelen
encontrar en los mismos la distribucin y jerarqua de los elementos en la
lugares.
pgina, y garantiza la consistencia visual en los
casos que se trabaje en piezas que son parte de
una secuencia.

Para disponer los elementos en la grilla, se deben

tener en cuenta ciertos aspectos que tienen que
ver con optimizar las condiciones de lectura.
Estos principios surgen de estudios que analizan
la manera en que leemos y determinan pautas
como la medida adecuada de una lnea de texto,
las composiciones que contribuyen a una lectura
ms fluida o el espacio ms adecuado entre los
elementos.

Para analizar las condiciones de legibilidad de un

texto deben considerarse el sentido de escritura
y la lgica del idioma. Escribimos y leemos de
izquierda a derecha y de arriba hacia abajo.
Tipografa 2.
Carrera de
Diseo Grfico. 25 aos de
Universidad compromiso
de Buenos Aires. con la educacin
pblica
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, la grilla fue una parte fundamental de
una corriente de diseo conocida como Estilo
Tipogrfico Internacional o Estilo Suizo. Este se nan los espacios entre mdulos y columnas.
basaba en la optimizacin de su funcionamiento a
travs de la legibilidad, la objetividad y la simpleza
de cada pieza grfica. Esta bsqueda se sustent
en la organizacin del espacio usando la grilla,
de la experimentacin tipogrfica y de la reduccin
del uso de elementos visuales decorativos.
Elementos 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 deba estar 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 siempre 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 de subdivisn de la grilla.
Su altura est definida por un conjunto determina-
do de interlneas (por lo cual siempre ser mltiplo
del interlineado y se medir en lneas/puntos).
website contenido
facebook terico
twitter
vimeo
youtube
flickr
Su ancho determinar el nmero de columnas que
entran en la caja y se medir en picas.
Calles
Particiones horizontales y verticales que determi-
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.
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 el proyecto del diseador. De
ninguna manera resuelve el diseo de la puesta
en pgina.
La grilla debe dar respuesta precisa al proyecto de
diseo planteado por el diseador. Debe adecuar-
se a l y no a la inversa.
La grilla debe disearse para las necesidades
especficas de cada proyecto.
Tipografa 2. website contenido
Carrera de facebook terico
Diseo Grfico. 25 aos de twitter
Universidad compromiso vimeo
de Buenos Aires. con la educacin youtube
pblica flickr
Tipografa 2. website contenido
Carrera de facebook 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 pueda ser activada (sea visible) para la
organizacin de los elementos en la puesta en
pgina, o desactivada (invisible) para observar el
funcionamiento de los mismos en la pgina.
Una vez convertida a gua, ubicaremos el contenido
necesario 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 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 al menos
uno de sus mrgenes sean variables.
Tambin podemos aclarar de un prrafo que se
encuentra justificado o marginado a izquierda o a
derecha segn el caso.
Composicin Composicin
no justificada justificada

Familia

Variable

Cuerpo

Interlnea

Idioma
Corte de palabra

Las opciones de formato de texto se establecen Las opciones de marginados se manejan desde el
desde el panel Carcter. panel Prrafo (Ventana > Texto > Prrafo)

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
Tipografa 2.
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 compo-
sicin 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 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 contenido
facebook 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 pueden llegar a
juntarse, mientras que aumentarlo genera efectos
desagradables. Por otra parte, las familias tipogr-
ficas 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.
Tipografa 2.
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 generen blancos desparejos.
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 sugeren-
cias a tener en cuenta al utilizar este mtodo:
Se deben cortar slo las palabras de 6 o ya que al estar el conjunto de texto interrelacio-
ms caracteres.
No debe haber menos de 3 letras antes del una alteracin. Muchas veces, tras haber agotado
guin.
No debe haber ms de 2 lneas seguidas rrecta puede conseguirse cambiando el contenido
con guin.
website contenido
facebook 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 normas bsicas que ayudan
al diseo 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.
Como mencionbamos anteriormente, a pesar de
la facilidad que supone no tener que intervenir en
los espacios entre palabras, existen ciertas nor-
mas 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 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
nado, cualquier cambio que realicemos producir
todas las otras posibilidades, una composicin co-
del texto.
Tipografa 2. website contenido
Carrera de facebook 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 propone algunas normas 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, respecti-
vamente.

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.
Ttulo en cuerpo 24 pt e interlnea: 24 pt En el caso de utilizar cuerpos Interlnea 12 pt
Mdulo: alto 4 lneas, ancho 4 Picas
tipogrficos mayores o
menores al texto principal,
habr que verificar que la
interlnea sea, respectivamen-
te, mltiplo o divisor de la
Modo de uso de interlnea de la grilla.

la grilla tipogrfica
El texto debe colgar desde la lnea superior que de- Este es un ejemplo de una columna definida
fine la altura de x, ya que es all donde se recons- por 4 mdulos de ancho y tres calles: 19 Picas.
truye pticamente la lnea de texto.
El interlineado del texto principal debe coincidir con
el interlineado en base al cual se construy la
grilla. En este ejemplo, el cuerpo principal es 10 y la Otros tamaos
interlnea es de 12 pt. Las columnas tambin pueden Lnea
La eleccin del cuerpo tipogrfico depende de abarcar menos mdulos. dominante
varios factores, tales como el interlineado, el ancho En estos casos, habr que
de las columnas y la cantidad de texto. El cuerpo cuidar que la lnea de texto
no debera ser mayor al interlineado porque en ese contemple la cantidad de
caso se tocaran los signos de las lneas de texto. palabras por lnea recomen-
El espacio existente entre las lneas se determina dada para su mejor lectura.
segn el cuerpo tipogrfico elegido. El interlineado Aqu se redujo el tamao del
tiene que facilitar el pasaje de una lnea a otra, y cuerpo a 8 pt para que
para eso el criterio convencional es que sea un entraran ms palabras por
20% mayor que el cuerpo utilizado (por ejemplo: lnea. Se mantuvo la interlnea Al colocar un recuadro
10/12, es decir, cuerpo 10 pt, interlineado 12 pt). en 12 pt, de modo de con texto en su interior,
Las lneas demasiado juntas dificultan la lectura mantener la coincidencia debemos asegurarnos
porque al leer se mezclan los signos, y las lneas horizontal con otros elemen- que sean los mrgenes
demasiado separadas dificultan la unin entre ellas. tos del espacio. del recuadro los que
Por otra parte, la medida del interlineado depende coincidan con los
tambin del ancho de las columnas, ya que, cuanto mdulos de la grilla. De
ms anchas sean, mayor interlineado se necesitar esta manera, garantiza-
para mantener la legibilidad. mos que siga habiendo
la suficiente separacin A la hora de ubicar imgenes con lmites irregulares
entre este elemento y el en la grilla, deber tenerse en cuenta su masa
resto de los que confor- visual y las lneas pticas dominantes.
man la puesta en pgina.