Está en la página 1de 8

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
website
facebook
contenido
terico
Diseo Grfico. 25 aos de twitter
Universidad compromiso vimeo
de Buenos Aires. con la educacin youtube
pblica flickr

Escribimos y leemos de izquierda a derecha y de Su alto es un conjunto determinado de interlneas


arriba hacia abajo. La idea ser siempre evitar la (por lo cual siempre ser mltiplo del interlineado y
interrupcin de la lectura. se medir en puntos).
Su ancho determinar el nmero de columnas que
Josef Mller-Brokman organiz y difundi el uso entran en la caja y se medir en picas.
de la grilla en su libro Sistemas de retculas,
publicado por primera vez en 1961. Durante los Calles
aos 50, las grillas fueron una parte fundamental Particiones horizontales y verticales que determi-
de una corriente de diseo conocida como Estilo nan los espacios entre mdulos y columnas.
Tipogrfico Internacional o Estilo Suizo. La pre- Las calles horizontales tienen la medida del inter-
misa de este estilo se basaba en la bsqueda de lineado. La separacin vertical de las columnas
la mera funcin a travs de la legibilidad, la objeti- puede variar, aunque siempre debe ser, al menos,
vidad y la simpleza de cada pieza grfica, logradas del ancho en puntos de la altura de la interlnea.
a travs del uso de grillas, de la experimentacin
tipogrfica y de la mxima reduccin de elementos Si bien la grilla se desarrolla especficamente para
visuales decorativos. responder a las necesidades funcionales y forma-
les de un problema de puesta en pgina particular,
Construccin de la grilla ejercitarnos en el uso de este sistema constituir
una prctica clave que facilitar el diseo de cual-
La grilla se construye a partir de la definicin de la quier proyecto.
caja tipogrfica y su posterior modulacin horizon-
tal (en columnas) y vertical (en interlneas y grupos En el TP05
de interlneas). Este instrumento se caracteriza
por la repeticin modular, y est formado por los Se utilizan grillas prediseadas que admiten
siguientes componentes: no obstante un sinnmero de soluciones
grficas al problema de la puesta en pgina.
Mrgenes
Espacios en blanco que enmarcan la caja o
mancha tipogrfica. Existen mrgenes superiores, Por ltimo, cabe aclarar que la grilla es solamente
inferiores y laterales. una herramienta que sirve para ordenar y sistema-
tizar una disposicin de elementos en el espacio
Caja o mancha tipogrfica que surge primero en la cabeza del diseador. De
Espacio en el que se ubican los elementos (esto ninguna manera resuelve una correcta puesta en
no implica que la mancha est ocupada en su tota- pgina. La grilla debe dar respuesta precisa al pro-
lidad. Los blancos se cuentan como elementos.) yecto de diseo planteado por el diseador. Debe
adecuarse a l y no a la inversa.
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.
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 Las columnas de texto pueden componerse de dos
de autoedicin, es siempre conveniente convertirla formas bsicas. La composicin ser justificada
a gua1. De esta manera, nos aseguraremos que cuando la columna
la grilla sea invisible y que los elementos sean tenga los mrgenes izquierdo y derecho unifor-
atrados hacia ella por la tensin que genera. mes, de manera que todas las lneas tipogrficas
que la compongan tengan la misma medida
Una vez convertida a gua, ubicaremos el contenido (Montesinos y Mas Hurtuna, 2003:153)
que queramos en el espacio de la pgina, ya sea mientras que ser no justificada cuando sus mr-
texto (utilizando la herramienta Texto y creando genes sean variables.
cajas de texto) o imgenes (a travs del comando
Archivo > Colocar). Estas opciones se manejan desde el panel Prra-
fo (Ventana > Texto > Prrafo)
Las opciones de formato de texto se establecen
desde el panel Carcter.
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
website
facebook
contenido
terico
Diseo Grfico. 25 aos de twitter
Universidad compromiso vimeo
de Buenos Aires. con la educacin youtube
pblica flickr

Tanto en las composiciones justificadas como Los valores mostrados en la ventana superior pue-
en las no justificadas, el objetivo es lograr una den funcionar para medidas de lnea adecuadas,
composicin de color tipogrfico uniforme. Esto pero ser insuficientes para medidas de lnea pe-
es ms fcil de conseguir en las segundas, en las queas. En esos casos, habr que ajustarlos para
que no es necesario modificar el espacio entre pa- conseguir un mejor resultado final. Se recomienda,
labras para alcanzar un ancho determinado. En las respecto al espacio entre palabras, un mnimo del
primeras, en cambio, se buscar que la columna 95%, un ptimo del 100% y un mximo del 110%, y
no presente grandes separaciones entre palabras en la separacin entre letras un mnimo de -1%, un
(los llamados ros2) ni exageradas separaciones ptimo del 0% y un mximo del 2%.
entre letras. Para ello, adems de los tres mto-
dos de justificacin que veremos ms adelante, De todos modos, conviene siempre tener en
incidirn el ojo medio de la tipografa, la medida de cuenta el resto de las variables tipogrficas, ya
lnea, la interlnea y la separacin entre columnas. que algunas veces, la modificacin del tamao del
cuerpo o de la medida de lnea puede mejorar la
Composicin justificada justificacin.
En este caso, es necesario modificar el espacio
entre palabras para que la ltima letra coincida Espacio entre palabras
con el lmite derecho de la columna. En las lneas Un buen espaciado entre palabras no debe
largas, esta tarea se realiza de manera relativa- ser excesivo, ya que dificulta su vinculacin, ni
mente sencilla ya que la gran cantidad de palabras pequeo, porque impide su identificacin.
permite modificar varios espacios; sin embargo, (Montesinos y Mas Hurtuna, 2003:141)
en las lneas cortas, los pocos espacios obligan
a recurrir a los mtodos de justificacin, que son: El espacio entre palabras se puede aumentar si se
espacio entre palabras, particin y espacio entre utiliza una familia con una gran altura de x, si se
letras. Es recomendable que estos tres mtodos emplean familias expandidas, y si se usa un ancho
se apliquen en el orden enunciado, ya que el de columna grande. Se puede disminuir si se
ltimo de ellos implica modificar el diseo original utiliza una familia con una altura de x pequea, si
de la tipografa y acarrea variaciones notorias en el se emplean familias condensadas, y si se usa una
color tipogrfico. lnea pequea corta (de pocos signos).
Cuanto menor sea la medida de lnea, ms difcil
ser el proceso de justificacin, ya que las colum- Cuando la medida de lnea lo permita, se debe
nas cortas presentan menos espacios que poder utilizar el espacio ptimo, y las diferencias de
modificar. mnimo y mximo deben ser pequeas, ya que de
lo contrario se producen efectos no deseados.
PARMETROS DE JUSTIFICACIN
Para manejar estos valores, se debe ir a la venta- Espacio entre letras
na Justificacin (Prrafo > Justificacin) 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 desa-
gradables. Por otra parte, las familias tipogrficas
fueron diseadas con un interletrado ptimo
establecido por el diseador; si este espacio es
2 Los ros se dan por la coincidencia vertical de los modificado, se alteran el diseo original y las con-
espacios en blanco de dos o ms lneas consecutivas.
diciones ptimas de legibilidad.
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

Particin Composicin no justificada


Estos valores se manejan desde la ventana En este tipo de composicin, no es necesario mo-
Separacin por slabas (Prrafo > Separacin por dificar los espacios entre palabras ni entre letras,
slabas) 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
La separacin de palabras es la clave de la justi- tiene un margen derecho fijo y un margen izquierdo
ficacin cuando se trabaja con medidas de lnea variable. (Montesinos y Mas Hurtuna, 2003:153)
pequeas, debido a que la particin equilibra la
cantidad de caracteres por lnea. De no usarse, Como mencionbamos anteriormente, a pesar de
podra ocurrir que haya una gran diferencia entre la la facilidad que supone no tener que intervenir en
cantidad de caracteres de una lnea a otra, y que los espacios entre palabras, existen ciertas reglas
se generasen ros. bsicas a la hora de realizar una composicin
desflecada a derecha o a izquierda.
Al utilizar este mtodo, es conveniente limitar el
nmero de guiones consecutivos para evitar cons-
tantes interrupciones que dificulten la legibilidad. No modificar los espacios entre palabras.
El corte est controlado por los diccionarios incor- No modificar los espacios entre letras.
porados en los programas, los cuales realizan la No utilizar cortes de palabra (slo excepcio-
separacin basndose en las reglas ortogrficas nalmente).
del idioma que se encuentre establecido. Sin em- No utilizar ciertas capitulares.
bargo, debe cuidarse que los cortes automticos No deben aparecer lneas demasiado
no generen palabras con significado propio. Es el similares.
caso de dis-puta, art-culo, sa-cerdote. No debe haber lneas cada vez ms cortas.
No se deben repetir pares de lneas de
A continuacin, ofrecemos una serie de reglas a igual medida.
tener en cuenta al utilizar este mtodo: No debe quedar una palabra suelta (aun-
que lleve punto y seguido) o viuda.

Se deben cortar slo las palabras de 6 o


ms caracteres. Realizar una buena composicin desflecada
No debe haber menos de 3 letras antes del requiere una manipulacin tipogrfica exhaustiva y
guin. manual. En estos casos, se debe estar muy atento
No debe haber ms de 2 lneas seguidas ya que al estar el conjunto de texto interrelacio-
con guin. 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.