1 Guía de estudio 9 | tema: Retícula tipográfica Tipo ii Editorial | María Teresa Bruno, Lucía Domenech

Uso de sistemas reticulares en diseño editorial Concepto de retícula o grilla (grid)

Subdivisión del espacio en campos

o módulos más pequeños para el
posicionamiento de los elementos,
textos e imágenes, en la página.
La retícula es una estructura
virtual que proporciona el marco
necesario para lograr la unidad de
la página.

El uso de una retícula reporta

beneficios para:

el lector, porque aporta un orden

sistematizado, distinguiendo los
diversos tipos de información y
facilitando la navegación del usua-
rio a través del contenido.
En el libro Sistemas de retículas,
Josef Müller Brockmann afirma
que «una información con títulos,
subtítulos, imágenes y textos de
las imágenes dispuestos con clari-
dad y lógica no sólo se lee con más
rapidez y menor esfuerzo: también
se entiende mejor y se retiene con
más facilidad en la memoria».

el diseñador, porque le permite

maquetar cantidades de informa-
ción (como en un libro o una serie
de catálogos) en un tiempo sus-
tancialmente más corto. También
posibilita que muchas personas
colaboren en el mismo proyecto
(por ejemplo, una revista o un
diario) sin que las características
visuales se vean afectadas por ello.

Usos de la retícula

Por su eficacia, las retículas se han

empleado siempre en la práctica
del diseño editorial (libros, revistas,
diarios) y, más recientemente, en
el diseño de páginas web.
También las retículas son muy
utilizadas en programas de iden-
tidad corporativa, para asegurar la
uniformidad visual en piezas grá-
ficas y medios diferentes (folletos,
papelería, memorias y balances,
publicidad, etc.).

La retícula adecuada

Para construir una retícula eficaz

para un proyecto determinado,
antes hay que conocer y valorar
bien el contenido específico que se
volcará en la página.
Se deben conocer las característi-
cas y las exigencias del texto (por
ej. si posee títulos muy largos,
gran cantidad de citas, recuadros,
epígrafes, etc.) y también conside-
rar la naturaleza y cantidad de las
imágenes.
Luego de estudiar el problema
implícito en el material a editar,
se define el formato, la fuente del
texto (tipo, cuerpo e interlineado)
y la longitud de las líneas. Recién
entonces se está en condiciones
para desarrollar un sistema reticu-
lar adecuado al proyecto.
 2 Guía de estudio 9 | tema: Retícula tipográfica Tipo ii Editorial | María Teresa Bruno, Lucía Domenech
Léxico: márgenes y caja tipográfica
3 4 5 6
2 7 10
Dos formas de ajustar el x La rejilla base representa el
texto a la rejilla base
interlineado del texto de un
(baseline grid)
documento.
Alinear los párrafos con la rejilla
base garantiza la uniformidad
de la ubicación de los elementos
de texto en una página, la
alineación horizontal entre
columnas y de página a página.
8 9
11
x En los programas de armado,
como InDesign, QuarkXPress o
Page Maker, la rejilla base está
preestablecida cada 12 pt. Pero
se puede cambiar este valor
(llamado incremento), ajustán-
dolo al interlineado usado en el
texto base, en el cuadro de
diálogo Preferencias.
3 Guía de estudio 9 | tema: Retícula tipográfica
Léxico: retículas
12
13
Por la segunda década del siglo xx, ya se había
desarrollado plenamente la Retícula Cartesiana. El
énfasis dual en apariencia y estructura que
caracterizó el simbolismo de la retícula durante el
Renacimiento, la revolución científica y periodo de la
ilustración ahora se ha movido fuertemente hacia la
estructura y lejos de la apariencia y de la pintura
ilusionista de fenómenos externos. Los valores
arquitectónicos y constructivos tan centrados a los
cánones modernistas de la edad temprana del siglo
xx fueron heredados del siglo anterior. La
exposición de estructuras de acero de Viollet-le-Duc
o Joseph Paxton en edificios o las Artes Funcionales
de Christopher Dresser o el Diseño de las Artes
como el de las manijas de las teteras basado en
pájaros o esqueletos de peces, o el arte nouveau que
es un rechazo a toda decoración Victoriana, todo
ello era expresión del siglo xix de este éxodo de una
creencia en la apariencia de la superficie como un
terminado estético en sí mismo.
La tradición Cartesiana continuó actuando en
Francia como el mayor estímulo para la retícula ya
que asumió su reencarnación modernista. Por
razones prácticas, se dirá que el proceso se inició con
Paul Cézanne, lejos del ilusionismo del
Renacimiento, hacia la abstracción y geometrización
de la naturaleza y de un énfasis en el campo de la
pintura. Este impulso continúa expresándose en la
pintura con el cubismo sintético para producir un
efecto total, y llega a su máxima expresión cuando
Piet Mondrian toma la retícula pictórica del cubismo
sintético para explorarla y purificarla en aislamiento
virtual de otros elementos pictóricos. Bajo la
influencia del cubismo, el tema de Mondrian se fue
progresivamente abstrayendo hasta que en 1915 él
pudo pintar un campo circular de barras horizontales
y verticales el cual lo tituló Pier and Ocean. En sus
pinturas de los años inmediatamente siguientes
también siguió empleando las barras verticales y
horizontales, a veces de colores y usualmente éstas no
se tocaban en un campo blanco. A menudo estas
barras continuaban fuera de la esquina del lienzo,
sugiriendo que el campo se extendía infinitamente en
todas direcciones, a pesar de que el espectador
solamente ve esa porción visible dentro de la ventana
del lienzo. Para 1920 el vocabulario pictórico de
Mondrian se establece y consiste en un fondo blanco
a través del cual pasan barras negras continuas
horizontales y verticales que se unen
intermitentemente formando zonas rectangulares de
colores primarios (figura 6). La composición todavía
implícita se extiende más allá de las fronteras del
lienzo y (de acuerdo con Mondrian) las barras se
cruzan y se traslapan pero realmente no se traslapan.
Tipo ii Editorial | María Teresa Bruno, Lucía Domenech
14 15 16 17
19
18
La retícula es del tipo de línea y es del todo
Cartesiana en su presentación, gobernado por la
Colocar texto base en la grilla
lógica y por leyes matemáticas que son la base del
mundo de apariencia externa. El mismo concepto se
expresa en tres dimensiones en Red and Blue Chair
de 1917 de Gerrit de Rietveld, quien como Mondrian
fue asociado con el movimiento holandés De Stijl.
Cada estructura axial de La Silla puentea en vez de
estar conectada con su vecina y está pintada de negro
con la terminal expuesta que es amarilla y que
significa que es un término arbitrario para otro eje
que se extiende infinitamente (figura 7).
Este concepto de un campo axialmente definido en
una extensión infinita lleva al simbolismo de la
retícula Cartesiana a su máxima expresión y la une
con el concepto de un universo continuo diseñado
de la física contemporánea. 17 La retícula de De Stijl
visualizó ese continuo espacio físico, pero no tanto
en términos materiales, sino más bien en términos de
las leyes matemáticas que rigen la materia, el espacio
y el tiempo. La composición de las dos dimensiones
de Mondrian y La Silla de Rietveld fueron por lo
tanto subconjuntos de un campo universo más
grande descrito por la retícula. También porque la
retícula moderna fue sinónimo del mismo continuo,
por lo que se le puede definir como un conjunto de
ejes continuos o como una serie de interminables
módulos. Por lo tanto la retícula moderna continúa
siendo una matriz de espacio basada en la línea y en
el módulo.
El principio modernista de continuo fue aplicado
tanto a espacio como a lo material. La forma
explotada de la silla Rietveld parcialmente
desmaterializó al objeto ya que lo dispersó en el
campo espacial; al espacio le fue, por lo tanto,
permitido circular ininterrumpidamente a través de
La Silla. Esta forma de ver las cosas a través de un
espacio centrado, la cual buscó estar opuesta al
objeto –o de posesión-centrada que fueron los
ideales de la burguesía victoriana (como se expresa en
sus muebles oscuros, masivos y de cerradas formas)
sería también el ideal del interior del espacio
modernista. Ejemplos de esto son las áreas amplias
de los interiores de Mies van der Rohe y el «free
plan» de Le Corbusier, así como las formas
reducidas de los muebles que ellos desarrollaron
basadas en esqueléticas líneas y un plano de soporte
aplicado a un objeto (mueble), llevándolo a mayores
realidades donde fluye el espacio y la luz.
Pero a pesar de que el concepto moderno de retícula
no fue muy diferente en su significado general al de
la retícula cartesiana del siglo XVIII, su significado
específico estaba muy atado a los eventos e ideas de
principios del siglo XX los cuales dieron
 4 Guía de estudio 9 | tema: Retícula tipográfica
Colocar otros textos
0 consectetur adipiscing elit. Vestibulum
12 at magna a orci scelerisque volutpat.
24 Proin ut est turpis. Maecenas in sem
36 mi, eu convallis augue. Sed velit turpis,
48 elementum a consequat laoreet,
60 bibendum ut lorem. Pellentesque erat
72 ante, vestibulum in convallis in,
84 euismod eu mi. Integer mollis mi et
elit eleifend ut pretium sem consequat.
0 Ut nec libero et tortor consequat
12 lobortis nec sed sapien. Aliquam vel
24 dui quis justo luctus bibendum sed ac
36 elit. Cras in diam ligula, ut sodales
48 nunc. Nulla facilisi. Quisque justo est,
60 lacinia porta congue nec, feugiat eget
72 felis vestibulum .
Quisque luctus tortor ut neque
0 rutrum in aliquet nibh dictum.
12 Aliquam a neque nec leo ultrices
24 convallis. Aenean in neque quis eros
36 gravida eleifend. In lorem ante, ultrices
48 eget gravida sed, posuere sit amet odio.
60 et, faucibus et arcu. Integer et mauris
72 orci. Mauris in arcu. A. Garamond 10/12
Lorem ipsum
Etiam feugiat, odio auctor ultricies
congue, nulla velit vulputate tortor,
vitae pulvinar erat sapien a lectus. Ut
nisl. Maecenas purus. Donec in odio.
Donec non orci. Nunc pulvinar libero
in lorem. Nunc pulvinar lectus sit
Univers Bold 18 | texto A. Garamond 10/12
Lorem ipsum dolor
sit amet
Etiam feugiat, odio auctor ultricies
congue, nulla velit vulputate tortor,
vitae pulvinar erat sapien a lectus. Ut
nisl. Maecenas purus. Donec in odio.
Donec non orci. Nunc pulvinar libero
in lorem. Nunc pulvinar lectus sit
amet tortor. Pellentes
A. Garamond 18/18 | texto A. Garamond 10/12
Tipo ii Editorial | María Teresa Bruno, Lucía Domenech
0 consectetur adipiscing elit. Vestibulum at magna a orci
6 scelerisque volutpat. Proin ut est turpis. Maecenas in
12 sem mi, eu convallis augue. Sed velit turpis,
18 elementum a consequat laoreet, bibendum ut lorem.
24 Pellentesque erat ante, vestibulum in convallis in,
30
36
euismod eu mi. Integer mollis mi et elit eleifend ut
pretium sem consequat. Ut nec libero et tortor
42 consequat lobortis nec sed sapien. Lorem ipsum dolor
48 sit amet, consectetuer adipiscing elit. Etiam feugiat,
54 odio auctor ultricies congue, nulla velit vulputate
60 tortor, vitae pulvinar erat sapien a lectus. Ut nisl.
66
72
Maecenas purus. Donec in odio. Donec non orci.
Nunc pulvinar libero in lorem. Nunc pulvinar lectus
78 sit amet tortor. Pellentesque in est. Donec ut nulla
84 vitae massa vestibulum pretium. A. Garamond 6/6
0 Aliquam vel dui quis justo luctus
9 bibendum sed ac elit. Cras in diam
18 ligula, ut sodales nunc. Nulla facilisi.
27 Quisque justo est, lacinia porta congue
36 nec, feugiat eget felis.
45 Quisque luctus tortor ut neque rutrum
54 in aliquet nibh dictum. Aliquam a neque
63 nec leo ultrices convallis. Aenean in
72 neque quis eros. A. Garamond 8/9
0 Integer blandit cursus justo, at pellentesque
8 purus imperdiet vitae. Donec sem quam,
16 luctus in venenatis et, faucibus et arcu. Integer
24 et mauris orci. Mauris in sagittis arcu.
32 Pellentesque eget posuere tortor. Cras quam
40 dolor, lacinia vel commodo sed, cursus nec
48 quam. Vivamus augue turpis, rhoncus sed
56 elementum et, rhoncus vitae quam. Aenean at
64 urna sed urna rhoncus sagittis. Integer sed
72 magna vitae libero hend. A. Garamond 7/8
ultricies congue, nulla velit vulputate
tortor, vitae pulvinar erat sapien a
lectus.
Maecenas purusx
Phasellus dictum urna quis nulla
dapibus pellentesque. Aliquam sagittis
sollicitudin turpis, eget commodo
urna cursus id. Nam lobortis mauris
Univers Bold 9 | texto A. Garamond 10/12
Lorem
0 Por ejemplo, si hay que diseñar
12
24
36
Etiam feugiat, odio auctor ultricies
congue, nulla velit vulputate tortor,
vitae pulvinar erat sapien a lectus. Ut
nisl. Maecenas purus. Donec in odio.
Donec non orci. Nunc pulvinar libero
in lorem. Nunc pulvinar lectus sit
amet tortor. Pellentes
A. Garamond 48 | texto A. Garamond 10/12
Variación y flexibilidad
La retícula no debe imponerse a
los elementos que se colocarán
dentro de ellos. Sólo funciona si el
diseñador recuerda que la grilla es
sólo una guía invisible y logra rom-
per la uniformidad que implica su
estructura reticular. La narrativa
visual debe ser dinámica, para
mantener el interés del receptor
página tras página.
Dice Jost Hochuli, en El diseño de
libros: «Si la retícula se deja ver,
…si las cajas de texto y las zonas
dedicadas a las imágenes comien-
zan a verse como cajas y zonas y
no como texto e imágenes, porque
un principio de organización (uno
de entre los posibles) no se consi-
dera auxiliar si no se ha convertido
en director de diseño, entonces
algo va mal.»
La variedad de soluciones para
maquetar una página dentro de
una retícula dada es inagotable.
Uso del blanco
No es necesario, ni deseable, relle-
nar todos los campos. Los campos
vacíos, los blancos, tienen tanta
importancia en el resultado final
como los campos llenos, ya que
los campos vacíos nos ayudan a
diferenciar, por medio del espacio,
los distintos elementos. Además,
proporcionan alivio visual al lector.
Plantillas
Cuando el trabajo consta de
varias páginas, es aconsejable
que los elementos de las mismas
características ocupen siempre
la misma posición y tamaño en
todas las páginas, para ayudar al
lector a encontrar la información
que busca. Para ello es aconsejable
usar plantillas, que permiten crear
documentos nuevos que compar-
ten diseños comunes.
una serie de boletines (newslet-
ter) mensuales de una empresa
o institución, se puede crear una
plantilla con el formato, foliado,
retícula, elementos de diseño
comunes (como logotipos), hojas
de estilo de la tipografía, muestras
de color y opciones de impresión.
En los programas de maquetación,
cuando se abre una plantilla se
crea un nuevo documento (sin
nombre) con contenido idéntico
al de la plantilla, pero dejando
el archivo de plantilla original
intacto. Por ejemplo, en el armado
de un diario, al abrir la plantilla de
la sección Espectáculos se crea un
documento que contiene los ele-
mentos comunes de esa sección
para armar la página correspon-
diente a Espectáculos de ese día.
5 Guía de estudio 9 | tema: Retícula tipográfica
Columnas de la grilla y columnas de texto
Lorem ipsum
dolor sit amet,
consectetuer
adipiscing elit.
Quisque in
libero vitae felis
suscipit blandit.
Curabitur
scelerisque
pharetra ante.
Proin
scelerisque.
Maecenas
elementum
porttitor mi.
Donec sed
libero.
Vestibulum ante
ipsum primis in
faucibus orci
luctus et ultrices
posuere cubilia
Curae; Sed
laoreet.
Nullam eu
purus. Phasellus
pede libero,
condimentum
in, gravida a,
fringilla in,
tortor. Etiam
nibh.
Pellentesque
interdum lectus
a urna egestas
tristique.
Aliquam
venenatis eros.
Pellentesque erat
Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Quisque in libero vitae felis suscipit blandit.
Curabitur scelerisque pharetra ante. Proin scelerisque.
Maecenas elementum porttitor mi. Donec sed libero.
Vestibulum ante ipsum primis in faucibus orci luctus et
ultrices posuere cubilia Curae; Sed laoreet.
Nullam eu purus. Phasellus pede libero,
condimentum in, gravida a, fringilla in, tortor. Etiam
nibh. Pellentesque interdum lectus a urna egestas
tristique. Aliquam venenatis eros. Pellentesque erat
quam, tincidunt non, congue vitae, viverra id, magna.
Sed sit amet nisl. Donec vulputate purus eget libero.
Mauris sed pede in erat vehicula feugiat.
Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Nulla fermentum erat. Vivamus porta ultrices erat.
Aliquam volutpat, dolor tempor dignissim euismod,
nibh tellus congue velit, id convallis velit odio nec pede.
Nulla tortor. Etiam iaculis consequat arcu. Fusce
commodo, orci in rhoncus viverra, orci nunc auctor
nulla, non nonummy libero odio eu nulla. Aenean
quam. Integer laoreet nisl at libero. Donec sed nunc.
Pellentesque leo nibh, imperdiet vel, malesuada eget,
dignissim ac, nulla. Morbi ornare magna nec lectus.
Etiam mollis diam et ipsum.
Nullam et risus. Nulla condimentum velit sed dui.
Phasellus bibendum malesuada lacus. Suspendisse
placerat dictum nunc. Ut in ipsum. Vestibulum turpis.
Proin bibendum commodo lacus. Vivamus orci magna,
dapibus in, interdum quis, ullamcorper non, lorem.
Integer dolor. Ut tortor augue, mattis vel, varius non,
placerat nec, neque. Suspendisse non erat quis ipsum
congue imperdiet. Vivamus sem eros, blandit eu, dictum
mollis, tempor sit amet, elit. Nullam pellentesque, mi in
interdum euismod, nibh augue dictum magna, rhoncus
facilisis mi diam et purus. Ut vitae ipsum nec nisl
hendrerit tincidunt. Integer interdum convallis odio.
Pellentesque posuere commodo massa. Proin dolor.
Ut felis purus, vulputate consectetuer, suscipit et, porta
at, velit. Cras vitae nisl. Suspendisse ante velit,
Tipo ii Editorial | María Teresa Bruno, Lucía Domenech
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Quisque in libero vitae felis suscipit
blandit. Curabitur scelerisque
pharetra ante. Proin scelerisque.
Maecenas elementum porttitor mi.
Donec sed libero. Vestibulum ante
ipsum primis in faucibus orci luctus
et ultrices posuere cubilia Curae;
Sed laoreet.
Nullam eu purus. Phasellus pede
libero, condimentum in, gravida a,
fringilla in, tortor. Etiam nibh.
Pellentesque interdum lectus a urna
egestas tristique. Aliquam venenatis
eros. Pellentesque erat quam,
tincidunt non, congue vitae, viverra
id, magna. Sed sit amet nisl. Donec
vulputate purus eget libero. Mauris
sed pede in erat vehicula feugiat.
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Nulla
fermentum erat. Vivamus porta
ultrices erat. Aliquam volutpat,
dolor tempor dignissim euismod,
nibh tellus congue velit, id convallis
velit odio nec pede. Nulla tortor.
Etiam iaculis consequat arcu. Fusce
commodo, orci in rhoncus viverra,
orci nunc auctor nulla, non
nonummy libero odio eu nulla.
Aenean quam. Integer laoreet nisl at
libero. Donec sed nunc.
Pellentesque leo nibh, imperdiet vel,
malesuada eget, dignissim ac, nulla.
Morbi ornare magna nec lectus.
Etiam mollis diam et ipsum.
Nullam et risus. Nulla
condimentum velit sed dui.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque in libero
vitae felis suscipit blandit. Curabitur scelerisque pharetra ante. Proin
scelerisque. Maecenas elementum porttitor mi. Donec sed libero.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Sed laoreet.
Nullam eu purus. Phasellus pede libero, condimentum in, gravida a,
fringilla in, tortor. Etiam nibh. Pellentesque interdum lectus a urna egestas
tristique. Aliquam venenatis eros. Pellentesque erat quam, tincidunt non,
congue vitae, viverra id, magna. Sed sit amet nisl. Donec vulputate purus
eget libero. Mauris sed pede in erat vehicula feugiat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla
fermentum erat. Vivamus porta ultrices erat. Aliquam volutpat, dolor
tempor dignissim euismod, nibh tellus congue velit, id convallis velit odio
nec pede. Nulla tortor. Etiam iaculis consequat arcu. Fusce commodo, orci
in rhoncus viverra, orci nunc auctor nulla, non nonummy libero odio eu
nulla. Aenean quam. Integer laoreet nisl at libero. Donec sed nunc.
Pellentesque leo nibh, imperdiet vel, malesuada eget, dignissim ac, nulla.
Morbi ornare magna nec lectus. Etiam mollis diam et ipsum.
Nullam et risus. Nulla condimentum velit sed dui. Phasellus bibendum
malesuada lacus. Suspendisse placerat dictum nunc. Ut in ipsum.
Vestibulum turpis. Proin bibendum commodo lacus. Vivamus orci magna,
dapibus in, interdum quis, ullamcorper non, lorem. Integer dolor. Ut tortor
augue, mattis vel, varius non, placerat nec, neque. Suspendisse non erat quis
ipsum congue imperdiet. Vivamus sem eros, blandit eu, dictum mollis,
tempor sit amet, elit. Nullam pellentesque, mi in interdum euismod, nibh
augue dictum magna, rhoncus facilisis mi diam et purus. Ut vitae ipsum nec
nisl hendrerit tincidunt. Integer interdum convallis odio.
Pellentesque posuere commodo massa. Proin dolor. Ut felis purus,
vulputate consectetuer, suscipit et, porta at, velit. Cras vitae nisl.
Suspendisse ante velit, scelerisque nec, convallis eu, fermentum tincidunt,
risus. In lobortis ullamcorper neque. Vestibulum eu nisi. Duis viverra
feugiat sapien. Pellentesque auctor. Praesent nec erat et mauris viverra
rutrum. Cras magna erat, volutpat a, volutpat eget, ultrices varius, magna.
Maecenas quis eros. Maecenas rhoncus egestas nibh. Morbi vitae leo a dui
bibendum scelerisque. Praesent eros erat, venenatis et, auctor fringilla,
elementum ac, lacus. Phasellus eu odio non diam porta tempus. Donec
convallis libero at tortor. Morbi varius ipsum at orci. Cras libero sem,
vehicula in, congue ut, varius ut, sapien. Quisque ornare egestas ipsum.
Duis a lectus. Cras facilisis lectus.
6 Guía de estudio 9 | tema: Retícula tipográfica Tipo ii Editorial | María Teresa Bruno, Lucía Domenech

Opciones para la disposición de los textos

La retícula. Historia, uso y significado La retícula. Historia, uso y significado

La retícula ha jugado un papel muy importante en el desarrollo y consolidación del
movimiento moderno en el siglo veinte en el diseño gráfico. Debido a su ostensible
uso durante este periodo como un diseño de composición de matriz para controlar el
posicionamiento de la tipografía e imágenes, la retícula modernista no se hizo visible
en las impresiones finales de los diseños. Consecuentemente, su aspecto simbólico no
es reconocido generalmente o aún más, que se sospeche que existe. Aunque igualmente
oscuro en su significado, el contrastante papel decorativo que juega la retícula como un
prominente trazo de iconografía visual en el postmodernismo del diseño gráfico más
fácilmente admite una posible función simbólica.
Para entender esta función simbólica será primero necesario examinar algunas
circunstancias cruciales antes del siglo xx, tanto del desarrollo de la retícula, como en
algunos casos de sus elementos individuales: el punto (o coordenada), la línea axial,
y el modo de interacción. En términos de su impacto los valores que cambian los
elementos constructivos de la retícula tienen en el significado de la retícula misma una
tipología estructural de la retícula con cuatro sub-formas básicas: a) en coordenada,
b) en intersección, c) en módulo y d) en línea (fig. 1). A pesar de que son idénticas en
apariencia, la valoración específica de cada elemento se distingue de cada una de estas
sub-formas y está directamente relacionada con su contenido simbólico. Históricamente
estas sub-formas se han encontrado en pares y por lo tanto juntas constituyen dos formas
mayores.
La retícula ha jugado un papel muy importante en el desarrollo y consolidación del
movimiento moderno en el siglo veinte en el diseño gráfico. Debido a su ostensible
uso durante este periodo como un diseño de composición de matriz para controlar el
posicionamiento de la tipografía e imágenes, la retícula modernista no se hizo visible
en las impresiones finales de los diseños. Consecuentemente, su aspecto simbólico no
es reconocido generalmente o aún más, que se sospeche que existe. Aunque igualmente
oscuro en su significado, el contrastante papel decorativo que juega la retícula como un
prominente trazo de iconografía visual en el postmodernismo del diseño gráfico más
fácilmente admite una posible función simbólica.
Para entender esta función simbólica será primero necesario examinar algunas
circunstancias cruciales antes del siglo xx, tanto del desarrollo de la retícula, como en
algunos casos de sus elementos individuales: el punto (o coordenada), la línea axial,
y el modo de interacción. En términos de su impacto los valores que cambian los
elementos constructivos de la retícula tienen en el significado de la retícula misma una
tipología estructural de la retícula con cuatro sub-formas básicas: a) en coordenada,
b) en intersección, c) en módulo y d) en línea (fig. 1). A pesar de que son idénticas en
apariencia, la valoración específica de cada elemento se distingue de cada una de estas
sub-formas y está directamente relacionada con su contenido simbólico. Históricamente
estas sub-formas se han encontrado en pares y por lo tanto juntas constituyen dos formas

La Retícula del Medioevo

La retícula basada en punto caracteriza el mundo Cristiano del medioevo tardío. La
retícula de punto fue utilizada para enfatizar el potencial que se enfocaba de la coordenada,
ya sea en ella misma o como la conjunción de dos ejes. Esta lógica constructiva soportaba el
estatus tardío que representaba la retícula medieval como un juego de relaciones verticales La retícula moderna revolución científica y modernistas de la edad de las teteras basado en
Por la segunda década periodo de la temprana del siglo xx pájaros o esqueletos de
cualitativas entre la parte de arriba que es lo supra-físico y la parte de abajo que es la realidad del siglo xx, ya se había ilustración ahora se ha fueron heredados del peces, o el arte nouveau
material, que fueron divinamente generadas por medio de puntos coordenadas concebidas desarrollado movido fuertemente siglo anterior. La que es un rechazo a
como “umbrales”. Otras formas de retículas también estuvieron presentes. Por ejemplo, plenamente la Retícula hacia la estructura y exposición de toda decoración
Cartesiana. El énfasis lejos de la apariencia y estructuras de acero de Victoriana, todo ello
una simple retícula basada en la línea es visible en la Biblia de 42 renglones de Gutenberg dual en apariencia y de la pintura ilusionista Viollet-le-Duc o Joseph era expresión del siglo
en 1455. Gutenberg utilizaba las líneas para posicionar las dobles columnas de texto, las estructura que de fenómenos externos. Paxton en edificios o las xix de este éxodo de
hojas, encabezados y los márgenes. Estas líneas fueron derivadas de las pautas que sirvieron caracterizó el Los valores Artes Funcionales de una creencia en la
simbolismo de la arquitectónicos y Christopher Dresser o apariencia de la
de una manera similar en los manuscritos góticos. Además de las pautas verticales que retícula durante el constructivos tan el Diseño de las Artes superficie como un
ayudaron a establecer las posiciones, el ancho de las columnas y los márgenes, trazaron con Renacimiento, la centrados a los cánones como el de las manijas terminado estético en sí

La retícula. Historia, uso y significado La retícula. Historia, uso y significado

La retícula ha jugado un papel muy impor- La retícula moderna apariencia de la La retícula ha jugado un papel línea (fig. 1). A pesar de que son idénticas
tante en el desarrollo y consolidación del Por la segunda década superficie como un muy importante en el desarrollo y en apariencia, la valoración específica de
del siglo xx, ya se había terminado estético en sí
movimiento moderno en el siglo veinte en desarrollado mismo. consolidación del movimiento moderno cada elemento se distingue de cada una
el diseño gráfico. Debido a su ostensible plenamente la Retícula La tradición en el siglo veinte en el diseño gráfico. de estas sub-formas y está directamente
uso durante este periodo como un diseño Cartesiana. El énfasis Cartesiana continuó Debido a su ostensible uso durante relacionada con su contenido simbólico.
dual en apariencia y actuando en Francia
de composición de matriz para controlar estructura que como el mayor estímulo este periodo como un diseño de Históricamente estas sub-formas se han
el posicionamiento de la tipografía e caracterizó el para la retícula ya que composición de matriz para controlar encontrado en pares y por lo tanto juntas
imágenes, la retícula modernista no se simbolismo de la asumió su el posicionamiento de la tipografía e constituyen dos formas mayores.
retícula durante el reencarnación
hizo visible en las impresiones finales Renacimiento, la modernista. Por imágenes, la retícula modernista no se
de los diseños. Consecuentemente, su revolución científica y razones prácticas, se hizo visible en las impresiones finales La Retícula del Medioevo
aspecto simbólico no es reconocido periodo de la dirá que el proceso se de los diseños. Consecuentemente, su La retícula basada en punto caracteriza
ilustración ahora se ha inició con Paul
generalmente o aún más, que se sospeche movido fuertemente Cézanne, lejos del aspecto simbólico no es reconocido el mundo Cristiano del medioevo tardío.
que existe. Aunque igualmente oscuro hacia la estructura y ilusionismo del generalmente o aún más, que se sospeche La retícula de punto fue utilizada para
en su significado, el contrastante papel lejos de la apariencia y Renacimiento, hacia la que existe. Aunque igualmente oscuro enfatizar el potencial que se enfocaba de la
de la pintura ilusionista abstracción y
decorativo que juega la retícula como un de fenómenos externos. geometrización de la en su significado, el contrastante papel coordenada, ya sea en ella misma o como
prominente trazo de iconografía visual en Los valores naturaleza y de un decorativo que juega la retícula como un la conjunción de dos ejes. Esta lógica
el postmodernismo del diseño gráfico más arquitectónicos y énfasis en el campo de prominente trazo de iconografía visual constructiva soportaba el estatus tardío
constructivos tan la pintura. Este impulso
fácilmente admite una posible función centrados a los cánones continúa expresándose en el postmodernismo del diseño gráfico que representaba la retícula medieval
simbólica. modernistas de la edad en la pintura con el más fácilmente admite una posible como un juego de relaciones verticales
Para entender esta función simbólica temprana del siglo xx cubismo sintético para función simbólica. cualitativas entre la parte de arriba que es
fueron heredados del producir un efecto
será primero necesario examinar algunas siglo anterior. La total, y llega a su Para entender esta función simbólica lo supra-físico y la parte de abajo que es la
circunstancias cruciales antes del siglo exposición de máxima expresión será primero necesario examinar algunas realidad material, que fueron divinamente
xx, tanto del desarrollo de la retícula, estructuras de acero de cuando Piet Mondrian circunstancias cruciales antes del siglo generadas por medio de puntos coordena-
Viollet-le-Duc o Joseph toma la retícula
como en algunos casos de sus elementos Paxton en edificios o las pictórica del cubismo xx, tanto del desarrollo de la retícula, das concebidas como “umbrales”. Otras
individuales: el punto (o coordenada), la Artes Funcionales de sintético para explorarla como en algunos casos de sus elementos formas de retículas también estuvieron
línea axial, y el modo de interacción. En Christopher Dresser o y purificarla en individuales: el punto (o coordenada), presentes. Por ejemplo, una simple
el Diseño de las Artes aislamiento virtual de
términos de su impacto los valores que como el de las manijas otros elementos la línea axial, y el modo de interacción. retícula basada en la línea es visible en la
cambian los elementos constructivos de de las teteras basado en pictóricos. Bajo la En términos de su impacto los valores Biblia de 42 renglones de Gutenberg en
la retícula tienen en el significado de la pájaros o esqueletos de influencia del cubismo, que cambian los elementos constructivos 1455. Gutenberg utilizaba las líneas para
peces, o el arte nouveau el tema de Mondrian se
retícula misma una tipología estructural de que es un rechazo a fue progresivamente de la retícula tienen en el significado posicionar las dobles columnas de texto,
la retícula con cuatro sub-formas básicas: toda decoración abstrayendo hasta que de la retícula misma una tipología las hojas, encabezados y los márgenes.
a) en coordenada, b) en intersección, c) en Victoriana, todo ello en 1915 él pudo pintar estructural de la retícula con cuatro Estas líneas fueron derivadas de las pautas
era expresión del siglo un campo circular de
módulo y d) en línea (fig. 1). A pesar de que xix de este éxodo de barras horizontales y sub-formas básicas: a) en coordenada, que sirvieron de una manera similar en los
son idénticas en apariencia, la valoración una creencia en la verticales el cual lo b) en intersección, c) en módulo y d) en manuscritos góticos. Además de las pautas
7 Guía de estudio 9 | tema: Retícula tipográfica Tipo ii Editorial | María Teresa Bruno, Lucía Domenech

Forma de colocar las imágenes en la grilla

1. Se puede cambiar la proporción y la escala

2. No se puede cambiar la proporción, sí la escala

2 2
8 Guía de estudio 9 | tema: Retícula tipográfica
Alineación entre textos e imágenes
x Altura de «x» del texto base
x La rejilla base representa el
interlineado del texto base de
un documento.
Alinear los párrafos con la rejilla
base garantiza la uniformidad
de la ubicación de los elementos
de texto en una página, la
alineación horizontal entre
columnas y de página a página.
x Altura de «x» del texto base
x La rejilla base representa el
interlineado del texto base de
un documento.
Alinear los párrafos con la rejilla
base garantiza la uniformidad
de la ubicación de los elementos
de texto en una página, la
alineación horizontal entre
columnas y de página a página.
Tipo ii Editorial | María Teresa Bruno, Lucía Domenech
Título ajusta a x
Título colgado x
Breve historia de la retícula
La utilización de la retícula supuso
un cambio radical en la concep-
ción clásica de la página y propició
un concepto moderno, caracte-
rizado por la asimetría y por el
empleo del contraste, que le con-
fieren un carácter más dinámico a
la página.
No se puede señalar el momento
preciso de creación de la retícula.
La maquetación asimétrica basada
en una organización geométrica
comenzó en la escuela de la Bau-
haus y luego fue desarrollada y
difundida por Jan Tschichold.
La retícula moderna alcanzó su
mayor desarrollo en la década de
1950, con el Estilo Internacional de
la Escuela Suiza. Éste se basó en
la creación de una retícula para
todos los diseños, en el uso pre-
ferente de tipos sanserif y en las
composiciones asimétricas.
La obra de los diseñadores de este
grupo tuvo gran impacto a nivel
mundial y muchas de sus teorías
siguen en práctica actualmente.
Entre los diseñadores que favo-
recieron el impulso de la retícula
figuran:
Josef Müller-Brockmann
(1914-1996) diseñador suizo,
ferviente defensor del «diseño
objetivo», que se destacó como
cartelista y diseñador de libros.
Fue uno de los cuatro editores de
la revista Neue Grafik, publicada
en Zürich entre 1959 y 1966 en tres
idiomas, que propagó la filosofía
racionalista del estilo internacio-
nal al resto del mundo.
En 1962 Müller-Brockmann publicó
Grid Systems (Sistemas de retícu-
las), un libro que se convirtió en un
manual del diseño reticular.
Armin Hoffman, como director de
la Escuela de Diseño de Basilea,
contribuyó al desarrollo del estilo.
Emil Ruder, ex estudiante en
Basilea y desde 1947 profesor de
tipografía, ayudó a extender más
el uso de la retícula. Es autor de un
Manual de diseño tipográfico.
Karl Gerstner, alumno de Ruder
que instaló luego su estudio en
Zürich, contribuyó a convertir la
retícula en uno de los pilares del
diseño moderno. En 1968 publicó
su primer libro, Designing Pro-
grammes (Diseñar programas).
Durante la década del ‘60, el
empleo de retículas se impuso
en el diseño estadounidense y
europeo. En programas de imagen
de empresas que usan retículas
corporativas se destacan entre
otros, los diseños de Paul Rand
(Westinghouse, 1965); Otl Aicher
(Lufthansa, 1969) y Massimo Vig-
nelli (Xerox, Ford, etc.).
9 Guía de estudio 9 | tema: Retícula tipográfica Tipo ii Editorial | María Teresa Bruno, Lucía Domenech

Diagramaciones con texto e imágenes en una misma grilla

Del libro «Sistemas de retículas», Josef Müller Brockmann,

Barcelona, Gustavo Gili, 1982; p. 94 y 95

Bosquejos sobre una retícula de 32 campos

10 Guía de estudio 9 | tema: Retícula tipográfica Tipo ii Editorial | María Teresa Bruno, Lucía Domenech

Distintas posibilidades de diagramación con una misma grilla

Viva mus p o rta ult r ic es

Lorem ipsum dolorx sit Lorem ipsum dolor sit amet, consectetuer
amet, consectetuer
adipiscing elit. Etiam adipiscing elit. Quisque in libero vitae
feugiat, odio auctor felis suscipit blandit. Curabitur scelerisque
ultricies congue, nulla
velit vulputate tortor, pharetra ante. Proin scelerisque. Maecenas
vitae pulvinar erat elementum porttitor mi. Donec sed libero.
sapien a lectus. Ut nisl.
Maecenas purus. Donec Vestibulum ante ipsum primis in faucibus
in odio. Donec non orci luctus et ultrices posuere cubilia
orci. Nunc pulvinar
libero in lorem. Curae; Sed laoreet.
Lorem ipsum dolorx sit Nullam eu purus. Phasellus pede libero,
amet, consectetuer
adipiscing elit. Etiam condimentum in, gravida a, fringilla in,
feugiat, odio auctor tortor. Etiam nibh. Pellentesque interdum
ultricies congue, nulla
velit vulputate tortor, lectus a urna egestas tristique. Aliquam
vitae pulvinar erat venenatis eros. Pellentesque erat quam,
sapien a lectus. Ut nisl.
Maecenas purus. Donec tincidunt non, congue vitae, viverra id,
in odio. Donec non magna. Sed sit amet nisl. Donec vulputate
orci. Nunc pulvinar
libero in lorem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. purus eget libero. Mauris sed pede in erat
Lorem ipsum dolorx sit vehicula feugiat.
amet, consectetuer Quisque in libero vitae felis suscipit blandit. Curabitur
adipiscing elit. scelerisque pharetra ante. Proin scelerisque. Maecenas Lorem ipsum dolor sit amet,
elementum porttitor mi. Donec sed libero. Vestibulum ante consectetuer adipiscing elit. Nulla
ipsum primis in faucibus orci luctus et ultrices posuere cubilia fermentum erat. Vivamus porta ultrices
Curae; Sed laoreet. erat. Aliquam volutpat, dolor tempor
dignissim euismod, nibh tellus congue
Nullam eu purus. Phasellus pede libero, condimentum in, velit, id convallis velit odio nec pede. Afiche «Normandie», de Cassandre
gravida a, fringilla in, tortor. Etiam nibh. Pellentesque interdum Nulla tortor. Etiam iaculis consequat
lectus a urna egestas tristique. Aliquam venenatis eros. arcu. Fusce commodo, orci in rhoncus
Pellentesque erat quam, tincidunt non, congue vitae, viverra id, viverra, orci nunc auctor nulla, non
magna. Sed sit amet nisl. Donec vulputate purus eget libero. nonummy libero odio eu nulla. Aenean
Mauris sed pede in erat vehicula feugiat. quam. Integer laoreet nisl at libero.
Donec sed nunc. Pellentesque leo nibh,
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla
fermentum erat. Vivamus porta ultrices erat. Aliquam volutpat,
dolor tempor dignissim euismod, nibh tellus congue velit, id Afiches de
convallis velit odio nec pede. Nulla tortor. Etiam iaculis Adolphe
consequat arcu. Fusce commodo, orci in rhoncus viverra, orci Mouron,
nunc auctor nulla, non nonummy libero odio eu nulla. Aenean (1901–1968)
quam. Integer laoreet nisl at libero. Donec sed nunc. diseñador
Pellentesque leo nibh, imperdiet vel, malesuada eget, dignissim francés que
ac, nulla. Morbi ornare magna nec lectus. Etiam mollis diam et firmaba como
ipsum. Proin scelerisque. «Cassandre».

57
57 Viva mus porta u lt rices

Lomo salteado
con finas hierbas

In gredien t es Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 57

Nullam et risus
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Quisque in libero vitae
felis suscipit blandit. Curabitur
scelerisque pharetra ante. Proin
scelerisque. Maecenas elementum
porttitor mi. Donec sed libero.
Vestibulum ante ipsum primis in faucibus
orci luctus et ultrices posuere cubilia
Curae; Sed laoreet.
Nullam eu purus. Phasellus pede
libero, condimentum in, gravida a,
fringilla in, tortor. Etiam nibh.
Pellentesque interdum lectus a urna
egestas tristique. Aliquam venenatis eros.
Pellentesque erat quam, tincidunt non,
congue vitae, viverra id, magna. Sed sit
orci nunc auctor nulla, non nonummy
libero odio eu nulla. Aenean quam.
Integer laoreet nisl at libero. Donec sed
nunc. Pellentesque leo nibh, imperdiet
vel, malesuada eget, dignissim ac, nulla.
Morbi ornare magna nec lectus. Etiam
mollis diam et ipsum.
Ut in ipsum
Nullam et risus. Nulla condimentum velit
sed dui. Phasellus bibendum malesuada
lacus. Suspendisse placerat dictum nunc.
Ut in ipsum. Vestibulum turpis. Proin
bibendum commodo lacus. Vivamus orci
magna, dapibus in, interdum quis,
ullamcorper non, lorem. Integer dolor.
Ut tortor augue, mattis vel, varius non,
placerat nec, neque. Suspendisse non erat
quis ipsum congue imperdiet. Vivamus
Quisque in libero vitae felis suscipit blandit. Curabitur
1 kilo de lomo fino; scelerisque pharetra ante. Proin scelerisque. Maecenas
elementum porttitor mi. Donec sed libero. Vestibulum ante
3 o 4 tomates; ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Sed laoreet.
2 cebollas; Nullam eu purus. Phasellus pede libero, condimentum in,
gravida a, fringilla in, tortor. Etiam nibh. Pellentesque interdum
un atado de perejil; lectus a urna egestas tristique. Aliquam venenatis eros.
Pellentesque erat quam, tincidunt non, congue vitae, viverra id,
2 dientes de ajo; magna. Sed sit amet nisl. Donec vulputate purus eget libero.
Mauris sed pede in erat vehicula feugiat.
1 copa de vino tinto; Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla
fermentum erat. Vivamus porta ultrices erat. Aliquam volutpat,
sal y pimienta; dolor tempor dignissim euismod, nibh tellus congue velit, id
convallis velit odio nec pede. Nulla tortor. Etiam iaculis
1 de kilo de papas. consequat arcu. Fusce interdum lectus a urna egestas libero
commodo, orci in rhoncus feugiat
viverra, orci nunc auctor
nonummy libero odio
eu nulla. Aenean quam.
Integer laoreet nisl at
libero. Donec sed nunc.
Pellentesque leo nibh,
imperdiet vel, malesuada
eget, dignissim ac, nulla.
Morbi ornare magna nec lectus
vulputate purus eget consectetuer.
Etiam mollis diam et ipsum dolor sit.

57
11 Guía de estudio 9 | tema: Retícula tipográfica
Ejemplo de uso de retículas en el diseño de libros
John King: «El Di Tella y el desarrollo cultural argentino en la década del sesenta».
Diseño Rubén Fontana
orem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse leo metus, suscipit sed vehicula quis, pha-
retra non massa. Nullam nec lacus nisi, ac aliquam dui.
Donec ornare nulla sit amet risus ullamcorper sollicitudin.
Quisque pretium tincidunt mi placerat vehicula. Phasellus
tempor massa eu elit interdum accumsan. Etiam hen-
drerit euismod auctor. Praesent accumsan malesuada
cursus. Vivamus rhoncus varius eleifend. Integer volutpat
ipsum ut lacus porttitor at eleifend dui imperdiet. Vesti-
bulum sit amet quam eu tortor laoreet vulputate. Ut id
dictum diam. Duis ultricies justo at magna facilisis nec
condimentum purus fringilla. Nullam fringilla, neque sed
porttitor feugiat, lacus felis dapibus eros, vel accumsan
mauris turpis at libero.
El desarrollo del CLAEM
El curso
«Para mi tiam volutpat, felis nec mattis scelerisque, ante
tortor posuere mi, ac dapibus mauris dui eu metus. Cu-
rabitur eu augue diam, et elementum quam. Vestibulum
malesuada tellus id mauris pharetra adipiscing. Praesent
ligula dolo». Gerardo Gancini
La consequat in, malesuada eget risus. Quisque lectus
erat, ultricies vitae egestas eget, pharetra id ante. Viva-
mus eget arcu a neque mattis imperdiet nec sed neque.
Cras scelerisque aliquam sodales. Phasellus interdum
magna eu leo tincidunt sollicitudin laoreet dui sagittis.
Suspendisse venenatis risus non lectus suscipit vitae
volutpat neque vulputate. Proin lorem justo, pretium ut
aliquet non, mattis sit amet magna. Proin molestie gravi-
da neque, non bibendum elit vehicula ut. Morbi sed est
et purus cursus vestibulum. Nullam ligula erat, sollicitu-
din condimentum tincidunt id, mattis ut purus. Proin sed
86
Fernando von Reichenbach
en el laboratorio de música
electrónica del CLAEM.
Alberto Ginastera dictando
una clase en el CLAEM. Foto-
grafía de Humberto Rivas y
Roberto Alvarado.
162
Tipo ii Editorial | María Teresa Bruno, Lucía Domenech
27. Gerard Béhague, Music
in Latin America: An Intro-
duction (Nueva Jersey, 1979),
pp. 285-6.
Programas correspondientes
a Dos conciertos de música
electrónica de Luigi Nono
(agosto de 1967) y Seminario
de composición 1969. Este
último correspondió al primer
concierto del Grupo de
Experimentación Musical del
CLAEM dirigido por Gerardo
Gandini. Diseño gráfico de
Juan Carlos Distéfano y
Rubén Fontana.
polarización nacionalismo-universalismo que ha entorpe-
cido lobortis varius mauris, sit amet fringilla erat consec-
tetur et. Aliquam CLAEM risus ligula.
Praesent lobortis egestas ipsum non tincidunt. Integer
eros ligula, varius sed tristique eu, rutrum id risus. Morbi
id tortor sit «cuerdo» tellus fringilla dictum. Proin posue-
re, odio quis elementum porta, «universales» mauris mi
iaculis elit, quis feugiat arcu turpis eget est. Maecenas
a odio massa, vel rhoncus leo. Aliquam erat volutpat.
Proin interdum, ligula id consectetur ullamcorper, diam
magna accumsan neque, rhoncus egestas justo sapien
sed nisi. Cras tempus ultrices sapien, sed consectetur
diam commodoac.27 Curabitur ultricies velit eget dui ia-
culis vestibulum. Nulla velit ante, cursus eget vulputate
aliquet, fermentum vel turpis. Vivamus quis diam eu arcu
luctus congue.
Fusce id tincidunt tellus. Proin vehicula velit id nisi tris-
tique posuere. Mauris in sagittis augue. Suspendisse pla-
cerat pretium mi, id lacinia mi porttitor vitae. Nullam portti-
tor accumsan blandit. Nulla ornare leo at mauris vulputate
in mattis felis posuere. Phasellus diam augue, hendrerit
vitae hendrerit ac, suscipit vitae dui. Vestibulum tempor
justo at diam congue nec iaculis magna lobortis. In eu elit
nisi. Etiam porttitor mi metus. Mauris egestas velit ac nisl
fringilla ut mollis elit vestibulum. Curabitur vitae lorem ac
dolor pharetra accumsan at ac mi. Aenean vestibulum
dapibus erat, eget consequat turpis lacinia quis. Nunc
ultricies erat id metus ullamcorper egestas laoreet eros
semper. Phasellus et ligula viverra tortor ultrices tincidunt
quis sed neque. Mauris metus lorem, pellentesque id lo-
bortis at, mollis ac erat. Nunc feugiat ullamcorper tellus,
sit amet cursus leo suscipit pellentesque.
Quisque vel tellus quis nisl cursus porta eget vulputa-
te justo. Pellentesque habitant morbi tristique senectus
et netus et malesuada fames ac turpis egestas. Nullam
iaculis, dolor rhoncus porttitor faucibus, dui eros lobortis
neque, condimentum elementum tellus nulla non ligula.
Etiam neque diam, fringilla a tempor dapibus, porta vel
erat. Cras molestie eros quis ipsum tincidunt sed aliquet
87
163
12 Guía de estudio 9 | tema: Retícula tipográfica
Ejemplo de uso de retículas en el diseño de revistas
Revista OKS Salud, diario El Mundo
Columnas falsas y recuadros
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Quisque in libero vitae felis
suscipit blandit. Curabitur
scelerisque pharetra ante.
Proin scelerisque. Maecenas
elementum porttitor mi.
Donec sed libero. Vestibulum
ante ipsum primis in faucibus
orci luctus et ultrices posuere
cubilia Curae; Sed laoreet.
Nullam eu purus. Phasellus
pede libero, condimentum in,
gravida a, fringilla in, tortor.
Etiam nibh. Pellentesque
interdum lectus a urna egestas
tristique. Aliquam venenatis
eros. Pellentesque erat quam,
tincidunt non, congue vitae,
viverra id, magna. Sed sit amet
nisl. Donec vulputate purus
eget libero. Mauris sed pede in
erat vehicula feugiat.
Lorem ipsum dolor sit
amet, consectetuer adipiscing
elit. Nulla fermentum erat.
Vivamus porta ultrices erat.
Aliquam volutpat, dolor
tempor dignissim euismod,
nibh tellus congue velit, id
convallis velit odio nec pede.
Nulla tortor. Etiam iaculis
consequat arcu. Fusce
commodo, orci in rhoncus
viverra, orci nunc auctor
nulla, non nonummy libero
odio eu nulla. Aenean quam.
Integer laoreet nisl at libero.
Donec sed nunc. Pellentesque
leo nibh, imperdiet vel,
malesuada eget, dignissim ac,
nulla. Morbi ornare magna
nec lectus. Etiam mollis diam
et ipsum. Proin scelerisque.
Nullam et risus. Nulla
condimentum velit sed dui.
Phasellus bibendum
malesuada lacus. Suspendisse
placerat dictum nunc. Ut in
ipsum. Vestibulum turpis.
Proin bibendum commodo
lacus. Vivamus orci magna,
dapibus in, interdum quis,
ullamcorper non, lorem.
Integer dolor. Ut tortor
augue, mattis vel, varius non,
placerat nec, neque.
Suspendisse non erat quis
ipsum congue imperdiet.
Vivamus sem eros, blandit eu,
dictum mollis, tempor sit
amet, elit. Nullam
pellentesque, mi in interdum
euismod, nibh augue dictum
magna, rhoncus facilisis mi
diam et purus. Ut vitae ipsum
nec nisl hendrerit tincidunt.
Integer interdum convallis
odio.
Pellentesque posuere
commodo massa. Proin dolor.
Ut felis purus, vulputate
consectetuer, suscipit et, porta
at, velit. Cras vitae nisl.
Suspendisse ante velit,
scelerisque nec, convallis eu,
fermentum tincidunt, risus. In
lobortis ullamcorper neque.
Tipo ii Editorial | María Teresa Bruno, Lucía Domenech
Recuadro
Subdivisión del espacio
en campos o módulos
más pequeños para el
posicionamiento de
los elementos, textos e
imágenes, en la página.
La retícula es una
estructura virtual que
proporciona el marco
necesario para lograr la
unidad de la página.
El uso de una retícula
reporta beneficios para:
el lector, porque aporta
un orden sistematizado,
distinguiendo
los diversos tipos
de información
y facilitando la
navegación del usuario
a través del contenido.
Según Josef Müller
Brockmann «una
información con títulos,
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Quisque in
libero vitae felis suscipit blandit.
Curabitur scelerisque pharetra ante.
Proin scelerisque. Maecenas elementum
porttitor mi. Donec sed libero.
Vestibulum ante ipsum primis in faucibus
orci luctus et ultrices posuere cubilia
Curae; Sed laoreet.
Nullam eu purus. Phasellus pede
libero, condimentum in, gravida a,
fringilla in, tortor. Etiam nibh.
Pellentesque interdum lectus a urna
egestas tristique. Aliquam venenatis eros.
Pellentesque erat quam, tincidunt non,
congue vitae, viverra id, magna. Sed sit
amet nisl. Donec vulputate purus eget
libero. Mauris sed pede in erat vehicula
feugiat.
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Nulla
fermentum erat. Vivamus porta ultrices
erat. Aliquam volutpat, dolor tempor
dignissim euismod, nibh tellus congue
velit, id convallis velit odio nec pede.
Nulla tortor. Etiam iaculis consequat
arcu. Fusce commodo, orci in rhoncus
viverra, orci nunc auctor nulla, non
nonummy libero odio eu nulla. Aenean
quam. Integer laoreet nisl at libero.
Donec sed nunc. Pellentesque leo nibh,
imperdiet vel, malesuada eget, dignissim
ac, nulla. Morbi ornare magna nec lectus.
Etiam mollis diam et ipsum. Proin
scelerisque.
Nullam et risus. Nulla condimentum
velit sed dui. Phasellus bibendum
malesuada lacus. Suspendisse placerat
dictum nunc. Ut in ipsum. Vestibulum
Recuadro
Subdivisión del espacio en campos o módulos
más pequeños para el posicionamiento de los
elementos, textos e imágenes, en la página.
La retícula es una estructura virtual que
proporciona el marco necesario para lograr la
unidad de la página.
El uso de una retícula reporta beneficios para:
El lector, porque aporta un orden
sistematizado, distinguiendo los diversos
tipos de información y facilitando la
navegación del usuario a través del contenido.
Según Josef Müller Brockmann «una
información con títulos, subtítulos, imágenes
y textos de las imágenes dispuestos con
claridad y lógica no sólo se lee con más
rapidez y menor esfuerzo: también se
entiende mejor y se retiene con más facilidad
en la memoria».
El diseñador, porque le permite maquetar
cantidades de información (como en un libro
o una serie de catálogos) en un tiempo
sustancialmente más corto. También
posibilita que muchas personas colaboren en
turpis. Proin bibendum commodo lacus.
Vivamus orci magna, dapibus in,
interdum quis, ullamcorper non, lorem.
Integer dolor. Ut tortor augue, mattis vel,
varius non, placerat nec, neque.
Suspendisse non erat quis ipsum congue
imperdiet. Vivamus sem eros, blandit eu,
dictum mollis, tempor sit amet, elit.
Nullam pellentesque, mi in interdum
euismod, nibh augue dictum magna,
rhoncus facilisis mi diam et purus. Ut
vitae ipsum nec nisl hendrerit tincidunt.
Integer interdum convallis odio.
Pellentesque posuere commodo massa.
Proin dolor. Ut felis purus, vulputate
consectetuer, suscipit et, porta at, velit.
Cras vitae nisl. Suspendisse ante velit,
scelerisque nec, convallis eu, fermentum
tincidunt, risus. In lobortis ullamcorper
13 Guía de estudio 9 | tema: Retícula tipográfica Tipo ii Editorial | María Teresa Bruno, Lucía Domenech

Retículas para diferentes medios: diarios

Diario Los Andes, formato Sábado 34,29 x 57,8 cm. Grilla de 6 columnas por 14 módulos

módulo Y
48 x 33,3 mm
14 Guía de estudio 9 | tema: Retícula tipográfica
Retículas para diferentes medios: páginas web
http://www.thegridsystem.org/
http://www.smashingmagazine.com/2007/04/14/
designing-with-grid-based-approach/
Tipo ii Editorial | María Teresa Bruno, Lucía Domenech
Construcción de la retícula
Para confeccionar una retícula
editorial, se deben resolver con
anterioridad las siguientes etapas:
1. Análisis y documentación.
1. 1. Aspectos funcionales: conocer
bien el contenido de la edición
(texto e imágenes), la estrategia
editorial y las características del
receptor.
1. 2. Aspectos económicos: tipo de
impresión y calidad del papel, tiraje,
encuadernación y características
materiales de la edición.
2. Definición de la idea conceptual.
3. Determinación del formato.
4. Elección de la fuente del texto
base: familia tipográfica, cuerpo,
espacios entre letras y palabras,
longitud de líneas e interlineado.
Decididos entonces los aspectos
enunciados, el diseñador cuenta
con dos alternativas de procedi-
miento para desarrollar la retícula:
1. Realizar la división modular de
todo el formato. Luego se determi-
nan los márgenes, afectando para
ese fin, uno o más campos con sus
respectivas calles.
2. Realizar la división modular de
la caja o mancha solamente, que
ha sido configurada previamente,
junto con los márgenes.
En ambos casos, para realizar la
modulación vertical (división en
filas) el elemento básico es el
cuerpo tipográfico de lectura (o
interlineado si es adicional), que es
el módulo estructural mínimo de
la grilla.
Para realizar la modulación hori-
zontal (división en columnas) se
pondrá especial atención al ancho
de columna, que depende de la
clase de texto, el tipo de lector y de
las otras variables tipográficas.
Obtenida la retícula, se realiza la
puesta en página, donde se pondrá
a prueba la creatividad. Es aconse-
jable realizar miniaturas de las
páginas, para obtener un pano-
rama total de la edición.
Bibliografía
Blackwell, Lewis. «Tipografía del
siglo xx. Remix». Gustavo Gili, Bar-
celona, 1998.
Kunz, Willi. «Tipografía: macro y
microestética». Gustavo Gili, Barce-
lona, 2003.
Müller Brockmann, Josef. «Sis-
temas de retículas». Gustavo Gili,
Barcelona, 1982.
Samara, Timothy. «Diseñar con y sin
retícula». Gustavo Gili, Barcelona,
2004.