SlideShare una empresa de Scribd logo
1 de 207
Descargar para leer sin conexión
Timothy Samara
Diseñar
con y sin
retícula
Lasegunda parte, "Diseñar sin retícula",
se centra en el diseño que desafia las
nociones organizativas basadas en la
retícula. Trasanalizar brevemente la ruptura
de la estructura, se presenta un segundo
bloque de ejemplos, que en este caso
muestran cómo la retícula se cuestiona
o se abandona para optar por métodos
de composición alternativos.
8 Reflexiones sobre la estructura
Con la reticula
el Orden
básicos de la retícula
120
128
Diseñar sin la reticula
Interludio histórico
Explorar Otras
Ejemplos
204
207
208
208
dices
indice de colaboradores
Bibliografia
Agradecimientos
Sobre el autor
Reflexiones sobre
la estructura:
Introducción
Para algunos
diseñadores gráficos
se ha convertido
en una parte
incuestionable del
proceso de trabajo
que proporciona
precisión, orden y
claridad.
Para otros, en
cambio, simboliza la
opresión estética de
la "vieja guardia",
una jaula sofocante
que dificulta la
búsqueda de
expresividad.
Lareticulatipográfica
vGm,-,
Los objetos Semejantes
se disponen de una manera parecida. a fin de
que sus semejanzas resulten másevidentes y,
así, más reconocibles. La reticula sitúa los ele-
mentasen un áreaespacialdotadade regula-
"dad, 10quelos haceaccesibles;
los lectores
saben dónde encontrar la información que bus-
can.porque las uniones entre las divisiones ver-
ticalesy lashorizontalesactúan comoseñales
indicativas para su localización. EIsistema ayuda
al lector a comprender su uso Encierto modo,
la retícula es como una especie de archivador
visual.
Elorden y la claridad seconvirtieron en los dos
objetiws más importantes de los diseñadores
gráficos que ayudaron a la sociedad a progresar
tras dos guerras inimaginableç En parte,
supuesto, tal orden implicaba comodidades de
consumo; y los hombres de negocios que las
proporcionaban enseguida se dieron cuenta
Como metáfora institucionalizada de todo lo que de que reticula podía organizar su imagen.
Sucultura corporativa y sus lineas esenciales,
se considera correcto —la intersección del cielo
A medida que utilizac;on de ia
y la tierra, puesta de manifiesto en cada uno de de se' un con
ti,se en un
los objetos que ordena—,la retícula también se
sente cada vez
ha investido de un carácter explícitamente
espiritual. Sus primeros defensores, que se
contaban entre los integrantes de las Contrasta. en cierto
cinética cambiante
vanguardias europeas, lucharon celosamente la info non ha e) do e
en su favor: la decisión de Theo van Doesburg quese retuerza y que haga V
de tan sólo inclinar un poco el ángulo de 900
del eje de De Stijl hizo que su compañero, que Se ha
Piet Mondrian, rompiese relaciones con él;
Josef Müller-Brockmann, el campeón suizo de la
retícula de los años cincuenta y sesenta, definió
su deseo de orden en términos casi canónicos.
Lacreación y la organización de laforma están
estrechamente vinculadas a la divulgación
visual de la información.
Nuestrosaparatosnoshablan.nuestravisionesglobal.
Entre los debates sobre
temas como la raza, el sexo,
la conservación del planeta,
el poder político o los derechos
civiles, quizás podría resultar
valiosa una sencilla reflexión sobre
dónde poner las cosas,es decir,
sobre esa "mundana tarea
doméstica" del diseño basado
en retículas.
Enetcontexto de esta nuevaera.en la queSeha evaluado
la evolucióndel diseñoprofesionala menorescalay la de la
cultura a escala mayor, el principio unificador de la reticula,
al igualqueotrotipodeideasorganizadoras,
havueltoa
adquirir y seha convertidoentema dediscusión.
Laprimera parte de estelibro.Diseñarconla
Lasegundaparte,Diseñarsin la reticula,
La historia de! desarrollo de la retict}la es compteia
gráfico moderno, tal como nosotros lo
pero 105ejemplos dc fas primeras reticula5 son
griega y romana: no sería presentar en este
tota'idad, A efectos dc nuestro tema, la
gráfico occidental se desarrol!ô durante la
sin embargo, circulan en las comunidades artistic,psl av..
momento preciso de creaciÚn de una de hace
toria, A continuación se dibuja una panorámica
proceso complicado. Las contribuciones de de
de más de un siglo. se han resumido en unas pocas
ellas se han dejado de !adc o bien se mencionar.
fia que se recoge final de este libro ayLldará a
continuar investigando a poder protundizar en este
Alcanzar el orden
Breve historia de la retícula
en el diseño gráfico moderno
El y novedoso mundo de la industria.
El desarrollo de la retícula a 10 de IOS últi-
mos ciento cincuenta años coincide con dramá•
ticas transformaciones tecnológicas y sociales
en la civilización occidental, y con la reacción de
filósofos, artistas y diseñadores a tales transfor-
maciones. LaRevolución Industrial que seinició
en Inglaterra en la década de 1740cambió la
forma de vivir de las personas;su efecto sobre
la cultura fue crucial Cuando la invención de la
mecánica impulsó a la gente a Vivir en
las ciudades. el poder pasóde manos de la aris•
tocracia propietaria de las tierras a los fabrican-
IOS
comerciantes y la Clasetrabajadora,
Lademanda de una población urbana con un
poder adquisitivo en permanente crecimiento
estimuló la tecnología, que, a su vez.estimulo
la producciõn en serie,redujo costes e incre•
mentá la disponibilidad de los productos,
diseño asumió un papel relevante a la hora
de comunicar los atractivos de los bienes mate•
riales. A ello Seunió el hecho de que las
Kionesfrancesa y americana facilitasen los
progresos en equidad social.educación pública
y alfabetización, ayudando asi a crear un
público mayorparalosmaterialesde lectura,
este
también una confusión estética La tradic't±n de
desde renacimiento se vea por la
estricta rnaraf y las conv•ccwnes espinILXes
gótica
'os mas rema-
aclor
a e. , he baja
a v estét:c.â cuestionable
de IOSobjetivos. Ei mov•mtento
Ambttos
mcv•rmie.r,:; *narraba
-EUnjoven de un
atrai,
do
v te c_enstitu« ia
i a acu'vao en
da
, En tS60
Casa
va supervisa'
Idea Ce
Con su de tejidos.
objetos. y mobiliario seInvciõ un método
contenido. que aten,
diaa y que prestaba
una gran atención a calidad acabados
de tas p.ezas.incluso cuando estas se producian
Arthur Mackmurdo y Si,' Emery Walker. 'os con,
temporáneos de dirigeror. su inte'és
e; diseña de liáros La publL
period-ca de Hobby
—una
del •ntenc.onada
pogcic•naday un c„idàdoso de la sesec
cuerpo de márgenes y
de imp'es.Om— que Morris
guido. pero en el amL'ito de letra 'mptesa
En 189' en 'a
Keimstott Press. libros
mente diseñaõos en que tipog'afias.
grabados util;zados como ilustraciones y
empleados sediseñaban en funcion
de su integraciôn estética y so de
duc06n ELproyectq de en
fue oí Geoffrey
en '894 de este
lanto con y tas 'riciales
grabadas, .ntegr•ron mediante re'aciones de
tamaño, y su maquetación atendió estruc•
tura general prede.•ermtnadà que unificaba de
entre 'os manuscritos (que. paradóji-
camente. fes que le proporcionaron su
mara:' de referencia ia
maquetación de ia página. en divesos
tipos de información se integrar en un espacio
art¿culadm
el and aafi5 importancia y
t:anstor.mô de distintos modos a 'os
dasehàdores fueron a los efec,
tas de la industrializaciórm abe evo'acionava
convertirse, en Franci,m en ei est•lo sensual-
mente organico tomo art nouveau.
y e' Jugenástijí "emány belga, pictórico y
mas arqu•te-clon'co Los buscaban
nuevas formas que al
Innovador de era que comenzaba.
Influenciado un
Laarquitectura del espacio.
viale a IngiMerra. arqu•tecto estadounidense
FrankLloyd vVneht inf"ó una sistemá-
tita que su de a pesat de
que continuaba ton Ideaes
de arts aed A'; que obra de Phillip
de Wright expyesaba ia convicción
de que ei espacio era ta esencia del diseño. en el
que "la parte es al que el todo es la
parle. y que todos estSn comprometidos con un
proposito concrete". las propor
cián zonas la organizacion
asimetr.ca pasaron ser principf's de referencia
de ic que acabaria en ei
—dos
he'rnanas. F'ancesy Margaret
McDonald, y sus y
Macintosh. que se hablan conca:'-
dc cuando estudiaban en la Glasgow School
All- "adujeran El a:re or,á
crafi5 a del *spacic más abs•
geometécas Se hicieron célebres
ios Cuatro de C.iasgnw,y ki pabi:cación. en la
revista de su actividad en e' *mbito
editorial. asi corno en campo del diseño de
objetos y mueb'e5_ 505 ideas. que se
propagaron Incluso hasta Austria, y
Hamburgo. Aiemamx
Una influencia en expansión. Peter Behrers, un
aleman.
Hamburgo bajo efectos de esta influencia.
al igual que la de Secesi$nvienesa. un
que se Inspiraba en SosCuatro de
Glasgow yen secesiónsedistinguía
sus puntos d? vagt.:. e' diseño de carte•
que eran mas recti'ineos
y también sobre 'a arquitectura. Diseñadores y
arquitectos como Hoffman.
Maser y 'asef Maria buscaron la
dad funcaonal y evitaran la En
190-0.Peter Beh.•ens en ccóoni3
artistas en Darmstadt que había sido creada
ei yar de Hesse;uno de Irs otr.-,•,
a quienes e' duque h»hia Invitado y
ofrecido terreno para construirse ona casa
era Xsei Maria A partir cicl esfuerzo por
proyectar s,' prop.a y conten:do.
Behrens -a! igual que Morr's.y desde una posi-
estética muy a la cieOlt'ri't;- se
que buscaba orden la unidad ent:C
las divesas artes lunto diseño industnal
y de mobiliario con 'a
maquetac'on de y con las nuevas fuentes
sin remate que empezaban a de 'unti&o•
nestigogrâficas corno Bertholcf Se considera
Que su primcr oflife and Art.
e' penter texto maquetado con una
tipografia sin remate Aunque este libra man-
tiene una perspectiva ¿e manuscrito en lo que
se refiere a la composición de ia página. sigue
los pasosde 'a compos;ción espacial que Morris
había utilizaco para las de Chauter, y
blecc unos cimientos significatkvos en cuanto al
desarroilo de 13reticu'a para sa usocon la tipo-
grafia Sin de de
tipog'afias, más unit0'meç produce un efecto
de neutralidad dei texto que enfatiza su forma
en contraste con el espacio blanco que lo rodea;
de los de texta y ios inter-
valos que separan dichos bloques adquieren asi
mayor
Behrens setraslade a Dusse:dorf en para
dirigir la Escuelade Artes y Oficios de la ciudad.
y planes de estudios prepa'atDrios
que secentraban en los principios Visualesfun-
analisis de estructura
compositiva año 1904 tae pata
Behrensy para la escuela, pues e: arquitecto
holandés I, L Mathieu se unjo a su
claustro dp profesoreç Lauwetiks habia desarro-
liado una aproximacion srstem*tica a la ense-
ñanza de ia eamFM'sic:ián,que se basaba en 'a
disección de un mediante un cuadrado.
lo que daba lugar una reticula de espaciospro-
Behrens vio que este podia
utilizarse parg unificar 'as proporc;.ones en Jos
campos de ia arquitectwa y e! áiseño en
1906 aplicó esta pabellón de
y el cartel que pata la Anchor Lino;eum
Company
El racionalismo, la estética de la máquina y la
búsqueda de una cultura universal.
Behrens que Setonevtiese en su asesor estético
Al masmotiempo particil* en e' lanzamiento de
la Deutsche Werkbund, o Asociacion Alemana de
Artesanos, Inspirada por pero a 'a
vez defensora del mundo de la máquina. la
Werkbund pretenda [rea' uv,d
mediante e' diseño de objetos y mobiliario de
uso cotidiana Los proyectos de diseño industria'
que eehrens realizo a traves de {aWeühund
coinc:dieron con su a AEG Además
de diseñar las teteras y 'as de AEG.
diseñó también identidad de la empre-
Sa.creando as»el primer sistema de imagen cor•
industnal que se conoce.Ademas del
logotiRO de AL, gehrens diseñó una
corporativa. esquemas de carteles. anun•
espacios de venta e insta'aciones destina-
das a ia produccióm Cada ana estos diseños
se articulaba a partir de cmnjunto especifico
de proporciones y elementos lineales oyga•
nizaban la presentación visual de AEG mara
convertirla en toda
EI constructivismo. nuevo lenguaje y
filosofía a los estudiantes y diseñadcw
tes extranjeros. y provocabar dc
otros profesiona:es. levantamiento de
Rusia a principias del siglo encantrô una voz
en abstracción: la geometna gura de
miento denominado se fundió
ton cubismo y el futurismo para dar lugar al
constructivismo. expresión de búsqueda de un
nuevo 0'den en Rusia Tras haberse tras!adadc
para continuar su formac•ón. un joven
constructivista ruso. (Lazar Markcwich:
L's5it5ky_
comenzó a arquitectura en
Darmstadt, dor'de asimi'aria la estética racio-
nalista que predominaba alli Susestudios lo
mantuvieron en Europa occidental durante
Guerra Mundial y tambaén la Revolu-
cián Rusa En mientras bolcheviques
Iurhaban par el Oode• durante la guerra civil pos•
tenor a la de los zares, Lissitsky regresá a su
paisy a realizar un diseña g'.âfito
cadamente que se caracterizaba por una
dinámica y organizada geométricy
mente. Su tecundo cartel the with
KANDINSKY
the Rea Weáge ejemplifica e' comunicativo
abstracto de la formar,' tipifica el trabajo de la
partir deese
La Bauhausy el nuevo orden. Cuando finalizó ia
guer!a en Europa. diseñadores y los
tos caneentgaron su atención en la reccnst'uc-
cien y el progreso En alemania
de la anteriormente célehre Escuela de Artes y
Oficios de que tuw: lugar en
se inicia con el nombramiento como directo' del
arquitecto Waitvr de loq
aprendices d? Peter gehrenr„ C'opius rebautizo
la escu4a con el nombre de
o de la En este lugar,
la experimentación y e' racionalismo se convir-
do n inspiro en ei
expresionismo de
lahar.nes 'tren Wassiiy Kandinsky. del
Saue Reiter, que se ocuparon de desarrollar los
cursos de formacion poco a fue
los estudiantes y e' de profesores ¿e
también 'a irtuencia de'
pintor suizo Theo van aoesbarg. cu"
tQ,De 5tijI. sestenla
metrim Van contactá con en
y aunque este ¿Iten'c decidit• no contratan
van Doe-sburg de manera signifkat'-
va a 'a transformación
tyasladarse a promover
Moho* Nagy. un
húngara, acabó sus'.H i:ten
como respensab'e de Jos
'932. se a su nuca.'a
F" de tipografia la
Mch08,Nagy con las
maquetaciones fotomontag• y los
e;ementos de de la expre
sjõn Ce al ámbito del
.±'sehcgratico 'Qagyy un estudiante
Jamaon *erbEr: barras. fiietes.
compuesta de forma asi-
métrica sobre una como base pata una
'Geva tipografia LissitSkyregresódesde Rusia
nume'05ãs ocasiones. para mantener el con•
con ta Bauhausy participar en conferen-
SS TE LL UN G
EUROPAI
-SCHES
HUNST-
GEUJERBE
- 1927
LEIPZIG
cas. diseños de publicaciones y exposiciones.
i.' litm de ofn'f. un antes y
-¿ndespues en el desarrollo del uso de
gruesosfiiete5.eI texto corrido
maouetado er idioma', forma paralela se
en las imágenes. los ples de
%zoy los 'Blegradns en 13
se situan d? acuerdo a un conjunta
alineaciones verticaleew
divulgación de la asimetría. pesar de lo
Estos principios
e' entonces todavia te-
nian que ser asimilados en la púctica mayorita
del diseño CI usa de una
asimétrica. 'as tipografias de pala secoy la orea-
mzaciOngeométrica de irforrnacibn eran
conocidospol un grupode petsonasre'ativa•
mente a los ámbitos deç
arte y laeducaciôm Lamayor parte del mundo
comercialignarabaestasinnovacionesEIdesa-
rrollo de ta publicidad en Europay Estados
habla contribuido a introducir la rompo-
sicion en columnas en la producción de perbdi•
cesy reuástas;
pero mayoriade ios impresores
y diseñadores.toa,v.'ia se VIcontexto
visual de! siglo Linjoven caligrafo,'an
Tschichold. trar,storrnô esta situacirin, Mientras
trabajaba corno diseñador pa.•ala ale-
mana :nse' Verlag,Tschichold visite la primesa
exposición de la en En un aho
habià asemàadola qerspectiva tipaerafica y
sensibilidad abstracta de En '925
diseñó un encarte de veinticuatro páginas para
una revista *emana. Typc•ryaÇhfsche
Mineóungen.dirigida a impresores.en aquel
inserto (tituiadr' "Flementgse Iw-•graphie")
pudo mostrar 'deas de I,) Bauhaus un
amplio público de diseñadores e
impresores que atavió entusiasmado su ma-
quetanón y basadaen retículas.
Tschichold defendia una estética reductora e
intrin;etamente funcional. Afirmaba que des-
hacerse de los ornamentos. dar a ios
tipos de gafo Seco que hacia" la est'uc-
tura de formas de 'as letras y crear compo-
Siciones basadas en función '.erba' de
paiabraseranobjetivosque liberaríana la edad
moderna, Losespszios negativow los intervalos
entre las áreas de textcy la reciproca orienta-
ción de las palabras los funda.
ment05 de sus reflexiones sobre diseño
Partiendo de idear:de Lissitzsky
rschichotd ccnstru;a deliberadavv,ente sus com-
posiciones sobre sistema de alineaciones ve:•
tirales y horizontales. introduciendo una
tura reticularjefãrquica parac"der.ary crearel
espacio de todos documentos, desde Sos
car-
teles hasta los titu;areç Va en e' año ante-
rier a la publicación de su celebre Die Neue
Typographie(Lanueva tipografial Tschichoíd
codificó su Idea de una estructura y defendió
su usa en formatos de Impresión estándar
sistema actual par* de pape[
(Deutsches Normung. o instituto
de Estandarización) —enel que cada for-
mato, ser doblado por Samitad. da al
siguiente formato más está basado
en el Sistema aor Tschicho'd
Ei desarrollo de esfa esté,
Hacia la neutralidad.
tica clet diseño gr-, se vio truncado
mane" abrupta, en años treinta. Losdiseña-
dores y artistas que utilizaban el nue'O leneuaie
fueron arrestados y obligadas abando•
el a medida que nazis adquirian
poder, pues 'os consideraban degeneradas
LaBauhaus cerrá Oficialmente y Moholy
Nagy. Mies van der Rohe(también
aprendiz de Peter aehrens antes de la i C,uerra
Mundiai)y otros tuvieron que abandonar con.
tinente e irse a TSEhGchoId,
despues de
haber sido arrestado y retenido por nazis
durante un breve periodo de tiempo, setrasladó
a 5uiza
Suiza permaneció neutral yen no se vio
afectada por la guerra. territorio montañoso y
su infli.yente papeaen la banca internacional le
permitieron permanecer a salvo de una e,ventua'
invasión po,• parte de los na2iç La
Suiza,gradualmente. habiz llegado a degender
de los servicies y ia anesania que el pais podia
exportar Porotro lado.ei del psis hacia
propiciado su célebre tendencsaal orden Zúrich
y Basileaeran ios centros culturales debVws;las
industrias bancarias y de Zúrich se
complementaban con la he•'enciaartistica
de Basileaen el ámbito del 4buioy la edil
ción de libros
Junto can Tschichoid también se trasladaron a
Suizaalgunos estudiantes de la Bauhauç Max
Bill.quehabia estudiaren la
Kunste¿ewerbeschule de Zúrich y habia estudia-
do en la Bauhaus entre 1927y regresóa sa
vais en Otro estudiante de la Bauhaus.
Theo Ballmer, también había trabajado en el
tallerde tipografia, de Ballmer.
Tsthithaid y fue muy destacadaPorsu parte,
sW.—ts.
los diseñgdores suizos habían desarrollada una
tradición que enfatizaba las tecnicas de 'educv
Libray simplificación. centrada en la representa-
tión s.mbôlicay ejemplificada por la obra del
diseñador piokot5tíjl Erns Keller acabó
por inclinarsepor unaperspectivatipográfica
clásica dtribatcs humanistas. pero
hasta principios de los ahos cuarenta continua
defendiendo y 'as compos;eones
basadas en reticulas Ballmer y Bill continuaron
ideas constructivistas en su traba-
ja. fundamentado en la matemática
eslricta y Lacontribuciónde
Bill una doble vertiente- en primer
lugar,ta apticaciónde susteoríasbasadas la
proyectos profesionales de publi-
cidad identidad cryvoratiua:y en segundo
lugar, institucionalización de la reticuia
meÉiante su colaboración en creación de la
FKuela 'SeAdes de en
Laobra y de contribui'ian
a que posteriores geneaciones de diseñado-
resadoptasen la retic•sia_
LaNeueGrafik y el deseode orden. Esta ap'oxi-
austera también fue adoptadg par
Josef Múner-30ckmann, Hans
Neuhergy PaulE'hse.quienes.en su
actividad md.viduai. buscaron activamente una
expresión visual universa:, Coma editores de
revista Neue Graf'k. publicada en Zúrich, cotabty
er transmisión de este estilo
nai al resto de mundo, creada para
rhe
Graphic
NeueGrafikconteníacuatrocolumnasy tres
bandas horizontales o zonas espaciales, que
organizabantoda el rantenido. incluyendolas
imágenes. Cuando se repitiâ por primera
NFueC,mfikmarcó un paso más en el desarro"o
del diseño basado retitulas que ya estaba en
procesode creación,la realizac;bnde un módu-
lo,es decir,de una pequeña unidad espacial que.
mediante repetición, integra todas las pa'tes
de 'a página. anchura un módulodefine e'
anchodecolumna,y sualtura define profun•
didad de lospárrafosy,pc)'la tanto. de lasfilas
Losyapas de mádulos secombinan en zonas a
las que puede asignarse prapbsito
En los pw.•yectos
editoriales más complejos, los
folletosy loscartelesdeformato único,Múller-
Bgoamarn y sus compañeros desarzotlarzn sis-
temasmadu'aresa partir delcortenido. imple,
mentándo;os con una disciplina rigurosw
re imagineria pa'a
MijIIer-Brockmann n
de tipogvafia
favorecer const
basadas reticufa% En primer
libra. TheGraphic and Desgu Promems,
en el describe por pnmera esta forma cie
diseño reticular Su segundr,
in Cyaphic Desígn.es un mar:-
fiesam "El sistema reticular implica el desEO de
sistematizar. el deseo de penetrar
hasta a 'os
el deseode cultivar 'a objetividad más que la
subjetividad"
Basilea.la Ajigemeine
La escuela de Basilea.
Gewerbesüluie (a Escuela de Oiseha de gas"ea)
estaba contribuyendo al desarolio del estilo
internacional med'ànte una perspectiva que
pareciacantrastaren cierta mcxlocon la de los
diseñadores de Zú'ich. Su director, Armin
architectonic-
graphic
desian
the
concert
ooster—
series
ofu
josef
muiietf
brockmann
The New film
Hoffman", habiz sito alumno de Ernst Kei/er.
y promovia un metcdo de composición Intuitivo
basado en la forma y toscontrastes
entre tas cualidades óptica; de la abstracción:
y oscura.curvay angula. orgánico y getvné-
trico La Integratidn 13 y Imagen
desempeñaba un papel importante en los pla-
de estudios de ia escuela Sin en
1947EmilRuder.
q._.e
habiaestudiadoen Zúrich.
se ACScorno profesor de tipografia,
Ruderdetencia equilibrio entre forma y fun-
Lion. explorando con ngor "os matices de tipo-
grafia y 'os contra:teS ópticos además de utitizar
estrwturas reticulares sistemáticas y generales,
Consu metodo'Dgia transmitiâ susestudian-
tes un exhaustiua proteso de resotucien de pro-
hirmas visuales que ¿yuca a extender rnás
uso de la reticula_ tJno de aqaelaosestudiantes
era KW: Ge.m,lner.que tarde constituyó su
propio e•itudio en Zúrich y contribuyo a que la
reticu;a e'.oucionase hasta en uno
de 'os pilares del diseña moderno. En '968
Cerstner publico su primer libro, Desigmng
Programmes: reti-at:a tipográfica -escri-
ESuna guia proporciona' para texto.
tablas, imágenes.etc Esun programa format a
para unos contenidos
El probfem3: encontrar el entre la
y la manrn,3 libertad O bien:
el mayor número constantes combinado con
la mayor variabilidad posible;
Lareticula corporativa. Ei uso de retículas
comenza a el diseño estadcu"idense y
europeo durante y Cespuesde los años sesenta.
Radíkale
für
einen geeinten
starken
sozialen
Kanton
Basel
Radikale
Liste
1
Renito una forma especialmente eficaz de
pnagrarnzsde comunicación de
grandes organizaciones. eventos o empresas
Ma. Otl Aicher y otros
e*ponentes de' estilo les
ron en su; esfuerzos sus colegas holandeses.
ingleses. Italianos. aemanes y estadounidenses
Enlos PasesBajosel rntwim'enta en favorde un
diseño racional. guiado por progra.•nadefini-
do. tue encanezado gen Bas y
Bruno Wissing, cuya emp'esa_ se
conu«tiéen un con su práctica de
gramas de comunicación reticulares
para
En Estados unidos. estudiantes de escuelas
suizas y algunos emigrantes europeos trasiada-
ron el *Stiic interreeonal -y un
públia•l enorme. kard, e: pione:o del diseño
rv-%dernoen Estados a principios de los
años desempeñado una función
importante a la hora de convencer a las empre-
sas de que e' diseño era bueno para ellas; sus
cliente5y los deotros diseñadoreshabíanido
familuanzàndcse con idea de utilizar progra-
mas de coman•cación que ayudasen a organizar
suimagenpública Cnsusmanualesde diseño
para Westinghouse. publicadas en '965. Rand
desarrollócomplejasretículasparaasegurarla
continuidad en medios tan di•.ersos como 105
em5aiàjes. la publicidad impresa y la televisu.brv
E;diseñador alemán Otl A.cher implementá un
programa tcdav;a más preciso para tuf-thansa.
las lineas aéreas Colabo'ando can
Tomas Gonda. Querengy Nick
Aicher se adelantô a todas las necesidades
potenciales de Lufthansa. estandaràandc forma-
tos y reforzando granrigor la reticulaafir
áe unificar la comunicación de elementos que se
atenían a requisitos diversos de tamaño, mate,
rial y Uros manuales y unas medi-
dasdefir"dos al detalle aseguraban la uniformi-
dad visual en cualquier aplicación.
La idea de una totaiidad en el campo del d«seño,
basada en una retícula, encontró expresión tam•
frién en obra de Massimo Vignelll y su e5posa,
Cella, fundadores de un estudio de diseño en
MilSn en 1960, Ambos habían estudiado arqui-
uniCnd
tectura.y desdelosiniciosde sucarrerallevaran
cabo un acercamiento estructural impecable-
mente y sistemático En particular,
Massimo habia iniciado una amplia investiga-
cian de estructuras reticulares para diversas
organizaciones
culturalesy entidadescorporati-
vasde Miiàm Estosprimeros proyectos lo
ron aadoptar unaperspectivaquesecentraba
en la división del espacio de una reticula
en zonas semánticamente difeenc,adas
EI sistema de division Adicional permitia centrar-
se en tenas que integraban la
estructura modular gioba'. lo que contribuia a
clarifica' un materia' informativo complejo
Al otorgar a estas divisiones horizontales una
entidad Visual,que adoptaha forma de bandas
sólidas.el ajo aprendía a orientarse para encon-
Información especifica. 1965Vienelli
tomá parte en la creación del p'0yecta de diseño
en colaboración con Unimark International.
dc acuerdo Con Su de el diseño
debia rechazar todo impulse de expresión indi-
vidualy fainrecet.enLambio,el de5arroIIode
sistemas globales. que Ileg crecer
hasta tener aproximadamente cuatrcxentos
empleados cn cuarenta ocho paises,sistema,
tizá y estandarizó lacomunicación para una
legionde gigantes corporativos,
entre ellos
Xerox,J.C,Penney.Alcoa. Forey Steeicase, •,971
Massimo y Lenaabrieron V:snelli Asscciatesen
NuevaYork,de5puésdr 'a desbandadade
Unimark. Su nueva compafria se regia por una
filosofia similar, la reticula el apunta-
lamiento de muchos de sus trabajos en terre•
la identidad corporativa. la edsción y e'
diseño de libros, y el interiorismo. en 1977.
como
parte del ProgramaFederalparala Mejoradel
Park
al ccolo Teatro
da sabato
20 febbraio
La lauichenecca
ño gráfico. Losdiseñadores empezaron también
a utilizar como un fin se,ya expr-
tar potencia' ae la formH en si
Laexperimentacion radita' basadaen estructu•
ras reticulares se a catK' en los años
Ochentay condujo finatmerãe a exa-
minat otras de métodos organizativos,
diseñadores y profesales de d.seño como April
estudiado tipo*Afia en
Bas.leaiy Katherine McCoy{una diseñadora
industria' a! traves
de uno de primeros trabajos en Gnimark)
encabezaren Ir,vest'sac13m sobrepaso los
lim•tes de la estructura racionar Este tipo de
deconstruccion acabó siendo asiruiiado. asimis-
mc. por la práctica can e' trabajo
b35üdoen risicias estructuras reticulares y otras
ideas enteramente antiest'uctgrale%
ha llegado a considerarse una de las
muchas herranventas que diseñado'es pue-
den utiliza' Objetivos de comuni•
ratiôn arios ochenta y noventa. el grupo
de britárvcos contrihuyó
tab;'ecer 'a conciencia del pensamento estructu,
ral mediante la publicación dc su revista Octavo,
que trató diversos remas tipograficõs en una
edición de ocho numems. En medio de una proli•
feracion de nuevas perspectivas que hasta cierto
punto debe revotucion digital, f.rmas más
reciente; como Melaoes•gn. LINAy Mrthod han
continuado investfando método; organizativos
que derlvan del estilo Intemaciona/
A medida que nos adentramos en el siglo
13utilización de que se desarrollaron
en lo de 'os últimos ciento
cuenta añosh5 seguida un
en ei zampo del diseño grStico tnternet ha
tado ser un medio que puede benefictarse del
pensamiento basadoen reticulas como torma de
simplificar el acto vertiginoso de navegar a través
de intormacibn interactiva, Resulta dificil
g•na,•
cdmose losmediosyei dse-
iodurante los próximos ciento cincuenta años.
dado el ritmo q¿.Than alcanzado recientemen-
te: muy posible en ei futuro la 'eticu-
lipogràftG continúeayudanõoaiosdiseñadc>
.rnpulsado por el gobierno estadouni,
W.gnellidesa"0Pô un sistema destinada a
u- las del Servicio Nacional
-e :arques DenominadoUnigrid ["uniretí(u'a").
itstema establecia tuna reticula madu'ar.
k: Cina por bandas horizar.taies. que aba'caba
formatos y superponerse a una Unica
- Ce pagel formato estándar.
el gastc de papel, e' tiempo de
y o'.'as diversos. permi-
pue ciferentes de y
del Servflc Nacional de Parques se con-
en los aspectos creativos que implica-
:-i@aisehode diferentes fonetos y carteles
"*es de los 3,hos setenta. la eiahoración de
de comunicación de forma
!i lili li
ya esperada a fin
continuidad wsual_Ejemplos este
estudios especializadas en
Cad corporativa como Anspach Grossman
en Nueva que desarrolló e:
-z ident•dad Cit.bank y "tres c}$en
EI Internacional
'legado ser una parte aceptada
res estructurar la comunicación durante un
tiempo.
i!
Conceptos básicos de la retícula
Taller en diseño estructural
Cualquierdiseñoimplica la resoluciónde una
seriede problemastanto a nivelvisualcomoa
nivel organizativo,Imágenesy símbolos,campos
de texto, titulares, tablas de datos; todo ello
debe reunirse con el fin de comunicar una reti-
cula es simplemente una forma de presentar
juntastodasesas
piezas.
Lasretículas
pueden
ser flexibles y orgánicas, o bien rigurosas y
mecánicas.
Paraalgunosdiseñadoresla retícula
representaunaparte inherente al trabajo de
diseñar,de la misma forma que la carpinteria
constituye unaparte de la fabricaciónde mue-
bles. La historia de la reticula ha formado parte
de una evolución en la forma de de los
diseñadores
gráficosen relaciónconel proceso
de diseño. además de una respuesta a proble-
masespecíficos
de comunicacióny producción
que necesitaban resolverse.Un programa con
textos corporativos, por ejemplo, es un problema
surgidoafinales delsiglo quedebesatisfacer
complejasObjetivosy adaptarsea requisitos
también complejos. Entre otras cosas,una
reticula está indicada para ayudar a resolver
problemas de comunicación que presentan un
alto gradode complejidad.
Losbeneficios que reporta trabajar con una retí-
Cula Son sencillos: claridad, eficacia, economía y
continuidad.
Más que nada, una reticula aporta a la maqueta-
cián un orden sistematizado. distinguiendo los
diversostipos de informaciónyfacilitando la
navegación
delusuarioa travésdelcontenido.
Elusode una retículapermite que un diseñador
puedamaquetarcantidadesingentesde infor•
mación, como ejemplo en un libro a en una
seriede catálogos,en un tiempo sustancialmen•
te más corto, porque muchas de las cuestiones
queafectanal diseño
yasehabránresuelto
enel
momento de construir la estructura reticular
Lareticula permite asimismoque muchasperso-
nascolaboren en el mismo proyecto,a bien en
una serie de proyectos relacionadas, a lo largo
del tiempo, pasando de un proyecto al siguiente
sin que tascaracterísticas visuales sevean
afectadas por ello.
'c AVupa
Henry
Magaziner
k.•entar la página en partes. Constrw.•
determinado
vafcwar de tcvma proturda e! contenido
de dicho proyecto, en lo que
visualesy semánticas det
-2 •.-pográt.ct-v
- tipográfico es gobernado por una
le relac.ones enfie las partes y c' todo
- sola de una palabrw
crean Lina linea: no tan selo
espacial formato Si se coloca
de manera
— Es una pero que
un •spacio sabre
un espacio bain
{'as ctra. ctra. se convierte
" no se tr¿ta de
magaziner
una smo de una forma con un limite
y visua[ CIlimite crea una para
la p.ásinay,a vnedidaque seesti'ay el
psrratD se convierte en una coiumrx que rompe
e; espacio y,a: mismo tiempo. se03nvierte
repetidas
por
o de proporciones «eam un ritmo de
esoacios los que el limite for-
mato se reafirma, contrarresta y se reafirma
de nuevo Losespaciosvar_iosent'e párrafos,
columnas e imágenes contribuyen olientar
como también 'a masa que constituye la
textura de p*abras a que rodean
Las alineaciones entre y espscios vatios
conectan c, sepstan wsaalmente entre
Si rompe e/ espacio denr.•o del
composición. el dise•hador e a'
una pasiva, en ja que
antervalos entre elementos son
crea un Campa de estático S' el d'seña•
dor introdu.e Lambes, por ejemplo un
intervalo mayor I»; i'r,eas o bien pesa
elemento dentro de la uni•
formidad de la mente percihe este
t•nfasi; Signod?
se e;tabiece onten o ele-
mentas de la página. y cada uno de 'c;
succsM2s introd
res Las modificaciones Visuales del enfar,is
árantrade 'a jerarquiA
efecto gente el sentido verbal o conceptual de!
contenido LIN diseñador tiene un número ilimi•
tada de opciopes
ei peso, su ubic,v
ciOr.y sus 'nterva105a fin de modifica' la 'erarv
quia y.por de perc'bl' ta
secuencia de reticula
esta '@acion de alineaciones y
convertirla en pueda Ser
comprendido y otras personas
Anatomía de una retícula: las partes básicas de una página
Una retícula consiste en un conjunto determinado de
relaciones basadas en la alineación, que actúan como
guíasparala distribución de los elementosen todo el
formato. Cada retícula contiene las mismas partes básicas,
con independencia del grado de complejidad que alcance.
Cada parte cumple una función determinada; estas partes
pueden combinarse en función de las necesidades,o bien
omitirse de la estructura general, según la voluntad del
diseñador y dependiendo de la forma en que interprete
los requisitos de información del material.
Construir una estructura adecuada. Eltrabajo
con retículasdependede dosfasesde desarrollo.
Enla primerafase,el diseñadorseproponevalo-
rar las características informativas y los requisi-
tos de producción del contenido Éstatase es
extremadamente importante: la reticula esun
sistema cerrado una vez ha sido desarrollada y,
a la hora de construirla, el diseñador tener
en cuenta la idiosincrasia del contenida. como
por ejemplo la existenciade múltiples tipos de
informacidn, la naturaleza y la cantidad de
imágenes.Además.el diseñadordebeadelan-
tarse a problemasdediseñopotencialesque
puedansurgir durante la maquetacióndel con-
tenido dentro de la reticula, como por ejemplo,
la existencia de titulares especialmente largos,
el encuadre de Ia5imágenes o los puntos muer-
tos que surgirán cuando seagota el contenido
de una sección determinada.
Lasegundafase consisteen maquetarel mate-
rial de acuerdocon lasguíasestablecidaspor la
reticula.Esimportante comprenderque la reti-
cula, a pesar de ser una guia precisa,nunca
imponersea loselementosque secolo-
carán dentro de ella. Sutrabajo es proporcionar
una unidadglobal sin rebajarla vitalidad de la
composición,Enla mayoríade loscasos,la varie•
dad de soluciones para maquetar una página
dentro de una reticula dada es inagotable, pero
incluso entonces esaconsejable romper la retí-
cula de vez en cuando, Un diseñador no deberia
tener miedo de supropiaretícula,sinoforzarlaa
fin de ponera pruebasuslimites.una retícula
realmente bien planeada crea infinitas oportu-
nidades de investigación.
Todoslosproblemasdediseñosondistintos,
y cada uno de ellos exige una estructura reticu-
lar queseaútil parasuselementosparticulares.
Existen algunas clasesde reticula básicasy
como punto de partida, cada una de ellas es
adecuadapararesolverdeterminadosproble•
mas.EIprimer pasodel procesoradicaen consi-
derarcuálesel tipo de estructura básicaquese
adaptarámejor alas necesidades
específicas
del proyecto.
t tensión
puede r"
el en b*ndas
informat'cn;
Las
"•p.vadm
pagina
Retícula de manuscrito
Lareticula de bloque Omanuscrito es,estructu-
la sencilla que puede
exstir. Como su nombre implica. su estructura
de basees un área grande y rectangular que
mayor parte de página Su es
acoger textos largos y continuos, como en un
librQ se desa"O'Ió a partir de la tradi&ón de
manuscritos que finalmente condujo a la impre-
Siande libros. Tene una estructura principal
—elbloque de texto y los márgenes que definen
Su posición en una
cundaria, que define otros detalles esenciales:
POS'CioneSy de del foiir
explicativo. hs titulos de capitulo y la numera.
ción de las psgjnas, junto con un área para las
notas a pie de página. si es necesario
Incluso dentro de una estructura tan simple es
preciso tomar precauciones pata que la textura
de tipografia continua pueda ieese camcxja.
mente página tras págin,m Un gran volumen de
tipografia es.en esencia, una composición pa5iva
y gris. Esimportante crea' un interés visual,
comodidad y estimulación a fin de motivar de
manera constante al lector y evitar que e' se
fatigue demasiado pronto durante sesiones
prolongadas de lectura.
una de las tormas de introducir interes visual
esajustar las proporciones de los márgenes.
Dentro de una dob'e página, los márgenes inte-
riore5 tienen que ser suficientemente anchos
para que en el
medianaL Las retículas clasicas reflejan los blo-
ques de texto de las pág•nas izquierda y derecha
en torno a un medianil amplio
Algunos diseñadores utilizan una proporción
nica entre los mareenesy el peso del bloque de
texto En general. los márgenes más anchos ayu•
dan a' ojo a centrarse en el texto. y producen
una impresión de calma o estaballdàd. unos
márgenes laterales estrechos aumentan la ten-
porque está
al del formato. Aunque las reticulas de
manuscrita tradicionaies utilizan márgenes que
tienen anchuras también puede cre-
arse una estructura asimetnca en la que los
intervalos de margen sean diferentes una
estructura asimétrica añade espacio blanco en
ula de
el que descansa' 'a vista o en gue colocar
notas. Ilustraciones pequeha5 u otros eiementos
editoriales se dan con y
por lo tanto. en rea':dad exigen 'a alt.cul*-
de una verdadera rclumna para el±os
Elcuerpo de la tipografia en e' bioque de texto
e' ent'e
palabrasy e' tratamiento del
rio— tiene una enorme importancia Cors•cerar
ei cuerpo de la tipografia para e' 
caracteristicas de espacie permitiro al diseñador
interés visual al
sutil efecto de contraste con e'
material secundano Dene recordarse
ples modificaciones en e: color de la tizografia
el o IR dan
muy significativas a tora ae perchit 'a jerar-
de la este
los cambios de menor caiFÓre
suelen ser igual-
mente efectivos.
Retícula de columnas
a -"formación que esdiscontinua presenta la
de que puece en
mt;ca'ey pueden deç•en-
unas ei casa texto conido.
ser si sc trata de peque-
de o pueden
crear anchas, reticuta de
,mna muy puede utilizarse para
Por
rueden corumnas para el
corrido V de mayor tamaño.
•-ar.taque los de situarse en
esta diwosici6n separa
zaramente fr_'70 principal,
vez r.erm'te que e' establezca
cje columnas depende del cuerpo
ze del Debe encontrarse una
en quepan tantos caracteres
determinad'_v Si la
mna es estrecha, probabiemente
demas;adas pórti'_lonr.'s será
contrana, con coiumna demasiado
.m-z_i zara de deteminado. al
'e resultala m," pone,
de una o
de líneas consecutivas Estudiando los
efectos de las alteraciones en el cuerpo de letra.
el Inter'ineado y espaciado,el diseñador podrá
encontrar un ancho de ct.•lumna cómodo En una
reticula ae columna tradicional, medianil entre
tas columnas se da una medida Yy a las már•
genes vecesla medianil.estoes.
LOS
márgenesmásanchosquelos medianiles
coturnnas atraen 'a atención de; ojo
hacia la parte interior tension entre
el borde de columna y ei borde del formato.
Sinembargo. no ex;sten reglas,y losdiseñadores
tienen libertad para la proporcibn entre
y margen acuerdo con sus propios
gustos a sus Intenciones
En una de columna existe también una
estructura subordinada, Se trata de las lineas
deflujo: intewalrs verticalesque le vx•rmitenal
diseñador acomodar los cortes poco frecuentes
Aue se dan en e: testo o ItmgeneS en una
página,y que crean bandas horizontales que atra,
viesan e' formato La finea superior es una
concreta de linea de flujo setrata de la pnrnera
linea del bloque dc texto corrido. situada encima
de todas las Ésta iine,:. define la distancia
vertical desde la parte superior formato
papel.desdedonde comenzar* siempre texto
de diseño
de lascolumnas ocasiones.una linea úe flujo
práaima a' borde superiol de la pág'na indica el
dest.nado a losfolios explicativos, a la
o a las divis;ones de otrai lineas
de fluàoadicionales.'Ruadas en medic o hacia
el borde interior de la pagina, pueden estah'eter
áreas que el diseñador destine a imágenes scia.
mente." bien tipos de texto corrido
que deben aparecerjunto al texto principai. cCm10
referencias temporales. 5ubarticulOs Ocitas
Cuando se dan diversas c$ases de infamiación
que hayque tratar de manera yuxtapuesta y que
son rad'talrnente diferentes entre s;. puede optar•
se por d'señar una reticula de coiumna concreta
para cadatipo de info'maciõn, en lugar de
tar anstruir una fr?ticuia de columna para
todas ellas. La naturaieza de la jnfcw-nacién que
hay que maquetar podria exigir una reticula com-
puesta de dos y una segunda reticula
de tres columnas. ambas con 'os mismos márge-
nes En este tipo de reticula de
puesta, la central de la reticula de tres
columnas cabalga sotue el mediani' que queda
entre las to'umnas de la reticula de dos colum-
mas,una reticuia de columnas compuesta se
puede componer con fos. tres. Dmás reticulas.
cada una de ellas vara un contenido concreto
Retícula modular
Losproyectos de gran complejidad requieren
aedo grado de control que va mas del que
ofreceria una retitula de columnas en esta
sítuacidn, la eleccidn más eficaz ser una
Una
en esencia, una reticu'a de columnas con un
gran número de lineas de flujo horizontales que
subdividen las columnas en fifas. creando una
de celdas que se denominan modulos.
Cada módulo define una pequeña porcien de
espacio informativa
definen áreas "amadas zonas a 'as
que pueden asignárseles funciones especificas.
grado de control arpende
del tamaño de los modulas. Los módulos peque-
hos proporcionan mayor flexibilidad y precisión,
pero el de subdiwsiones puede resultar
confuso o redundante.
Las proporciones de los módulos pueden deter-
minarse de muchas formas A veces. ejem-
PIO,
el módulo pue'e tener la anchura y la
longitud de un párrafo med'0 de texto principal.
en un cuerpo de letra determinado los rn&dulos
pueden ser ce proparcibn vertical u horizontal.
y esta decisión puede estar vinculada al tipo de
imágenes que sevayan a organizar. o bien al
tona general que e' diseñador más
adecuado, proporcione; de IOS
deben considerarse de marera simultanea a las
de los módulos y los medianiles que los separarl
Las reticulas mcudu'ares se utilizan sobie todo
para coordinar los sistemas extensivos de publi-
cación. Si el diseñador tiene la oportunidad de
considerar toaos (u la mayo';a de) los matenates
que se quieren presentar por medio de un siste•
ma determinado, farrnMas
se en una extensión del módulo. o viceversa.
Regulando las proporciones de los formatos y
del módulo varios
InterreEacionar tos formatos implica
que puedan utiàzarse juntos de un modo armó-
probable que puedan
imprimirse al mesmo tiempo y. por consiguiente.
un mucho
una reticula modular también resulta adecuada
para el diseño de información tabulada. como
cuadros. formulanos. programaciones o sistemas
de navegacióm Larepeticiôr rigurosa del módu-
lo ayuda a estandanzar el espacic de 'as
o los formularios. y también puede contribuir a
an de
de foto i' cn
p tacón de de
para libro
integranos en la estructura del texto y las
imágenes que los rodean
Aparte de sus usos prácticos. la reticula madu'ar
ha desarrollado 'masen concep-
tual. que aigunos d.sehad•res encuentran
tiv¿m Entre Eas decadas los cincuenta v ios
ochenta, la reticula se a un
orden politico O idea
encuentra su origen en e: pensam'ent•a raciona-
lista de la ei estila
suizo, que ceiebran 'a y e' ordem
la reduccidr de elementos hasta llegar a esen•
diseñadores que suscriben estos Ideales veces
uti!izan reticulas modulares para este
de
tacibn superpuesta a elemento de
requisitos de información sencilics ttymatos
simples pueden estructura'se con
de esemodo se lesconfiere un sign;f.•
cado adicional de orden, v
o bien una apariencia urbana, o
tecnológica
Retícula jerárquica
veces, y visuales
teticuia extraha que
Estas
están mas
de alineaciones
wnculadas Ce los elementos.
las
entre t•enóen a presentar vanaciDnes
EI una reticula Jerarquita empieza
anai'üi: la que pmvoCan
(os Si se prc5ta aten-
e iOS cambios
de en la página.
se pueda
•.;rse a nvEhas
element3s dispa,
os en un formato
senara, corno un cartel Una reticula jerárquitR
también puede paraunificar loslados
de determinados 'Jien para crear
nuevas disposiciones visuales si éstos Se mues-
en grupos.
Laspáginasweb constituyenejemplosde reticu•
lasJerárquicas Durante 'a de
úesarrallo de 'nternet. muchas de las variables
quesedan Cn composiciônde psginasweb
no pudieron fija«se debido a ayustesde los
navegadores que 'os usuarias Incluso
en 'a actualidad. con el para estab;ecer
m"genes fijos. el contenido dinámico de gran
mapo» de páginasweb,y la ov,ibilidad de
alterar de la ventara del
exigen flexibdidad de y longitud
que hace imposib@cualquie' clase de reticula
estricta. aunque sea necesaric que se
estandaricen las 3Gneacionrs y 'as diversas
áreas donde se va a mostrar la informac•álb
Éstetipo de retícula. tanto si seutiliza vara
construir libros corno s. seusa para diseñar
carteles o páginas web. constituye una aproxi-
mación casi orgánica a 'a manera en que se
ordenan 'a infarmatiómy los elementas que
'a aun *Si. también todas las
partes a/ espacio t•põgrSfitO de una forma arqui•
tectónica.
Variación y violación
Las secuencias en las maquetas reticulares
Una funciona de verdad Socamente
tras haberse resuetto todos los demSs proble-
mas literales. el diseñado' se eleva sobre 'a uni-
fonnidad que implica su estructura reticular y la
utiliza para crear ana narrativa visual dinámica
compuesta de partes que mantendr.hn el interés
mayor que
el usa de reticulaS essucumbir a su regularidad.
Es importante recordar que la reticula es una
guia invisibie que existe en el -nivel más profun-
do" de maqueta; ei contenido está en un nivel
menos profundo, que a veceses restringida y
atras veces. en cambio. tiene libe'tad de movi-
miento No son tas reticulas las que hacen
aburrido el diseño, Sino iOS diseñadores
en zonas
q d '-l mena
Una vez que se ha puesto en su lugar la reticula.
es conveniente ordenar todo contenido del
proyecto.doble página por página. para
ver qué en cada una de ellas un story
board de miniatura5 para cadadoble página dei
proyecto (o para cada de una animacion o
para cada página web} puede resulta' muy útil
para formarse una irnpyesier de qué lugar ocu-
pan determinado; contenidos, para determinar
qué panes del contenido o de las imágenes
necesitan desarrollarse másy para comprnhar
qué aspecto tendrá cada fable página en rela-
cián con tas demás De este modo. el diseñador
puede poner a prueba variaciones de maquet.w
cibn en la reocula y el resutado en lo que se
refiere al ritmo de las maquetas. ¿Puede existir
una Vógicavisual en el mado que tienen las ele-
mentes de interactuar con la reticula pagina tras
página? PC"ejemplo, Ors eiementoS *áficos
cambian de posicidn de una p3gina a otra?
Laoscuridad o la claridad globa' de cada página,
de de farma ritmi-
Quizás se produzca un cambio graóual y se
pasede disposiciones de página más simples a
complejas, o bien una
alternancia de densidad dinámica, escalonada.
a lo largo de las páginas
Al crear una lógica «tmica c secuencial para 'as
dobles páginas. en Eoque serefiere a iaforma
en que se relacionan can la retícula. cada doble
página puede tene una presentac'àn visual
propia fanoonar como de
un todo_ Las partes presentan una unidad que
emana de la reticula que subyace a enaç
4
aiüiiiilili'ililiiilili
iiiiiiiiiiiiiiiiiiitili
iiiiiiiiiiiiiiiiiiiiiii
iñiiiiiiiiiiiiiiiiiiii
'liiitili"liiiiiiiliii
iiiiiiiiiiiiiiiiiiiiiii
iiiiiiiiiiiiiiiiiiiiiii
iiiiiiiiiiiiiii'ili'it•
iiiiiñliiiiiiiiiiiiiii
'"l'l'l"ilililiiiaili
iiiiiiiiiiiiiiiliii'w•
Clave para la notación de los ejemplos
[I diagrama que puede versea continua-
una doble
de! libro dedicada los '-as indi-
aciones que seincluyer junto a cada una
de estos qcmplos presentan
dates que sirven como referencia rápidm
También seseñala can que otras obras
recoE'da=.en este libra puede compararse
cada ejemplo. tanto si éstas sebasar, en
e5tructuras reticulares coma si no (véase
tarnbién "Diseñar la reticula. Ejemplos",
pi' 1281Con estas sequiere
invitar al lecto! a sc propia an*isiç
En ocasiones. relac•ón enfie los ejemplos
que se compwan es abiertamente esTuc-
en algunos casos.secomparan ejemplos
con caracteristicas opuestas
detejemplo Créditos del
Ma cado' de
del
Diagramaestrv:tural _
Comparaeión de ejemplos
Diseños basados en la retícula
Reticulade
(gl
?bal)
, e manuscrito
—Cil•it
retlcula
$c21:nf
s
Poundauon
Estepequri'O libro pausada austeró
de los arquitectos y artistas a quienes
Pulitzer Foundation encargó la de su
nueva espacio de exposición y museo: e'
texto minimalista japones TadaoAndo. el
tor estadounidense Serra y el pintor tamv
bien estadounidense Ellsworth Kelly E' libro se
estructura a partir de ura de n:anuscritá
que tiene una margenes
y supeno' son muy anchos. que
zaa' bloque de a desplazarse hacia la parte
inferior dereüha, F' de solidez arquitecto,
que gene'an estas proporciones sematiza
mediante ei carácter serena y abierto del mar-
gen una linea Superior constante para tegto
co•riÓo y una segunda Enea superior
mucho más *'riba en el caso del explica.
tiw— dan tugar una tranquila y
sencilla que evoca la claridad y pureza de
arquitectura real descrita en e' texto
Losfolios reflejados se inc"nan hacia ia asimetria
mediante el uso de flictes que hacen rete,
renci.l a •a*Ometrva dei edif,oo y de 'as pinturas
que en Su ¿ntevovLas•rnágenes.selecciCF
nadas por su sencillezy sucaracter abstracto.
se muestran solo dos postiles: san•
gradas cuatro 'ados,o
centradas en una ventana proporción vie-
ne definida pov el ángulo que marca el bloque
de texto de la ritmo se va marcando
mediante elegnr,te naternancia¿e los forma.
tos dc imagen y negros o b'ancos
netas y los pianas de p'anta seacomodan en
ura t'es dominada por
larga I.nea superior de la reticula de manuscrito.
'Retícula de columnas
de ejemplos
02
26
22
05
28
23
08
33
30
36
31
Che &
1.1Purpose the
Facilities the
Buildings Service
una reticula muy básica de dos columnas
organiza manual En su condiciàn de docu•
menta que debe servir para diversas oficinas
de la OSA C,enegal SeA'ites Administ'dtion O
Administracion de SefwcaosGenerales}y de la
promociõn de const'uccibn publica. Su sencillez
favorece la continuidad de la presentac'ón y
gyuda a lectores a accedera la información
fácilmente columnas dividen ciararnentc las
pasmas por la mitad, Losmargenes son
mcntC regulares: los márgenes interiores son un
mas anchos a fin de compensar la encua-
39
dernac;ón. realizada con espiral metálica de ani•
lias, Mientras que elementos lineales marcan
los márgenesa iargode tDd3la guia,la reticu-
la completa sevuelve visableer•, páginas que
recogen los contenidos de cada seccion,en una
clara evvcaciÔn de las copias de planos emplea-
das en arquitectura Lasfo;ios de aba'-
can las das cotumnas. a pie de pagina.yno
era,
su parte danto preferencia a otros
elementos de mayor importancia en la jerar
qaia: las tifu(os de sección,los subtitules
y la información en esquenl±
Loscuadros y las tablas se integran ton faci'i-
dad en la retxuia.y ofrecen cierto geadode
variación dentro de la sencilla maquetación
de las paginas Laspestañas de portadillas
utilizan marzo de los de la reticula
como elemento deco'ativo. en contraste con
'os rúmeos y ios titulas. de un coerpo muy
vande,
03
Retícula modular
de ejemplos
06 07 09
vivacity Still celebrating the new
diversecity
EI diseño de esta memoria anual utiliza una reti-
cula directa. de gran tamaño. Cetres de
par tres de anchura, dentro de un formato
cuadrado. Eietecto esde una agradabie senci-
liez. pero permite a los diseñadores dar unidad a
la variedad de obras de fotografiay ac-.ivi•
dades que deben mostrarse por encargo del
cliente, una organización fiiant'6pica det ámbito
de' arte.
ARI
capacity
' rasimagenes iOSmódulos de
_z en combinaciones que alternan
•a y tres anchuras de modulo para conse-
animado ritmo de y
—ces ccr: 'a anchura de una fila, a veces
• en oz:asiones Ce tres Q05 módulos están
entre Sipor medianil gene'oso.
ei carácter del diseño y
Laatención hacia lasformasque
Why Not
las textos y imágenes, Lascitas. en un
mayo'. el texto corndo. los listados de
info'macjen y los datos financieras seadaptan.
todos ellos. a la 'eticul,v Parasuavizar ta regula-
ridad e interactuar visualmente con La
tura modular de 'as páginas.se han encuadrado
las amágenesde forma radical y se han utitizado
elementos compositivos dentro de fatogta-
fias escogidas
Retícula jerárquica
Gna sencilla reticula jerárquica organiza los
contenidos de pagina web de este estudia de
marketingy también sus trabajos Lasproporcio-
"es de 'ada una de áreasdentro de la p*gina
atresçonden la función que desempeñan en
presentación del contenido, divisiones
horizontales impuartantes.por ejemplo,
separan un área grande destinada al texto y las
Ningur,a de las áreasde contenido
tiene une prap•orciõn'gua' 'a de las demas.
sus dimensiones horizontales. verticales y
modulares respectivas mantienen una especie
de sosegadatensión entre si.
Laslineas de división de la reticula se han dejado
a ta vista, y creandc un sutil 'enguaje visual
para forma en presentan IOS
menús de navegación y la imagen corporativa
del estudio.
EI formato cuadrado del marco de contenido
principi puede acoger los diversos formatos de
trabalos por el estudio de diseño.
desde folletos alargados hasta logotipos indivi•
duales Lalinea separa el contenido
principal —enel que se muestran 'os proyectos
del estudio de diseño- de las áreas de navega•
c'ón. la presencia coworativa del estudio y la5
ampliaciones de detalles de los trabajos
Retícula de columnas
comparación de ejemplas
02 08 11
Van
Estamemoria anual para un banco privado de
'os PaisesBajosestá organizada en torno a una
elegante retiru'a de que Integra
manera impecabie el texto corrido. las tablas
y 105datos financieros.
EIbloque de texto está dividido en cuatro
columnas básicasde 40 mm cada una, y estar».
a vez.en la mitad. que es la anchura de la
cifra numérica más Iatga de cualquiera de
lastablas. Un conjunto de atineaciones separa-
das entre si por mm en barde bloque
principal de texto proporciona un marco consis,
tente para el texto y los datos financieros LOS
subtitulos o las notas sobresalen ligeramente
para alinearse con el número de página que
esta en la parte
La linea su;Yrior del cuerpo de texto crea un
espacio entre el folio explicativo yel contenido
de las tablas Las columnas de números se dife-
rencian entre s' medran!e espatic blancc o tin-
tas de fondo. y los datos numéricos para el
2000 son IOS más destacadcy;
tapa dura está estampada en seco con ei bla-
son familiar del banca,haciendo un guiño sobre
lo reservado de Su interior. pero está envuelta en
un cartel de colores plegadc que muestra las
cifras más destacadas det interior La vivaz tom-
posición Ofreceun contraste atractivo con la
sobriedad del interior Su borde superior, más
corto que la cubierta y que tanto deja ve' el
logotipo del banco.estáa la rnismaaltura que
'a linea superior de texto en el interior de la
memoria,
6
9
06
'ÑRetícula modular
comparación de ejemplos
AG
03
24
34
02
07
25
35
03
10
27
38
06
13
29
Ausstellung
plakate
Willisau
Rathaus
23. Juni- 1. Juli
Estosdos carteles ponen de manifiesto la versa-
tilidad inherente a una reticula modular, Fn cada
uno de ellos. e' tamaño de los módulos está
relacionado con el contenido del cartel,
cartel de Año Nuevo realizado para un impre-
sor de serigrafia utiliza una reticula modu'a'
ajustada como basepara Su interpretactón calo-
rista de2 anual_ Los módulos repre•
sentan los dias de' año, oreanizadcs en doce
columnas de treinta y una Lada una de
ellas, A cada dia de la semana se ha asignado
un colcr distinto La repetición matemática •rre•
gula' de los dias.en contraste car. la uniformi-
dad del principia de cada mes. crea una trama
de aspecto aleatono qae evocaal mismo "empo
la matriz c.:clica del y una lluvia de
EIcartel de la exposición utiliza un módulo
t:
mucha más grande como base para su composi-
Las que e' titufo de ia
exposición se han colocado cn una retícula que
tiene proporción de Sy está compuesta
por modules. proporcionados verticaimente.
calxadas a sangre hasta los bordes del formato
del no hay márgenes_ Los sucesivos cam-
posde blanco y negro crean fondos para las
letras individuales.
EIdiseñador ha "engañado" a la reticula un
poco par* asegura.' la legibilidad de las letras.
desplazandolas hacia arriba o hacia lados
para que sus formas sean visibles. perc aun asi
la "Itegridad de ret•rula permanece,
superposiciones y yuxtaposiciones vibrantes
de áreas blancas y negras aportan una ligera
a la regu;aridad de la estructilra sub•
yacente Laglan escala del titulo deja paso a
una columna más centrada en que aparecen
los datos reiativos a fecha y 'a horà de la
en ia última co'umna de la derecha.
07
Retícula modul ar
..con articulaciones
ompuestas
comparación de
20 24 25 27
I llic_
En una insólita desviación de reticulas modulares normales.
en las que e' mismo mCKiuiorige todas las páginas con inde-
pendencia de la información que se presente en cada una de
ellas.esta memoria de pequeño formato utiliza tres arti-
colaciones independientes de una retitula modular, cada una
de con Su pvopia proporcion modular, basada en la prcE
pcución de «nódulossubyacentes. Lasreticulas individua*es
están adaptadas a secciones o a clasesde maquetación especi-
ficas_A lo largo de vanas secciones,la alternancia de reticuiag
individuales serepite, aportando una cadencia agradable a las
dobles páginas.
una 'etícula modular de 6 x 8 en las páginas de 'a fquierda a
largo de la pernera secciõn muestra E; entorno empresaria'.
y estructura un párrafo de testo que aparece en la parte infe-
Losmárgenes superior y laterales vienen definidos por la
anchura del mbdulo; el margen inferior tiene una altura de
mecho módulo,
La página derecha utiliza. en cambio. reticula modular de
base La reticula es porque aparece superpuesta a la
Este rasgo parece decorativc en un primer momerv
ta, pero la reticula seutiliza ma organizar información temáti-
ca como si fuese un rompecabezas.asi como la información
que aparece en la parte interior, por to que en realidad setrata
de una caracte'i5tica esüuctural. El máduio pequeño.
a diferencia de las imágenes en primer plano.comunica una
mayorprofundidad aeenfoque.pasandodel entcrno a la
sana y de ahi a función de cada puesto de trabajo textos
corporativasy las comentariosa gestión utilizan la primera
estructura reticular
Otro tamaño de módulo distinto define la retitula para
sección que contiene información financiera. separada de
la seccióndedicada a conceptos mediante la utilización de un
papel cuya color contrasta con el p'imeru
08
Retícula de columnas
modificada
de ejemplos
26 28 33
rortv
Estapublicacidntrimestral quepromocionael catálogode unaeditorial
está diseñada a partir de una clase paco frecuente de retitula. que tiene
unas dnnensnnes verticales de dog lineas de flujo distintas,
ambasen 'a parte de cadaunade taspaginasque
conforman una pagina mr_'estfÀ
un libro.Lalineacentralvertical
de pagiEã utiliza como punto de orientación canstante para presen-
ta' informacion sobre la pubiicaciàn. que está izquierda
a partir de dichaEnea.yquecuelgade la primera de laslineasde flujo.
E;espacio quedaentre informaciónsobree' y ea del
texto descriptivo define banda hcv;zontal estrecha. EItexto descripti-
cuelga de la segunda de flu'c, que asmismc: I:'
del número de en de esta banda
horizontal estrecha. cl titulo del -compuesto en una versión de
y vaso' mayor que ia misma sir, remate que se
emplea para el texto esta colocado arriba partir de
linea de eujo_ por s. ello es Las nt.merosas divisiones
permiten a su ve: e' diseñador dote Ge ritmo y rnov,merto
al texto desplazando arriba y abajo la aiineacion del parrafa En ocasiones
'mite acomodar formato de cubierta de! libro
este desplazamiento pe
que se muestra. y atras veces constituye una respuesta dptica a la dirô•
de demás eiemer,tos que en la pagina justi-
ticacinn a la ¿caba a;rneándose con la
que cuelga de la parte superior. a fin de dar resoluctôn
la página.
09
Retícula modular
WWW.track9sttKiios.COm
03
10
19
27
06
13
22
29
07
16
24
30
09
17
25
31
Sta fe
sound forthedi'•erse
need5
ind"5try
atliU>peJ1
Un uso sencillo pero inteligente de una reticula de gran tamaño permite
crear un toleto Lon una imagen impactante. EIformato cuadrado del folleto
plegado se convierte en el mtKiu40que rige la disposicior de las fotografias y
la información. a medida que se eitiende zuando e! folleto se va desdoblan-
do Cadavez que sedespliega una parte. descubren nuevos componentes
del mensaje global. Estasencilla secuenciadeja el mensaje Cuando
folleto se despi:ega por completo. pequeño cartel con módulos de colores
planos y fotografias encuadradas vmmanece como mensaje de marca
senciRo.
10
Retícula modular
proprcional
iiiiiiii
de ejemplos
03
13
22
31
06
16
23
35
07
17
24
19
25
A partir de un logotipo cuadrado {que hacerefe-
renciaa algunos detalles arquitectónicos impa•-
tantesl. este kit dc datos y textos utiliza una reticu-
modular para presentarinformacion sobrecinco
entidades distintas dedicadas l.' educación y la
investigación.todas ellascon el nombre de CetW
EImódulo cuadrado deriva siempre de una
medida que es ur cuarto de la anchura de un
formato dado, y ayuda a dividir y unificar. tanto
formal como conceptualmente. lasdiferentes
clases de Imagenes en competenc;a —pintura,
escultura, caligrafia, arquitectura— a lo largo
de numerosos formatos
The
Getty
Museum
Estaunificación esposible gracias a que el
encuadre cuadrado de cada ;magen neutraliza
(hasta cierto punto) su caracte individual'
asi. el cerebro interpreta que las imágenes están
relacionadas entre si vwrque están dentro de
cuadrados.Ademâs,ello contribuye a 'emarcar
ia re'ación de estas imágenes con la misma
marta; aetty: es decir. que se convierten en
muchas cosas diferentes que la institución
reúne pata la investigación y la expos•cién_
cuadrados constituyen un recurso visual
senci]o puede combinarse en forma de
zonas espac;aleso presentarse secuenciasde
para crearefectos L.neticos.cuando se
van pasandolaspag-naso seabren folletos
plegadosq fotleto sepliegalimpiamente en
mitadesparapasara tenet un formato
pequeño. que afectea lasimágenes,
ya el pliegue coincide con una de las lineas
de ta retícula.
The Getty is
Retícula de columnas
comparacióndeejemplos
14
04
10
18
05
13
22
15
26
16
una vtgcrosa de tres columnas. las pro
de cuyos margenesy medianiles entre
columnas se han Estudiado cuidadosamente. faci-
"ta la comprcr.sicn de la compleja informac:óm
qut•contiene volumen. EIbloque de
teno en tres cefurnras cuelga de un mareen más
estrecho en la parte Superior {sta reduce etecta
3-pticode "gravedad"y ayuda lectcw digefrr
¿ontranqui'idad el numero de tablas,diagra-
masy párrafosde texta subtitulados que confor-
ma el cuerpo delCacumer,to Lainformación se
mantiene integrada, zlaramente identifica-
Se. cuidadosa atención que se ha
yestado a 'os cuerposde latpoyafia, el interle
nee„doylas relacionesentre los margenes,
La mayoría de páginas está dividida en tres
zonas Giferenciadas: tuna banda superior.
definida por dos lineas de flujo, destaca el
número y ei titulo del apituto. asi como
el núrnem de página; las doscolumnas
se utilizan como una única columna
ancha para ¿ostestos de presentación y ei
comdo;y la columna externa se reservapara
diagramas, tablas y mapas.
la gran variedad de información provoca
un cambio constante en la maquetaciôn de
las pá*nas. a pesar de que la ret'cula sea
tan regl_iar.
4 'ntErna•.lonal Financial
pestañas dividen las secciones se atienen a su propia reticula_
y Ir,formacion forma consistente tanto en lo
se refiere a su Lihir_aciôn como al estilo. variación se introduce
—edaantecambios de imagen y
12
Retícula de columnas
compuesta y jerárquica
compavacldn de
02
22
33
04
26
36
05
28
37
08
31
Lostitularescodificados.
losdibujosplumay laactividad
empresarial
enmascarada
aportan misterio esta memoriaanual paraGartne',
consultoría
tecndóg•ca
quetraàajaparaempresas
punter•senel campo
de latecnologixEicarácter
reservado
de relachnes empresa
con
susclientes,
"I quesealudeLonlaausteridad
delas y los
documentos
"censurados",
5eenfatizagracias
a'empiecde rigurosa
'eticuladecolumnas
compuesta. estructuras
de páginade
dosy cuatrocolumnas
sealternanparaalbergar
tex'ossobreconceptos,
ilustraciones
er,mediode ungranespacio
blanco.
complejas
tablase
información financiera
loto dos columnas reflejadas crean un pro-
fundo parael margen y aproximanlosbordosde
-
.aq a' de' afeahiendo tensión '.anjunto
En atras dotóes se inten:amhian proporaones de '05
ev.dfflte que disehadnr varie
estructura pueda ana definitiva .mp'e•
Sio
n ae incertidumbre quecontribuye comunicarel contenido
sencillopárrafode queseutiliza loscasosde estudio
define la una "5tar visiblemente destaca-
% en amarillo. diterencis de ilustraciár, lineal ficta.
nquietante. el de cuatro columnas
R 'os lis•.ad$sde informacion,ya la vez
*'milen agrupa: lastablasy iosdatosfinancieros
GARTNER
ScRT WPN
Arth u '
Esta exposiciôn itinerante sobre la de un
premia Nobel. ae equilibrar
el rigor de reticula de
cuadrados unos paneles grac'osamente
vos y de colcres_ Se trata de una
reticula ampl*ada. sin intersticios entre
los mocalos testo y imágenes que tienen
queVer broetàfiade Arthur Kcrrhers
e-stàndispuestos acuerdo a la reticula; entre•
lazándose. ;nte'calando e' énfasis y
desplazanaose.„y también se d'5-
en modulos individuales. pe'Osiempre
ateniendose reticula.
La reticlÀa modu'af_ en concreto. permete que un
gran numero de imagene; recortadas Seinte-
pulcramente tener que recurrir a ios
efectosdetransparenciaOmontaje.que posibie,
mente no tendrían calidad de reyoduccion
suficiente a escala de 'ns paneles úe exposi-
Aigunoselementostienen altura de
una anchura de tres. m•entras que
ctrcs ocupan cuadrados de dos de
Lasinteligerte5 desplazamientos en alinea,
y a colores planos y que
contrasta con los de dan fugar a
una sucesión de imagenes y va*ahra5suavey sin
fisuras desdeei púrnero hasta ei ultimo
univ
ersit
y Of
Roch
ester
rk Uni
fHea
c
Reticula de columnas
' modificada
12
28 33
10 .
22
22
36
13
23
26
37
15
24
Dé techni
van de, •
UNA
Designe"
"GO publica anualmente Lin para promocionar las actividades de
Sus miemtoos y destacar labor ae 'os artistas en edi-
c'ón de Igqs trata sorne la tecnica de 'a ilustración edito"al ho'andess en
el siglo Para p'"entacldn óptima de 'as diversas técnicas,
utilit pig.nas desplegaõ*es.Inserciones y troqueles, asi como una
amplia papeles distintow E'tuto y las imágenes están colocados
en una macular intrincada, compuesta coiumnasy ron
diez verticales. Cada uno de Ics médulas está en dcs
verticalmente' 'as lineas de basede' testo, derA3e
la parte superior
de página. pueden actuar como lineas superiores en caso recesano
Esta reticula está para acoger formatos de ilustracion habi-
tuates, no estanda'izados, pueden colocarse donde convenga siempre
que esten con ret;cula; estos PL.'E-den
flota' Vas la colum-
na dome de te•xtc,corrido o bien Interferir en ella y.en muchas cKasiones.
abalgar también sobre el margen Interior.
EI punto de partida pa'a 'as pies de foto es un
margen exterior secundano se refleja de las
paginas izquierdas a uaS
derechas. pies están
Lom,puestos con un cuerpo de y un ancho
de columna menores, que se
la columna de una unica anchura definida por
el modula
Los.nsertos,de diferentes y tipos de
papel. nc•necesariamente se Sjustan la reticula,
gta inesperada 'uptuva se ap'ica en ocasiones a tas
ilustraciones que estan en las del
texto principal LaIMeracciOnentre estas Imágenes
y ins insertes realesen tres dimensio•
nes origina una dimens.onalidad muy rica
15
Retícula de manuscrito
modificada
comparación de
01
31
05
13
36
12
27
37
21
30
E' formato cuadrado para memoria de
esta 'os servicios finareeros.
se cont%jponea la naturaleza modu'ar de los
cuad'ad0% utilizando una reticula senega de
manuscnta 'r,Árgenes anchos. que a veces se
usan para notas o dest3C3dD5, [os diseñadores
han ab$ertO
lograr imponante propósito: cada uno de los
Sos lados preser,t3 misma información_ de ta
Izquierda en alemán y el de la derecha en Inglés,
la mayor parte del está dedicada a comen-
desde el punto de vista de ta gestión, cuestio-
nesfinarc•eras e iniciativas emp'esaria;e5 Pera
divisiones entre capitu105,«Inceptualesy de
vivos, reflejan '"tetacoón de 'os clientes
con la emprer„ay actúan como declaraciones de
ademâ5 de corno pausas. que de
agradece'. entre los capítulos de cifras y
•.exto cc•m30sic10nes
fotográficas surreaw•s.
de ambiguas y no presentar figur.;s
pavear, rcfie:ar una
son en la 'ntimi'_lall
Gmb
En la cubierta. dentro de una funda, seincluye una serie de
declaracones financieras p'egaúas en forma de cuadrado. Cada
una de ellas tiene dos caras. y muestra la misr-na información en
aiemán c el fin de proporciona' una breve reseña del
amplejo materia' que contiene tripa de ia memoria,
16
Reticula modular
03
10
29
06
13
30
07
17
35
09
37
VIBRATO
We he!p companies become
more vaiuab/e bv creating
vibrant brand mames for global
services.
Wh.n
'he are
vital to
you can compete.
Este sitio web está argarvzado a partir de una estructura modular senciil,m
Losmódulos énfasis horizonta', que evoca la oner,tacibn del
paisaje de la ventara del navegado', y están organi:adns cn
columnas caatra La fil* superior. generalmente. está vacia.y su
funcién es acoger e' mensa,e de marca y a Javez estahlecer una separa-
cibn entre el conteni[io dc página y los menús navegador En la
segunda fi'a. los dos primeros módulos empezando por la izquierda se
reservan para la navegaciôr, generaL Un d'screto cambio de color indica
qué menú seha selecceonado.
asi cama sa ubicación dentro sitia web
La escogida sedestaca en las dos columnas centrales y
aparece más informacidn sup:ementaria en un modulo destacado.
ya sea a izquierda l.' Los'ínks de la f.Vacentral sirven para
accedera información más específica,que aparece en lasfilas inferiores
y que a veces semuestra er, forma de columnas y a veces en forma de
módulos individualew
Stu
n•mi
VIBRATO
VIBRATO
VIBRATO
VIBRATO
17
eticula modular
03
10
20
27
34
02
31
06
13
22
29
35
06
35
07
16
24
30
38
10
del formato
09
19
25
31
12
Enesta papelería. rigurosamente disciplinada.
que se ha diseñado para una multinacional
dedicada a la fabricación de indumentaria. una
estricta 'eticula modular contribuye a coordinar
los documentas de comunicacidn intema de la
empresa, que Se en tres continentes
distintos EImodula que pone orden en 'as
estructuras dc las documentos esel logotipo
mismo de la empresm La proporción del
cuadrado rojo cambia en cadaformato, su
tamaño en un formato concreto determina la
de el tipográfico que
dicho formato contendrá Al establecer en todos
las elementos de de
columnas especificas y relacionadas entre si.
la reticula rncxiular ayuda a ordenar un gran
número de direcciones y unos formularios como
plejos. con el objetivo de conseguir una imagen
de marca coherente y reconocible,
Retícula de columnas
N
i iiiiiiiil
02
26
23
05
28
24
33
30
11
36
31
Temple
una reticula de seis columnas proporcionó 'a
variedad necesariapara abarcar la gran diversi-
d" deartilugios, descripciones
y listadosque
debta este libro de tapa dura sobre
museosy las bibnotet.asde filadelfia y el
Oelaware Valley
Para'asensayosy Gas
imágenesquelos "ustran
en la primeraparte de: libro, seg columnas
se utilizan como si fuesen texto corneo
cuelgade unaUr.icalineadeflujo situada
de la parte supe' de la pagina yempieza y
acaba un párrafocompletu Cadaunade las
doblespáginas informaciónindepen-
diente; solamente se muestran en ella
genesquehacenreferenciaa' texto Laenorme
flexibilidad inherente la retícula de columna
permite a diseñadoresvariarde maqueta,
cián paraubicaraqueEosartefactosde formas
pocacomunes. la línegsuperúyy lasdife-
renteslongitudesdel texto dan un aspectouni-
fizado a la información.
Lospiesde foto ocupar una únicacolumna
y pueden situarse muy próximos ta
imagenque identifican; de la reticu-
la de seiscolumnas asegura siempre puedan
alinearse ella, independencia del lugar en
el que tengan que situarse
En el listado de instituciones que compone la
segundaparte importante del esta estruc-
tura de texto aún la referencaa de
cada institución. con independencia de Sugrado
de implicación, sedetecta 3 'impie vistm En esta
parte los ples de foto una columna sen-
cilla entre dos columnas de texto de anchura
doble, Cadaanchura seadapta al de letra
respectivoy a 'a quedesempeñala
información que contiene
19
Retícula modular
comparación ejempi05
03
09
25
35
02
21
04
17
27
38
03
26
06
13
22
29
06
31
07
13
24
30
08
En este cartel. las esculturas tridimensionales de 'as letras que componen
la firma del diseñador Igarashi '*upan una reticu'a modular
Lareticula se utiliza para disponer diversa información -tuga', fecha. hora
y patrocinador de' y resultR una manera adecuada de agrupar
docenas de fotografias de las letras esculpidas Mediante el cuidadoso
emplazamiento de 135imágenes individuales, secrea un ritmo óptico
dentro de lasfilasy columnasdefutog'afias cuadradas.
casicomosi
se tratase del storyboard de una secuencia de cine.
los modulos de blanco transparente seseparan del fondo para atraer
la atención hacia la información. y su disp3siciOnasimétrica intensifica la
impresión de movimiento.
uaaua
Takenobu
Igarashi
anaan
aun n
nae
20
Retícula
compuesta
modular y
jerárquica britannico.c"tn
britannicaA
elf
ociecy
'Itx
Any—
03
22
27
02
19
04
23
30
04
14
21
06
24
32
05
16
22
07
25
34
06
18
26
Los usuarios que visitan el smo web de Books of
Hope.ana subsección de arittar.icxcam, pueden
interactuar car, algunos de 105pensadores más
de tado el PArtltipar en 'feha-
tes,acceder a biografiasy recorrer una amplia ga•e-
de imágenes. reticu:a da
a las diferentes áreas incorpora una serie de
herramientas interactivas desarrolladas especifica-
mente para este Sitio web. tronotógicos.
galenas y un toro en el que los usuarias pueden
opinar sobre Eos
ensayos de '05 autores que han
colaborada
A Call to G»mpusiOn
Vtstons
Contributors Page
Biography
foru•n
Timeline
Contributoes Challenge
Retícula de
manuscrito
modificada
de
A' tedge
Gordon
Sank
una reticcla coneje centraly laspàg•nast'ans-
parente
s definiciónrmtizadaa la
que se ha utiiizada
para VibropromocionaL Losmárgenes late,
relativamente anchas. y e' margen supe-
rior, establecen bloque
de tegto 'a parte inferior de la
espacia para el texto
dentro de un Formato pequeño un ene:eito
horizor,te las pagmasfotográfi-
cas
. quecantuenenuna lineade
con los bloques de texto justificado con un eje
vertical
EIpapel vegetal transparente está jmp'eso en
hojas sondosvecesmásanchasque las
normales pala que ouedan
doblarsey encuadernarse
de modo queel plie•
quede hacia exterior. Lospárrafos de
tuto impresos en amt•os lados dei papel vegeta'
pregadoson visibles:unashneasdefiuio tiaras
establecen zopas para estas de texto.
de modo queno sesupemongan;y.efectiva-
menie. ro se estofban en absoluto
en primer Olanoy e' del fonda senan
compues-.?
reçurnende desplaza-
de alineacion en relación con las imá
genes aparecen en las páginas
antenor y siguientcr sensacióndecontinuidad
entre el teen y 1,4'.imágenes. que contrastan
entre o biarcoy negro. producto y
figu:a humana, humanay pasaje).
se gracás a consstenciay simpii•
Cidac de esta reticular
22
Retículas modulares y de
columnas proporcionalmente
integradas
menibersh
r_cvr.paraeon de ejemplos
02
19
30
13
31
03
24
31
15
36
06
26
33
07
-27
37
art community
culture history
film exhibitions
classes theater
Jersey City
mus eum
jersey City
muse um
350 Mmrgorça•ry NJ
Anne
City Mu «
ew Works for
Ne Museum
• review
Ben Shahn
and the Passion of Sacco and Vanzetti
sept. 13 - Dec. 31
O Fleet
Highlights
from the
Permanent
Collection
2001-2002
En este mate'ial corporàtivo para una institución
sistema de reticuià5 y elementos de
$seño modular unifica efernentos
nacian y proporciona f'e./;bllidad para nuevas
ankcaciores Todos materiales utilizan una
de las
aes del fcvma•.o.y no conjunto de
L-•anespredetermir,ato, romo suefe suceder
Os programas de identidad corporativa a gran
a veces se dos columnas. a veces
: "tro En todos casos. conjunta
f:uj,' e' formato, dividiéndolo
dos, en o en cuatro partes. La re'ación
entre lascolumnas puede carníiaeen la revista
informatl'.'a, las columnas se sitúan de forms
contigua para e' texto continw:•. pero su anchura
pv/ede yeduc•vSe de una caAumna
para albergar los pies de foto de imágenes,
en los foliet05 de inscripción. las columnas están
separadaspara que estrechos paneles del
formato de folleto en tres puedan man-
tener ta asimetrta de margenes gue caracteriza
a las api.caciones de mayor tamaño En algunos
casos, la reticula de cotumr•a se convierte en
modular y sc articula literalmente en cuadrados
de colores. como en las banderolas de
'as exposiciones, Estamodularidad ayuda a
pia:varios objetivos. crea una presentación más
promocional. adecuada a' de' mensa-
permite que e,' formato unifique ios
mensajes y 'as de arte que aparecen que
son radicalmente diferentes; y refuerza la fuente
en ia que 'nspira el logotipo
del musep (e' cuadrado 'atado con un elemento
decorat't.,o tomado de del
la forma también se L,fibzaprofus¿+
mente dist:nguirse de i.•sestructuras
vertiesly de barra tipica5 de esta clase
de material informativo.
23
etícula jerárquica
de ejemplos
04
20
02
07
31
07
10
32
12
38
EImaterialg'áficoquesepresentó
parareali?ar
eldiseñodelasportadas
de esta revistacorporativaerade balacaiidad:y por razonespresupuesta•
rias.no iba ase.'pos•àleencargarnuevasfotografias,Comosolución.
y paya
daral d.seño
un carácter
propio,eldiseñador
desarrollo
un sistema
compositivobasadaen una bandade quecontiene la cabecera,yque
puededesplazarse
porlacubiertahaciaarribao haciaabajopara
se a imagen disponible en cada caso.
E'formato A4sedivide primero medianteun cuadradode su misma
anchura,basadoen la pmrnrrlén Áuleade taarquitectura ctôs'ca,
bandaquecontiene
eltitular tieneundalturade unterciodedicho
cuadradcy de la banda. la informaciôn de la revista,
número del volumen e sedistrihuw verticalmente a lo largo de
laslineas
deflujoquedividen
labanda
em
cuatro
partes,
y de
acuerdo con una división vertical que corresponde también a ia propor-
cián *u'ex la anchura de un cuarto de banda establece los márgenes
exteriores para la tipografia.
Cuando la hand3 se colca. durante el proceso de diseño. descubre y
oculta diferentesaspectosde la fotografia defondo.y también divide la
cubiertaen unaspto;wrcicnesarmónicas.derivadasde proporcidr
áurea.
Lageometradeestamaquetación.
de ngurasidad
agresiva.
contribuye
3 disimularlabajacalidaddelasimágenes
ya darun.dada
los diferentes númer05 de 'a revista.
IAS
IAS
24
Reticula modular
de nemplos
Una retícula modular de proporciones cômcniasofrece a Sprineet. ana edi-
torial de libros de texto, una unidad global e nosibilidades para
variar la maquetación. sistemautiiiza unareticula de medulasque.
diferenc.a de otras reticulas de esta clase, se unen entre si áiagonalmente.
como en un table'0 de ajedreY Latalta de medianiles o de márgenes
implicaquelosformatosreales
deloslihnaS
pueúenconfigurarse
sobrela
reticula paratener mayor lasáreasde imagenre"culadas
siempresealineanentre si.ademásde con y lasbordesde; libro.
esquemaofrecea losdiseñadoresde la editorial diversasopcionespara
variar la ubicación de imágenes, las áreasde tipografia y las áreas
coyores
planosutiEzandDla reticula Lasseriesde librossobre mismo
tema puedenagruparseconuna únicamaquetación,pero.at mismotiem•
puededarseacada"bro una identidad particw.". mediante el de'
colory variación
deimágene%
Estareticulaseadaptatanto a materiales
tientiticos como a obras de literatura y ensayos.
7.
03
10
19
02
06
13
22
07
16
23
12
17
25
18
7.0
Geometric
Measure
Theory
•pexódes
Biocheteobio
cheóe
'hssioo
óe
Bas
Leutbecher
Zahlentheorie
Sets
in Rea'
Geometry
poe&
oxoóe
25
Reticula modular
03
10
19
30
06
13
24
35
07
16
27
37
09
17
29
ueslgn
Time
Muriel CooperF
%ecture
2000
DanBoyarsj
esigning
Dedicatiori
Muriel
Coope;
t&rnanMCL
Estapresentación digital utiliza secuencias ani-
madasy la pasibilidad de navegar a través de
una reticula modular para prestar apoyo un
conferenciante, móduloes cuadrado, que
se mantiene visible mediante finos de
color griç Cada uno de los módulos del menú
principal muestra informacion especifica y actúa
como (ínk para accedera la información cuando
el usuario hace clic con el sobre é',
módulo está subdividido pa«apoder mostrar
la intormaciõn que contiene de forma detallada.
y cada una de estas subdivisiôhe5 está vinculada
una ampliación del tema escogido
Professor. S
CarnegieMV
una flecha discretamente situada, a la izquierda
del marco de' permite que e' conteren-
ciante regrese a ia página anterior Gracias a que
la navegación Scorganiza mediante una reticula
¿que
le confiereunaestructura dendrítica.es
posible mantener continuidad visual entre ios
diversos
Trameso página%EInúmerode subdivi-
siones dentro def área que está a la vista permi-
te saber al conferenciante en que nivel ¿e la
estructura se encuentra. y la retícula hare que
la información pueda seleccionar espontanea,
mente un camino para presentar la información.
s.n tener que reprogramada ni reorganizarla.
Time as a Design Element
borr
ples
Cuture
Vnear& non:liner
Dedication
Retícula de
columnas
dc ejernptos
02
12
28
05
13
27
05
14
33
07
15
30
08
18
37
09
16
31
11
22
10
24
36
Rut
una reticula convencional de dos columnas
adquiere mayor dimensionalidad en esta memo-
ria fiscal para un hospital de anchc
margen izquierdo. que acoge un folio
vert;cal. avienta en página las das columnas
de principales. de forma asimetricJ
EItexto corrido de una sección fluye desde la
columna izquierda hasta que term:na. tanto s'
ello ocurre como si no, dentro de la columna
deecha de las páE'na'„ efemer-,to-s
ilustrati-
vos se sitúan en una scjapa que se pliega hacia
el interior. en torma de encarte
Además de crear un efecto sofisticado. ello
peymite que, al 'evantal solapa. se descub'J
material adicional. En Ma5'.ones, esta 50iapa
presenta informacion interactiva. como desppe•
gables,u otro tipo de elementos insertados.
como una pelicula de rayosX.
En cada doble página, e! tercio inferior está
separado de la parte superior de pagina
mediante una linea que define un destina-
da d.agramas médicos e información
financiera. Los datos financieros mas destaca-
dos. que se encuentran al final de la memoria,
utilizan la anchura dc ambas columnas.
Marcel
Si bien este cartel, que tiene una marcada
estructura reticufar. muestra a;gunas caracteris-
txas de deconstruccion se exploran en
profundidad la segunda parte dc este libro,
sin su diseño parte de una
retícula adecuada contenido de la expos'ción
que presenta una muestra que conmemora las
xhenta y unaexposicionesdadaistasde Marcel
Duchamg Duchampera un Ávidojugador de
y los mecanismos de estejuego —sus
estrategias cn:ultas sus rasgosestructurales—
desempeharor un importante papel en sus
resesartisticas, aparecen en algunos de sus Cua-
y actuan carnoprincipio organizadorde
djferentesjuegosy construccionesde palabras_
En este cartel. el tablera tridimensional de la
fotografia funciona Lomo una estructura, tanto
c=nceptuai como literal. para argan'zar la tipo-
gratia,que enumera todas que
realize e' artista durante su vida.
EIjuego de superficiesque generanloscubosa
vecessepercibede farma bidimensionaly Otras
como si tuviera profundidad. Latipografia,
en estas superficies. interactúa con el fondo de
cadamóduloy guia al lector deltablen3
como si se estuwcse jugando una
SPtrata de una metàfwa para volver sobre los
acontecimientC5 que jalonaron carrera
del artista.
28
Retícula de columnas
odificada
11
ii ii:ii i iiiiiii
comparartôn de ejemplos
La reticula utilizada para esta revista dedicada a
ya concienciar IOS
derechos humanos divide la página en doce
columnas iguales de pizas, Estaestructura.
bastarte habitual. contrasta con
est'uctura de lineas de flujo que enfatiza ei
aspecto horizonta4 de las dobles páginaw
esta organiza el material con una
linea de "horizonte" pictórica que hace referen•
Cia a la actividad humana sabre la Tierra,
La linea de horizonte cruza e' tercio inferior de'
fcvmato. El diseñador cred 'as siguientes lineas
de flujo a partlr de una progresión
mática conocida como "serie Fibonacci".Laspro-
porciones Fibonacci se encuentran en la natura-
leza.y en esta revista hacen que las lineas de
flujo SeVayan abriendo el Si
fuesen líneas de perspectivy Lalinea superior
del texto. por consiguiente, esta situada en una
posición 'elativamente baja de la página.
EI texto dispuesto en coiumnas puede aespta-
zarsea la 'argo de estas lineas. que son como
fallas. c'eanda asi un peso ópticc adicional que
potencia el movimiento late'al a de tas
dobles páginas. En ocasiones,cuando sequieren
ensayos o
textos poca habituales, como transcripciones
de conversaciones o fragmentos de cartas o
notas. la retiLuia no se utiliza.
02
12
26
01
30
05
14
33
04
31
08
18
37
05
36
11
22
07
37
humanit
29
comparación de ejemplos
03
10
19
30
06
13
22
35
07
16
24
38
09
17
27
Paraesta exposición de mobiliario realizada por respetado fabricante
italiana, el diseñador convirtió la reticula horizontal en un ente con exis-
tcncia fisicx En este caso la sutil ironia radita en que, mientras los interio-
listas utilizan una reticula planapua distribuir un espaciotridimensional,
aqui la reticula setransfc"ma en volumétricay 'a presenciarea/del mobi•
liario expuesto serepresenta mediante ura única silla tridimensional.
separada del resto del espacio y colocada sobre una plataforma de cristal
cuadrada que tiene el tamaño de tres módulos de la reticula,
EIrestode los mueblessepresentamediante fotografias pianas,que se
organizansegúnun pian tridimensional Ellosignifica quepuedenmos•
trarse muchas más piezas de mobiliario. y que la exposición cobra más
imp„ortancia debido a la 'nsdlito de su caractrr de la retí-
cubamediante ei recurso a diversos materiales añade ún rasgo táctil y una
solidez que aportan un orden sosegado al espacio los módulos del suelo
son de chapas Ceacero.al igual que los expositores verticales que mues•
tran fotografiasde losmuebles,y que sehan insertadoentre 105
módulos del sueio un panei de cristal, colocado bajo la silla y sobre
los módulos de' suelo.crea reflejas que potencian la materialidad de la
Sillay la vinculan a la
Unaspantallastranslúcidasco'ocadasante lasparedesseelevandesde
el suela Están pintadas de forma que los co(0'e5 pasan gradualmente de
un tono más claro a uno más oscuro y.dada que están iluminadas desde
abajo,setiene la impresiónde quetanto lasparedescomo losplintos
verticales están flotando De esemodo. a pesar de su aparente rigidez,
'a reticula asume un carácter ligero y etéreo.
30
3' estructuri
Retícula modular
(simple y
compuesta)
camparacon de ejemp'cs
03
29
26
22
35
31
07
24
38
36
09
27
23
30
Nov
Columbia
Cadauno de estos cañeles, pertenecientes
a la serieque anuncia los programas de
conferencias de la Columbia Scheol of
Architecture en Nueva Vork. está construido
sobre una reticu?amodular Lasproporciones
del vanan contenido especi-
de cada carta. aunque e/ formate de
todos ellos sea el mismo.
Enel cartel de la izquierda seda mayor rele•
vancia a la organización del calendario de
conferencias. Sus módulos son muy visibles.
en forma de bloques datos individuales
para cada confe'encia, en positivo sobre un
tondo negro ledas las conferencias de un
mes determinado ocupan propia fila verti-
lasfechas del mes 51guientesedesplazan
un derecha. IOS grá-
f,cos que a'udem a formas arquitectemcas se
emplean para dar arread a las diferentes
yes de LompasicIOn_
En el cartel de la derecha el diseñador utiliza
máduic' con map.• libertad. escondiéndolo
hasta cierto punto tras pumer plano ópti-
de ba"as hoúzontales biancas que orde-
nan la lectura CC ia Informacion. pero sacán-
dolo a la en de columnas
estrechas. De hecho, en este cartel vanas
tetitulas 'nteractuany SeSuper-
ganen: cada una de ellas justifica la lógica de
alineaciones entre 'os dive'sos elemen-
tos La secuencia del calendario se
con libertad de 'os módulos. que le
aportan regularidad aunque sin vincuaaria
en cartel
americr a las proporciones de los môdu!os
Columbia
Arc hitecture
Planning
04
hawkinson
'Vidler
rampton
uma
Àadi
aeda
Olshe
ears
aera-Polo.Moussavi
31
Retículas jerárquicas
integradas
proprcionalmente
comparación de ejem.p'os
04
22
07
23
17
32
20
34
ya gejo
sageo
www.sageacom
Paraexpresar la identidad de Sageo seusá una
reticula simple. Lasproporciones de ta
estructura lineal del logotipo corresponder' las
de la tipografia que evocan.y esta flekibilidad de
proporción se mantiene en la de
los diferentes elementos impresos de la empresa.
paÑeria, por ejemplo,refleja estareticula fie,
xible en los tratamientos y lasáreas en
columna, que del tamaño, la forma y
la función de cada formato dado.
Takecharge
OfYour health
Hath Han Cost M•xieler
Enel membrete, el á•ea que se reserva para el
de la la información
mpres3 a traves de elementos lineales que
definen la funcion estas IOScampos de
color que aparecen en el reverso de 'as tarjetas
de visita corresponden a los campos de
Informacion del anverso; en la portada de las
carpetas, unos de color gemelantes
repiten la estructura del logotivn
Suts
La solucidn de MetaDE5ign para la identidad de
marca de extendió también diseña
interactiva de su sitio web. Esta sencilla estruc-
tu" modular es flexib!e. y purdc serforzada
mediante una reticula jerà'ouica si asi 'o
requieren los contenidos de alguna página
en particular.
Using
En las *reas de contenido impresa y on-hne
una base de datos de fatografias
de personas. de estilo espontáneo, directo y un
tanta caprichoso, fotografias pretenden
ret'ejar a pe:sonas reales con vidas reales. algo
esencial para la marca y se presentan
d"puestas en una comoda estructura
unificadora.
32
estructura
Retícula jerárquica
NIVERSITY
MUSEUM
de ejemplos
04 14 23 28
sw,m
UNIVERSITY
UNIVERSITY
hr•h
Ey W'ur
.*na retitula jerárquica simple organiza eficaz-
—ente la presentacion Virtual de este museo de
Mediante lo que ya seha convertda en una
estándar para
«fMmación que contienen los menús de nave,
una banda horizontal en ta parte Supe,
sedistingue por Suscolores vivos del conte-
"do que se estructura en la parte inferior. que a
vez está dividida en dos áreas bien diferencia-
Es; un Áreade textoy un área para ilustracio-
nes decorativas, La división que aparece inme-
diatamente bajo la banda dcvnde se enumeran
105menús principales del sitio web seexpande
para listar los menús de navegación secunda-
rios,o niveles B,que desarrollan el tema princi-
pai que se haya seleccic"lado,Onivel A. Al
ger uno de estos links que conducen a niveles B.
se accede a un listado de nivel Cen la
parte inmediatamente inferior
33
1
Retícula de columnas
dimensionales
comvwaciôn de ejempios
02 05 OB '1
[hech cities_
e
oftheJo„1anandrhieecin
e. shall
and thtre r
of Noc unt d
the Of
nd 'ves, a
:rof ciries
w
h
ich IIgive
made one
prepare thee a
o delegared
- attcn-.prcd
ro
Slay
him
him
Psalms 122
gou-,t-othc of
2 Ourfeecshallscand
"hin 'hyytes;O krusakm.
che
e" IORñ_ S thmnes
be *'icbu• 9 of
l,
Lab
their
Tprah
Unas columnas relativamente comunes de tipografia con rema-
tes conforman basede este complejo sistema de Información
digital, dondeserecogenpasajesdel Talmudy de 'aToratradu•
cidos al inglés y francés. Mediante unos diales que correspon-
den a diferentes aspectos de textos vinculados entre si, los
usuarios pueden seleccionar pasajesy buscar de torma ;nterac•
tiva sus referencias cruzadas can otros fragmentos de ta basede
datos, diales hacen girar en el espacio Virtual columnas
de texto,y cadauno de losejesde 'ascolumnasestá vinculado
a orfos textos ca su traducción al segundo idiomx Ladistribu-
cián del texto en las coiumnas varia en tuneen de diales que
sehayanseleccionado
y.por tanto. en func'Óndel aspectode'
texto quesehayaescogidaEnestesistemade información.
la retícula permite conectar miles de páginas y que seanacce•
sibles en cuestión de segundas
34
Retícula jerárquica
de
04
23
07 16 20
d cal
féxÓdt&.
with an introduction by david grossman
Un conjunto de proporcionesreticular,derivadomatemáticamentede la
anchura de estas extractas hiblicos de pequeño formato facilita una
estructura limpia y sencilla para sus portadas. La altura a la que Sesitua la
primera linea supe'ior. donde aparece el título, es la anchura del libro,
lo que define un cuadrado. Lainformación secundaria se ubica en fun-
cián de su lugar en la jerarquia (subtitulo, referencia biblica. autor. traduc-
torj. EI uso del subrayado estructural y de un filete lineal de encuadre para
separa' los elementos de esta área contrasta con la enigmática fotografia
de la portada y.ademâ5.le da un aspecto un poco más moderno.
35
Reticula modular
jerárquica
comparac-wn
03
09
17
23
ao
04
10
19
25
31
06
13
20
27
34
07
22
29
'"2Et
y de otKinas
PromenadeLeve L. reticula modular qLa_•
organàa este sistema de señalización pública se
extiende desde la mera maquetación hasta la tercera dimensión: 'as uno
dades cuadradas son físicamente modulares sfnifi.•g que la unidad
cuadrada básica puede utilizarse sola bien en combinación can otras
para cear paneles informatV05 independientes, de todo y compleji•
dad, Cada uno de los Gue campcncn un panel infovn3tivO asume
una función jerárquica distinta. y e' orden de los modulos de arriba Abajo.
dentro de cada panel informativo, depende de las necesidades informatr
vas del observador en cada uno de los especificos dentro del
espacio EImódulo superior, eternpic. ubica al absewador dentrade un
edificio concreto del rentro comerciar EIsegundo módu'o del panel infor•
es punto de 10que permite
que el obseo•ador ubique en primer fugar 'o que está más cercade cada
panel informativo concreto,
135señales formadas por un único modulo refuerzan la ubicación y vincu•
imagen de directamente arquitectura. unidas a
"s paredesy a' evocar las unidades cuadradas de la superf.cie de piedra
del edificio
36
'Reticula compuesta
•erárquica, de columnas,
manuscrito)
32
04
34
07 23
Losnumerosos componentes de la reticula de
anual intima y no
estar en correspondencia con la senciliez de su
aspecto,Sin embargo. si seanaliza con *tención
la reticula básica (que esjerárquica), sedescubre
que es la que ordena el principio verbal ahstrac•
to que rige la presentación de la memoria.
EIque personasde todo el mundo puedan
intercambiar datos e información gracias a la
tecnología de la empresa constituye la idea en
üynoa la cual searticula ef libro. Así.el pliegue
en acordeón ofrece un formato tantinuo que
permtte que el texto viaje en una larga linea de
un extremo al otro
W,
Laubicación de esta única linea responde a un
debe fluir a través de bocas de todos
Cfratos que recogen las páginas del libro.
obstante, una Estructura visual que blo•
wea el formato para el contenido: línea de
d.vide cada una de las páginas en un cua•
y un rectángu'o Eneste caso.la reticula
'o frene márgenes sus proporciones determi-
el lugar de rostros.
Ene' reverso,los datos firuncieras seadaptan
a una reticula de manuscrito con un de
texto que es tan ancho Como el formato.
en un gesto qtn2 evoca el contraste explicito con
e' b0'de del fcumato de reticula en el anverso
EI bloque de teito manuscrita define una estruc-
tura de columnas estrechas pya presentar bas
tablas con datos financieros.
37
Retícula de columnas
02 05 oa 11
looking ahead
property
acquisitio
EI uso, enormemente variado, de una rigurosa
reticula de cuatro columnas aporta una sensación
de vitalidad. crecimiento y optimismo a este
folleto. La regularidad de la reticula. sin embargo,
transmite estabilidad, algo muy importante para
el Ciente a 'a hora de asegurarse el 333yo
de IOSpotenciales inversores a IOS
que vadirigido el folleto
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr
Diseñar+con+y+sin+retícula ocr

Más contenido relacionado

La actualidad más candente

La actualidad más candente (19)

Diseñar con y sin reticula
Diseñar con y sin reticulaDiseñar con y sin reticula
Diseñar con y sin reticula
 
Historia
HistoriaHistoria
Historia
 
Historia del diseño Grafico
Historia del diseño GraficoHistoria del diseño Grafico
Historia del diseño Grafico
 
Antecedentes histórico del Diseño Gráfico
Antecedentes histórico del Diseño GráficoAntecedentes histórico del Diseño Gráfico
Antecedentes histórico del Diseño Gráfico
 
Cartelcine
CartelcineCartelcine
Cartelcine
 
historia del diseño
historia del diseñohistoria del diseño
historia del diseño
 
Historia del Diseño Grafico
Historia del Diseño GraficoHistoria del Diseño Grafico
Historia del Diseño Grafico
 
Diseño grafico, historia, teoria,escuela
Diseño grafico, historia, teoria,escuela Diseño grafico, historia, teoria,escuela
Diseño grafico, historia, teoria,escuela
 
Diseño suizo puntos
Diseño suizo puntosDiseño suizo puntos
Diseño suizo puntos
 
Historia del diseño gráfico
Historia del diseño gráficoHistoria del diseño gráfico
Historia del diseño gráfico
 
Historia del Diseño Gráfico
Historia del Diseño GráficoHistoria del Diseño Gráfico
Historia del Diseño Gráfico
 
HISTORIA DEL DISEÑO GRAFICO
HISTORIA DEL DISEÑO GRAFICOHISTORIA DEL DISEÑO GRAFICO
HISTORIA DEL DISEÑO GRAFICO
 
Historia del diseño grafico
Historia del diseño graficoHistoria del diseño grafico
Historia del diseño grafico
 
La Historia del Diseño Gráfico
La Historia del Diseño Gráfico La Historia del Diseño Gráfico
La Historia del Diseño Gráfico
 
Diseño Gráfico
Diseño Gráfico Diseño Gráfico
Diseño Gráfico
 
Dg monica
Dg monicaDg monica
Dg monica
 
Diseñar con y sin reticula
Diseñar con y sin reticulaDiseñar con y sin reticula
Diseñar con y sin reticula
 
Diseñar con y sin retícula
Diseñar con y sin retículaDiseñar con y sin retícula
Diseñar con y sin retícula
 
Amor
AmorAmor
Amor
 

Similar a Diseñar+con+y+sin+retícula ocr

01 estilo internacional suizo
01 estilo internacional suizo01 estilo internacional suizo
01 estilo internacional suizoWillianson Vera
 
Diseño gráfico tarea
Diseño gráfico tareaDiseño gráfico tarea
Diseño gráfico tareasaullopes24
 
Sobre el diseño una remembranza
Sobre el diseño una remembranzaSobre el diseño una remembranza
Sobre el diseño una remembranzaRenes Marvel
 
Los smithson Aeleen Morales y Andrea Regalado
Los smithson   Aeleen Morales y Andrea RegaladoLos smithson   Aeleen Morales y Andrea Regalado
Los smithson Aeleen Morales y Andrea RegaladoFabiola Aranda
 
La Choricera de Curro Inza
La Choricera de Curro InzaLa Choricera de Curro Inza
La Choricera de Curro InzaDario Nuñez
 
HISTORIA DISEÑO GRAF 01.pptx
HISTORIA DISEÑO GRAF 01.pptxHISTORIA DISEÑO GRAF 01.pptx
HISTORIA DISEÑO GRAF 01.pptxBanyHernandez2
 
EXPRESIONISMO ESTRUCTURAL. Una arquitectura con valor escultórico.
EXPRESIONISMO ESTRUCTURAL. Una arquitectura con valor escultórico.EXPRESIONISMO ESTRUCTURAL. Una arquitectura con valor escultórico.
EXPRESIONISMO ESTRUCTURAL. Una arquitectura con valor escultórico.Nayade23
 
Bloque 1 evolución historica y ámbitos del diseño
Bloque 1 evolución historica y ámbitos del diseñoBloque 1 evolución historica y ámbitos del diseño
Bloque 1 evolución historica y ámbitos del diseñoMaría José Gómez Redondo
 
Paradigmas Arquitectonicos - Juan Luis Elizalde Gámez
Paradigmas Arquitectonicos - Juan Luis Elizalde GámezParadigmas Arquitectonicos - Juan Luis Elizalde Gámez
Paradigmas Arquitectonicos - Juan Luis Elizalde GámezFabiola Aranda
 
Historia del diseño gráfico
Historia del diseño gráficoHistoria del diseño gráfico
Historia del diseño gráficoAsaf Duran
 
Historia del diseño gráfico
Historia del diseño gráficoHistoria del diseño gráfico
Historia del diseño gráficoAsaf Duran
 
Verónica Devalle en la UNLa - Hacia la síntesis de las artes
Verónica Devalle en la UNLa - Hacia la síntesis de las artesVerónica Devalle en la UNLa - Hacia la síntesis de las artes
Verónica Devalle en la UNLa - Hacia la síntesis de las artesAlejandro Lemos
 
Certamen segunda parte
Certamen segunda parteCertamen segunda parte
Certamen segunda parterodolfo baksys
 

Similar a Diseñar+con+y+sin+retícula ocr (20)

01 estilo internacional suizo
01 estilo internacional suizo01 estilo internacional suizo
01 estilo internacional suizo
 
Recuperatorio tp1
Recuperatorio tp1Recuperatorio tp1
Recuperatorio tp1
 
Diseñar con reticula
Diseñar con reticulaDiseñar con reticula
Diseñar con reticula
 
Diseño gráfico tarea
Diseño gráfico tareaDiseño gráfico tarea
Diseño gráfico tarea
 
Sobre el diseño una remembranza
Sobre el diseño una remembranzaSobre el diseño una remembranza
Sobre el diseño una remembranza
 
Docto maqueta
Docto maquetaDocto maqueta
Docto maqueta
 
Los smithson Aeleen Morales y Andrea Regalado
Los smithson   Aeleen Morales y Andrea RegaladoLos smithson   Aeleen Morales y Andrea Regalado
Los smithson Aeleen Morales y Andrea Regalado
 
La Choricera de Curro Inza
La Choricera de Curro InzaLa Choricera de Curro Inza
La Choricera de Curro Inza
 
Arts crafts
Arts craftsArts crafts
Arts crafts
 
HISTORIA DISEÑO GRAF 01.pptx
HISTORIA DISEÑO GRAF 01.pptxHISTORIA DISEÑO GRAF 01.pptx
HISTORIA DISEÑO GRAF 01.pptx
 
EXPRESIONISMO ESTRUCTURAL. Una arquitectura con valor escultórico.
EXPRESIONISMO ESTRUCTURAL. Una arquitectura con valor escultórico.EXPRESIONISMO ESTRUCTURAL. Una arquitectura con valor escultórico.
EXPRESIONISMO ESTRUCTURAL. Una arquitectura con valor escultórico.
 
UABC, HAM, U3
UABC, HAM, U3UABC, HAM, U3
UABC, HAM, U3
 
Bloque 1 evolución historica y ámbitos del diseño
Bloque 1 evolución historica y ámbitos del diseñoBloque 1 evolución historica y ámbitos del diseño
Bloque 1 evolución historica y ámbitos del diseño
 
Dg monica
Dg monicaDg monica
Dg monica
 
Paradigmas Arquitectonicos - Juan Luis Elizalde Gámez
Paradigmas Arquitectonicos - Juan Luis Elizalde GámezParadigmas Arquitectonicos - Juan Luis Elizalde Gámez
Paradigmas Arquitectonicos - Juan Luis Elizalde Gámez
 
Historia del diseño gráfico
Historia del diseño gráficoHistoria del diseño gráfico
Historia del diseño gráfico
 
Historia del diseño gráfico
Historia del diseño gráficoHistoria del diseño gráfico
Historia del diseño gráfico
 
Verónica Devalle en la UNLa - Hacia la síntesis de las artes
Verónica Devalle en la UNLa - Hacia la síntesis de las artesVerónica Devalle en la UNLa - Hacia la síntesis de las artes
Verónica Devalle en la UNLa - Hacia la síntesis de las artes
 
styling
stylingstyling
styling
 
Certamen segunda parte
Certamen segunda parteCertamen segunda parte
Certamen segunda parte
 

Último

ACUERDOS PARA PINTAR EDUCACION INICIAL.docx
ACUERDOS PARA PINTAR EDUCACION INICIAL.docxACUERDOS PARA PINTAR EDUCACION INICIAL.docx
ACUERDOS PARA PINTAR EDUCACION INICIAL.docxlizeth753950
 
presentacion-auditoria-administrativa-i-encuentro (1).ppt
presentacion-auditoria-administrativa-i-encuentro (1).pptpresentacion-auditoria-administrativa-i-encuentro (1).ppt
presentacion-auditoria-administrativa-i-encuentro (1).pptDerekLiberatoMartine
 
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptx
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptxPA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptx
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptxJOELORELLANA15
 
Europa y la Exploración del continente americano.pptx
Europa y la Exploración del continente americano.pptxEuropa y la Exploración del continente americano.pptx
Europa y la Exploración del continente americano.pptxismaelchandi2010
 
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptxCERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptxMaikelPereira1
 
Trabajo historia sobre el Renacimiento en la arquitectura
Trabajo historia sobre el Renacimiento en la arquitecturaTrabajo historia sobre el Renacimiento en la arquitectura
Trabajo historia sobre el Renacimiento en la arquitecturaccastilloojeda12
 
La Importancia de la Universidad como Institución Social.pdf
La Importancia de la Universidad como Institución Social.pdfLa Importancia de la Universidad como Institución Social.pdf
La Importancia de la Universidad como Institución Social.pdfloquendo1901
 
BIOGRAFIA MARIANO MELGAR presentacion en power point
BIOGRAFIA MARIANO MELGAR  presentacion en power pointBIOGRAFIA MARIANO MELGAR  presentacion en power point
BIOGRAFIA MARIANO MELGAR presentacion en power pointyupanquihuisahilario
 
Origen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to SecOrigen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to Secssuser50da781
 
Concepto de Estética, aproximación,Elena Olvieras
Concepto de Estética, aproximación,Elena OlvierasConcepto de Estética, aproximación,Elena Olvieras
Concepto de Estética, aproximación,Elena OlvierasAnkara2
 
Mapa-conceptual-de-la-Primera-Guerra-Mundial.pptx
Mapa-conceptual-de-la-Primera-Guerra-Mundial.pptxMapa-conceptual-de-la-Primera-Guerra-Mundial.pptx
Mapa-conceptual-de-la-Primera-Guerra-Mundial.pptxMaraMilagrosBarrosMa
 
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptxjezuz1231
 
Unitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza PinedaUnitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza PinedaEmmanuel Toloza
 
diagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcfdiagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcfDreydyAvila
 
la configuyracion del territorio peruano
la configuyracion del territorio peruanola configuyracion del territorio peruano
la configuyracion del territorio peruanoEFRAINSALAZARLOYOLA1
 

Último (15)

ACUERDOS PARA PINTAR EDUCACION INICIAL.docx
ACUERDOS PARA PINTAR EDUCACION INICIAL.docxACUERDOS PARA PINTAR EDUCACION INICIAL.docx
ACUERDOS PARA PINTAR EDUCACION INICIAL.docx
 
presentacion-auditoria-administrativa-i-encuentro (1).ppt
presentacion-auditoria-administrativa-i-encuentro (1).pptpresentacion-auditoria-administrativa-i-encuentro (1).ppt
presentacion-auditoria-administrativa-i-encuentro (1).ppt
 
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptx
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptxPA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptx
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptx
 
Europa y la Exploración del continente americano.pptx
Europa y la Exploración del continente americano.pptxEuropa y la Exploración del continente americano.pptx
Europa y la Exploración del continente americano.pptx
 
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptxCERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
 
Trabajo historia sobre el Renacimiento en la arquitectura
Trabajo historia sobre el Renacimiento en la arquitecturaTrabajo historia sobre el Renacimiento en la arquitectura
Trabajo historia sobre el Renacimiento en la arquitectura
 
La Importancia de la Universidad como Institución Social.pdf
La Importancia de la Universidad como Institución Social.pdfLa Importancia de la Universidad como Institución Social.pdf
La Importancia de la Universidad como Institución Social.pdf
 
BIOGRAFIA MARIANO MELGAR presentacion en power point
BIOGRAFIA MARIANO MELGAR  presentacion en power pointBIOGRAFIA MARIANO MELGAR  presentacion en power point
BIOGRAFIA MARIANO MELGAR presentacion en power point
 
Origen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to SecOrigen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to Sec
 
Concepto de Estética, aproximación,Elena Olvieras
Concepto de Estética, aproximación,Elena OlvierasConcepto de Estética, aproximación,Elena Olvieras
Concepto de Estética, aproximación,Elena Olvieras
 
Mapa-conceptual-de-la-Primera-Guerra-Mundial.pptx
Mapa-conceptual-de-la-Primera-Guerra-Mundial.pptxMapa-conceptual-de-la-Primera-Guerra-Mundial.pptx
Mapa-conceptual-de-la-Primera-Guerra-Mundial.pptx
 
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx
 
Unitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza PinedaUnitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza Pineda
 
diagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcfdiagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcf
 
la configuyracion del territorio peruano
la configuyracion del territorio peruanola configuyracion del territorio peruano
la configuyracion del territorio peruano
 

Diseñar+con+y+sin+retícula ocr

  • 1. Timothy Samara Diseñar con y sin retícula Lasegunda parte, "Diseñar sin retícula", se centra en el diseño que desafia las nociones organizativas basadas en la retícula. Trasanalizar brevemente la ruptura de la estructura, se presenta un segundo bloque de ejemplos, que en este caso muestran cómo la retícula se cuestiona o se abandona para optar por métodos de composición alternativos.
  • 2.
  • 3.
  • 4. 8 Reflexiones sobre la estructura
  • 5. Con la reticula el Orden básicos de la retícula 120 128 Diseñar sin la reticula Interludio histórico Explorar Otras Ejemplos 204 207 208 208 dices indice de colaboradores Bibliografia Agradecimientos Sobre el autor
  • 7. Para algunos diseñadores gráficos se ha convertido en una parte incuestionable del proceso de trabajo que proporciona precisión, orden y claridad. Para otros, en cambio, simboliza la opresión estética de la "vieja guardia", una jaula sofocante que dificulta la búsqueda de expresividad. Lareticulatipográfica vGm,-, Los objetos Semejantes se disponen de una manera parecida. a fin de que sus semejanzas resulten másevidentes y, así, más reconocibles. La reticula sitúa los ele- mentasen un áreaespacialdotadade regula- "dad, 10quelos haceaccesibles; los lectores saben dónde encontrar la información que bus- can.porque las uniones entre las divisiones ver- ticalesy lashorizontalesactúan comoseñales indicativas para su localización. EIsistema ayuda al lector a comprender su uso Encierto modo, la retícula es como una especie de archivador visual.
  • 8. Elorden y la claridad seconvirtieron en los dos objetiws más importantes de los diseñadores gráficos que ayudaron a la sociedad a progresar tras dos guerras inimaginableç En parte, supuesto, tal orden implicaba comodidades de consumo; y los hombres de negocios que las proporcionaban enseguida se dieron cuenta Como metáfora institucionalizada de todo lo que de que reticula podía organizar su imagen. Sucultura corporativa y sus lineas esenciales, se considera correcto —la intersección del cielo A medida que utilizac;on de ia y la tierra, puesta de manifiesto en cada uno de de se' un con ti,se en un los objetos que ordena—,la retícula también se sente cada vez ha investido de un carácter explícitamente espiritual. Sus primeros defensores, que se contaban entre los integrantes de las Contrasta. en cierto cinética cambiante vanguardias europeas, lucharon celosamente la info non ha e) do e en su favor: la decisión de Theo van Doesburg quese retuerza y que haga V de tan sólo inclinar un poco el ángulo de 900 del eje de De Stijl hizo que su compañero, que Se ha Piet Mondrian, rompiese relaciones con él; Josef Müller-Brockmann, el campeón suizo de la retícula de los años cincuenta y sesenta, definió su deseo de orden en términos casi canónicos. Lacreación y la organización de laforma están estrechamente vinculadas a la divulgación visual de la información.
  • 9. Nuestrosaparatosnoshablan.nuestravisionesglobal. Entre los debates sobre temas como la raza, el sexo, la conservación del planeta, el poder político o los derechos civiles, quizás podría resultar valiosa una sencilla reflexión sobre dónde poner las cosas,es decir, sobre esa "mundana tarea doméstica" del diseño basado en retículas. Enetcontexto de esta nuevaera.en la queSeha evaluado la evolucióndel diseñoprofesionala menorescalay la de la cultura a escala mayor, el principio unificador de la reticula, al igualqueotrotipodeideasorganizadoras, havueltoa adquirir y seha convertidoentema dediscusión. Laprimera parte de estelibro.Diseñarconla Lasegundaparte,Diseñarsin la reticula,
  • 10.
  • 11.
  • 12. La historia de! desarrollo de la retict}la es compteia gráfico moderno, tal como nosotros lo pero 105ejemplos dc fas primeras reticula5 son griega y romana: no sería presentar en este tota'idad, A efectos dc nuestro tema, la gráfico occidental se desarrol!ô durante la sin embargo, circulan en las comunidades artistic,psl av.. momento preciso de creaciÚn de una de hace toria, A continuación se dibuja una panorámica proceso complicado. Las contribuciones de de de más de un siglo. se han resumido en unas pocas ellas se han dejado de !adc o bien se mencionar. fia que se recoge final de este libro ayLldará a continuar investigando a poder protundizar en este Alcanzar el orden Breve historia de la retícula en el diseño gráfico moderno El y novedoso mundo de la industria. El desarrollo de la retícula a 10 de IOS últi- mos ciento cincuenta años coincide con dramá• ticas transformaciones tecnológicas y sociales en la civilización occidental, y con la reacción de filósofos, artistas y diseñadores a tales transfor- maciones. LaRevolución Industrial que seinició en Inglaterra en la década de 1740cambió la forma de vivir de las personas;su efecto sobre la cultura fue crucial Cuando la invención de la mecánica impulsó a la gente a Vivir en las ciudades. el poder pasóde manos de la aris• tocracia propietaria de las tierras a los fabrican- IOS comerciantes y la Clasetrabajadora, Lademanda de una población urbana con un poder adquisitivo en permanente crecimiento estimuló la tecnología, que, a su vez.estimulo la producciõn en serie,redujo costes e incre• mentá la disponibilidad de los productos, diseño asumió un papel relevante a la hora de comunicar los atractivos de los bienes mate• riales. A ello Seunió el hecho de que las Kionesfrancesa y americana facilitasen los progresos en equidad social.educación pública y alfabetización, ayudando asi a crear un público mayorparalosmaterialesde lectura, este también una confusión estética La tradic't±n de desde renacimiento se vea por la estricta rnaraf y las conv•ccwnes espinILXes
  • 13. gótica 'os mas rema- aclor a e. , he baja a v estét:c.â cuestionable de IOSobjetivos. Ei mov•mtento Ambttos mcv•rmie.r,:; *narraba -EUnjoven de un atrai, do v te c_enstitu« ia i a acu'vao en da , En tS60 Casa va supervisa' Idea Ce Con su de tejidos. objetos. y mobiliario seInvciõ un método contenido. que aten, diaa y que prestaba una gran atención a calidad acabados de tas p.ezas.incluso cuando estas se producian Arthur Mackmurdo y Si,' Emery Walker. 'os con, temporáneos de dirigeror. su inte'és e; diseña de liáros La publL period-ca de Hobby —una del •ntenc.onada pogcic•naday un c„idàdoso de la sesec cuerpo de márgenes y de imp'es.Om— que Morris guido. pero en el amL'ito de letra 'mptesa En 189' en 'a Keimstott Press. libros mente diseñaõos en que tipog'afias. grabados util;zados como ilustraciones y empleados sediseñaban en funcion de su integraciôn estética y so de duc06n ELproyectq de en fue oí Geoffrey en '894 de este lanto con y tas 'riciales grabadas, .ntegr•ron mediante re'aciones de tamaño, y su maquetación atendió estruc• tura general prede.•ermtnadà que unificaba de entre 'os manuscritos (que. paradóji- camente. fes que le proporcionaron su mara:' de referencia ia maquetación de ia página. en divesos tipos de información se integrar en un espacio art¿culadm el and aafi5 importancia y t:anstor.mô de distintos modos a 'os dasehàdores fueron a los efec, tas de la industrializaciórm abe evo'acionava convertirse, en Franci,m en ei est•lo sensual- mente organico tomo art nouveau. y e' Jugenástijí "emány belga, pictórico y mas arqu•te-clon'co Los buscaban nuevas formas que al Innovador de era que comenzaba. Influenciado un Laarquitectura del espacio. viale a IngiMerra. arqu•tecto estadounidense FrankLloyd vVneht inf"ó una sistemá- tita que su de a pesat de que continuaba ton Ideaes de arts aed A'; que obra de Phillip de Wright expyesaba ia convicción de que ei espacio era ta esencia del diseño. en el que "la parte es al que el todo es la parle. y que todos estSn comprometidos con un proposito concrete". las propor cián zonas la organizacion asimetr.ca pasaron ser principf's de referencia de ic que acabaria en ei —dos he'rnanas. F'ancesy Margaret McDonald, y sus y Macintosh. que se hablan conca:'- dc cuando estudiaban en la Glasgow School All- "adujeran El a:re or,á crafi5 a del *spacic más abs• geometécas Se hicieron célebres ios Cuatro de C.iasgnw,y ki pabi:cación. en la revista de su actividad en e' *mbito editorial. asi corno en campo del diseño de objetos y mueb'e5_ 505 ideas. que se propagaron Incluso hasta Austria, y Hamburgo. Aiemamx Una influencia en expansión. Peter Behrers, un aleman. Hamburgo bajo efectos de esta influencia. al igual que la de Secesi$nvienesa. un que se Inspiraba en SosCuatro de Glasgow yen secesiónsedistinguía sus puntos d? vagt.:. e' diseño de carte• que eran mas recti'ineos y también sobre 'a arquitectura. Diseñadores y arquitectos como Hoffman. Maser y 'asef Maria buscaron la dad funcaonal y evitaran la En 190-0.Peter Beh.•ens en ccóoni3 artistas en Darmstadt que había sido creada ei yar de Hesse;uno de Irs otr.-,•, a quienes e' duque h»hia Invitado y ofrecido terreno para construirse ona casa era Xsei Maria A partir cicl esfuerzo por proyectar s,' prop.a y conten:do. Behrens -a! igual que Morr's.y desde una posi- estética muy a la cieOlt'ri't;- se que buscaba orden la unidad ent:C las divesas artes lunto diseño industnal y de mobiliario con 'a maquetac'on de y con las nuevas fuentes sin remate que empezaban a de 'unti&o•
  • 14. nestigogrâficas corno Bertholcf Se considera Que su primcr oflife and Art. e' penter texto maquetado con una tipografia sin remate Aunque este libra man- tiene una perspectiva ¿e manuscrito en lo que se refiere a la composición de ia página. sigue los pasosde 'a compos;ción espacial que Morris había utilizaco para las de Chauter, y blecc unos cimientos significatkvos en cuanto al desarroilo de 13reticu'a para sa usocon la tipo- grafia Sin de de tipog'afias, más unit0'meç produce un efecto de neutralidad dei texto que enfatiza su forma en contraste con el espacio blanco que lo rodea; de los de texta y ios inter- valos que separan dichos bloques adquieren asi mayor Behrens setraslade a Dusse:dorf en para dirigir la Escuelade Artes y Oficios de la ciudad. y planes de estudios prepa'atDrios que secentraban en los principios Visualesfun- analisis de estructura compositiva año 1904 tae pata Behrensy para la escuela, pues e: arquitecto holandés I, L Mathieu se unjo a su claustro dp profesoreç Lauwetiks habia desarro- liado una aproximacion srstem*tica a la ense- ñanza de ia eamFM'sic:ián,que se basaba en 'a disección de un mediante un cuadrado. lo que daba lugar una reticula de espaciospro- Behrens vio que este podia utilizarse parg unificar 'as proporc;.ones en Jos campos de ia arquitectwa y e! áiseño en 1906 aplicó esta pabellón de y el cartel que pata la Anchor Lino;eum Company El racionalismo, la estética de la máquina y la búsqueda de una cultura universal. Behrens que Setonevtiese en su asesor estético Al masmotiempo particil* en e' lanzamiento de la Deutsche Werkbund, o Asociacion Alemana de Artesanos, Inspirada por pero a 'a vez defensora del mundo de la máquina. la Werkbund pretenda [rea' uv,d mediante e' diseño de objetos y mobiliario de uso cotidiana Los proyectos de diseño industria' que eehrens realizo a traves de {aWeühund coinc:dieron con su a AEG Además de diseñar las teteras y 'as de AEG. diseñó también identidad de la empre- Sa.creando as»el primer sistema de imagen cor• industnal que se conoce.Ademas del logotiRO de AL, gehrens diseñó una corporativa. esquemas de carteles. anun• espacios de venta e insta'aciones destina- das a ia produccióm Cada ana estos diseños se articulaba a partir de cmnjunto especifico de proporciones y elementos lineales oyga• nizaban la presentación visual de AEG mara convertirla en toda EI constructivismo. nuevo lenguaje y filosofía a los estudiantes y diseñadcw tes extranjeros. y provocabar dc otros profesiona:es. levantamiento de Rusia a principias del siglo encantrô una voz en abstracción: la geometna gura de miento denominado se fundió ton cubismo y el futurismo para dar lugar al constructivismo. expresión de búsqueda de un nuevo 0'den en Rusia Tras haberse tras!adadc para continuar su formac•ón. un joven constructivista ruso. (Lazar Markcwich: L's5it5ky_ comenzó a arquitectura en Darmstadt, dor'de asimi'aria la estética racio- nalista que predominaba alli Susestudios lo mantuvieron en Europa occidental durante Guerra Mundial y tambaén la Revolu- cián Rusa En mientras bolcheviques Iurhaban par el Oode• durante la guerra civil pos• tenor a la de los zares, Lissitsky regresá a su paisy a realizar un diseña g'.âfito cadamente que se caracterizaba por una dinámica y organizada geométricy mente. Su tecundo cartel the with KANDINSKY the Rea Weáge ejemplifica e' comunicativo abstracto de la formar,' tipifica el trabajo de la partir deese La Bauhausy el nuevo orden. Cuando finalizó ia guer!a en Europa. diseñadores y los tos caneentgaron su atención en la reccnst'uc- cien y el progreso En alemania de la anteriormente célehre Escuela de Artes y Oficios de que tuw: lugar en se inicia con el nombramiento como directo' del arquitecto Waitvr de loq aprendices d? Peter gehrenr„ C'opius rebautizo la escu4a con el nombre de o de la En este lugar, la experimentación y e' racionalismo se convir- do n inspiro en ei expresionismo de lahar.nes 'tren Wassiiy Kandinsky. del Saue Reiter, que se ocuparon de desarrollar los cursos de formacion poco a fue los estudiantes y e' de profesores ¿e también 'a irtuencia de' pintor suizo Theo van aoesbarg. cu" tQ,De 5tijI. sestenla metrim Van contactá con en y aunque este ¿Iten'c decidit• no contratan van Doe-sburg de manera signifkat'- va a 'a transformación tyasladarse a promover Moho* Nagy. un húngara, acabó sus'.H i:ten como respensab'e de Jos
  • 15. '932. se a su nuca.'a F" de tipografia la Mch08,Nagy con las maquetaciones fotomontag• y los e;ementos de de la expre sjõn Ce al ámbito del .±'sehcgratico 'Qagyy un estudiante Jamaon *erbEr: barras. fiietes. compuesta de forma asi- métrica sobre una como base pata una 'Geva tipografia LissitSkyregresódesde Rusia nume'05ãs ocasiones. para mantener el con• con ta Bauhausy participar en conferen- SS TE LL UN G EUROPAI -SCHES HUNST- GEUJERBE - 1927 LEIPZIG cas. diseños de publicaciones y exposiciones. i.' litm de ofn'f. un antes y -¿ndespues en el desarrollo del uso de gruesosfiiete5.eI texto corrido maouetado er idioma', forma paralela se en las imágenes. los ples de %zoy los 'Blegradns en 13 se situan d? acuerdo a un conjunta alineaciones verticaleew divulgación de la asimetría. pesar de lo Estos principios e' entonces todavia te- nian que ser asimilados en la púctica mayorita del diseño CI usa de una asimétrica. 'as tipografias de pala secoy la orea- mzaciOngeométrica de irforrnacibn eran conocidospol un grupode petsonasre'ativa• mente a los ámbitos deç arte y laeducaciôm Lamayor parte del mundo comercialignarabaestasinnovacionesEIdesa- rrollo de ta publicidad en Europay Estados habla contribuido a introducir la rompo- sicion en columnas en la producción de perbdi• cesy reuástas; pero mayoriade ios impresores y diseñadores.toa,v.'ia se VIcontexto visual de! siglo Linjoven caligrafo,'an Tschichold. trar,storrnô esta situacirin, Mientras trabajaba corno diseñador pa.•ala ale- mana :nse' Verlag,Tschichold visite la primesa exposición de la en En un aho habià asemàadola qerspectiva tipaerafica y sensibilidad abstracta de En '925 diseñó un encarte de veinticuatro páginas para una revista *emana. Typc•ryaÇhfsche Mineóungen.dirigida a impresores.en aquel inserto (tituiadr' "Flementgse Iw-•graphie") pudo mostrar 'deas de I,) Bauhaus un amplio público de diseñadores e impresores que atavió entusiasmado su ma- quetanón y basadaen retículas. Tschichold defendia una estética reductora e intrin;etamente funcional. Afirmaba que des- hacerse de los ornamentos. dar a ios tipos de gafo Seco que hacia" la est'uc- tura de formas de 'as letras y crear compo- Siciones basadas en función '.erba' de paiabraseranobjetivosque liberaríana la edad moderna, Losespszios negativow los intervalos entre las áreas de textcy la reciproca orienta- ción de las palabras los funda. ment05 de sus reflexiones sobre diseño Partiendo de idear:de Lissitzsky rschichotd ccnstru;a deliberadavv,ente sus com- posiciones sobre sistema de alineaciones ve:• tirales y horizontales. introduciendo una tura reticularjefãrquica parac"der.ary crearel espacio de todos documentos, desde Sos car- teles hasta los titu;areç Va en e' año ante- rier a la publicación de su celebre Die Neue Typographie(Lanueva tipografial Tschichoíd codificó su Idea de una estructura y defendió su usa en formatos de Impresión estándar sistema actual par* de pape[ (Deutsches Normung. o instituto de Estandarización) —enel que cada for- mato, ser doblado por Samitad. da al siguiente formato más está basado en el Sistema aor Tschicho'd Ei desarrollo de esfa esté, Hacia la neutralidad. tica clet diseño gr-, se vio truncado mane" abrupta, en años treinta. Losdiseña- dores y artistas que utilizaban el nue'O leneuaie fueron arrestados y obligadas abando• el a medida que nazis adquirian poder, pues 'os consideraban degeneradas LaBauhaus cerrá Oficialmente y Moholy Nagy. Mies van der Rohe(también aprendiz de Peter aehrens antes de la i C,uerra Mundiai)y otros tuvieron que abandonar con. tinente e irse a TSEhGchoId, despues de haber sido arrestado y retenido por nazis durante un breve periodo de tiempo, setrasladó a 5uiza Suiza permaneció neutral yen no se vio afectada por la guerra. territorio montañoso y su infli.yente papeaen la banca internacional le permitieron permanecer a salvo de una e,ventua' invasión po,• parte de los na2iç La Suiza,gradualmente. habiz llegado a degender de los servicies y ia anesania que el pais podia exportar Porotro lado.ei del psis hacia propiciado su célebre tendencsaal orden Zúrich y Basileaeran ios centros culturales debVws;las industrias bancarias y de Zúrich se complementaban con la he•'enciaartistica de Basileaen el ámbito del 4buioy la edil ción de libros Junto can Tschichoid también se trasladaron a Suizaalgunos estudiantes de la Bauhauç Max Bill.quehabia estudiaren la Kunste¿ewerbeschule de Zúrich y habia estudia- do en la Bauhaus entre 1927y regresóa sa vais en Otro estudiante de la Bauhaus. Theo Ballmer, también había trabajado en el tallerde tipografia, de Ballmer. Tsthithaid y fue muy destacadaPorsu parte,
  • 16. sW.—ts. los diseñgdores suizos habían desarrollada una tradición que enfatizaba las tecnicas de 'educv Libray simplificación. centrada en la representa- tión s.mbôlicay ejemplificada por la obra del diseñador piokot5tíjl Erns Keller acabó por inclinarsepor unaperspectivatipográfica clásica dtribatcs humanistas. pero hasta principios de los ahos cuarenta continua defendiendo y 'as compos;eones basadas en reticulas Ballmer y Bill continuaron ideas constructivistas en su traba- ja. fundamentado en la matemática eslricta y Lacontribuciónde Bill una doble vertiente- en primer lugar,ta apticaciónde susteoríasbasadas la proyectos profesionales de publi- cidad identidad cryvoratiua:y en segundo lugar, institucionalización de la reticuia meÉiante su colaboración en creación de la FKuela 'SeAdes de en Laobra y de contribui'ian a que posteriores geneaciones de diseñado- resadoptasen la retic•sia_ LaNeueGrafik y el deseode orden. Esta ap'oxi- austera también fue adoptadg par Josef Múner-30ckmann, Hans Neuhergy PaulE'hse.quienes.en su actividad md.viduai. buscaron activamente una expresión visual universa:, Coma editores de revista Neue Graf'k. publicada en Zúrich, cotabty er transmisión de este estilo nai al resto de mundo, creada para rhe Graphic NeueGrafikconteníacuatrocolumnasy tres bandas horizontales o zonas espaciales, que organizabantoda el rantenido. incluyendolas imágenes. Cuando se repitiâ por primera NFueC,mfikmarcó un paso más en el desarro"o del diseño basado retitulas que ya estaba en procesode creación,la realizac;bnde un módu- lo,es decir,de una pequeña unidad espacial que. mediante repetición, integra todas las pa'tes de 'a página. anchura un módulodefine e' anchodecolumna,y sualtura define profun• didad de lospárrafosy,pc)'la tanto. de lasfilas Losyapas de mádulos secombinan en zonas a las que puede asignarse prapbsito En los pw.•yectos editoriales más complejos, los folletosy loscartelesdeformato único,Múller- Bgoamarn y sus compañeros desarzotlarzn sis- temasmadu'aresa partir delcortenido. imple, mentándo;os con una disciplina rigurosw re imagineria pa'a MijIIer-Brockmann n de tipogvafia favorecer const basadas reticufa% En primer libra. TheGraphic and Desgu Promems, en el describe por pnmera esta forma cie diseño reticular Su segundr, in Cyaphic Desígn.es un mar:- fiesam "El sistema reticular implica el desEO de sistematizar. el deseo de penetrar hasta a 'os el deseode cultivar 'a objetividad más que la subjetividad" Basilea.la Ajigemeine La escuela de Basilea. Gewerbesüluie (a Escuela de Oiseha de gas"ea) estaba contribuyendo al desarolio del estilo internacional med'ànte una perspectiva que pareciacantrastaren cierta mcxlocon la de los diseñadores de Zú'ich. Su director, Armin architectonic- graphic desian the concert ooster— series ofu josef muiietf brockmann
  • 17. The New film Hoffman", habiz sito alumno de Ernst Kei/er. y promovia un metcdo de composición Intuitivo basado en la forma y toscontrastes entre tas cualidades óptica; de la abstracción: y oscura.curvay angula. orgánico y getvné- trico La Integratidn 13 y Imagen desempeñaba un papel importante en los pla- de estudios de ia escuela Sin en 1947EmilRuder. q._.e habiaestudiadoen Zúrich. se ACScorno profesor de tipografia, Ruderdetencia equilibrio entre forma y fun- Lion. explorando con ngor "os matices de tipo- grafia y 'os contra:teS ópticos además de utitizar estrwturas reticulares sistemáticas y generales, Consu metodo'Dgia transmitiâ susestudian- tes un exhaustiua proteso de resotucien de pro- hirmas visuales que ¿yuca a extender rnás uso de la reticula_ tJno de aqaelaosestudiantes era KW: Ge.m,lner.que tarde constituyó su propio e•itudio en Zúrich y contribuyo a que la reticu;a e'.oucionase hasta en uno de 'os pilares del diseña moderno. En '968 Cerstner publico su primer libro, Desigmng Programmes: reti-at:a tipográfica -escri- ESuna guia proporciona' para texto. tablas, imágenes.etc Esun programa format a para unos contenidos El probfem3: encontrar el entre la y la manrn,3 libertad O bien: el mayor número constantes combinado con la mayor variabilidad posible; Lareticula corporativa. Ei uso de retículas comenza a el diseño estadcu"idense y europeo durante y Cespuesde los años sesenta. Radíkale für einen geeinten starken sozialen Kanton Basel Radikale Liste 1 Renito una forma especialmente eficaz de pnagrarnzsde comunicación de grandes organizaciones. eventos o empresas Ma. Otl Aicher y otros e*ponentes de' estilo les ron en su; esfuerzos sus colegas holandeses. ingleses. Italianos. aemanes y estadounidenses Enlos PasesBajosel rntwim'enta en favorde un diseño racional. guiado por progra.•nadefini- do. tue encanezado gen Bas y Bruno Wissing, cuya emp'esa_ se conu«tiéen un con su práctica de gramas de comunicación reticulares para En Estados unidos. estudiantes de escuelas suizas y algunos emigrantes europeos trasiada- ron el *Stiic interreeonal -y un públia•l enorme. kard, e: pione:o del diseño rv-%dernoen Estados a principios de los años desempeñado una función importante a la hora de convencer a las empre- sas de que e' diseño era bueno para ellas; sus
  • 18. cliente5y los deotros diseñadoreshabíanido familuanzàndcse con idea de utilizar progra- mas de coman•cación que ayudasen a organizar suimagenpública Cnsusmanualesde diseño para Westinghouse. publicadas en '965. Rand desarrollócomplejasretículasparaasegurarla continuidad en medios tan di•.ersos como 105 em5aiàjes. la publicidad impresa y la televisu.brv E;diseñador alemán Otl A.cher implementá un programa tcdav;a más preciso para tuf-thansa. las lineas aéreas Colabo'ando can Tomas Gonda. Querengy Nick Aicher se adelantô a todas las necesidades potenciales de Lufthansa. estandaràandc forma- tos y reforzando granrigor la reticulaafir áe unificar la comunicación de elementos que se atenían a requisitos diversos de tamaño, mate, rial y Uros manuales y unas medi- dasdefir"dos al detalle aseguraban la uniformi- dad visual en cualquier aplicación. La idea de una totaiidad en el campo del d«seño, basada en una retícula, encontró expresión tam• frién en obra de Massimo Vignelll y su e5posa, Cella, fundadores de un estudio de diseño en MilSn en 1960, Ambos habían estudiado arqui- uniCnd tectura.y desdelosiniciosde sucarrerallevaran cabo un acercamiento estructural impecable- mente y sistemático En particular, Massimo habia iniciado una amplia investiga- cian de estructuras reticulares para diversas organizaciones culturalesy entidadescorporati- vasde Miiàm Estosprimeros proyectos lo ron aadoptar unaperspectivaquesecentraba en la división del espacio de una reticula en zonas semánticamente difeenc,adas EI sistema de division Adicional permitia centrar- se en tenas que integraban la estructura modular gioba'. lo que contribuia a clarifica' un materia' informativo complejo Al otorgar a estas divisiones horizontales una entidad Visual,que adoptaha forma de bandas sólidas.el ajo aprendía a orientarse para encon- Información especifica. 1965Vienelli tomá parte en la creación del p'0yecta de diseño en colaboración con Unimark International. dc acuerdo Con Su de el diseño debia rechazar todo impulse de expresión indi- vidualy fainrecet.enLambio,el de5arroIIode sistemas globales. que Ileg crecer hasta tener aproximadamente cuatrcxentos empleados cn cuarenta ocho paises,sistema, tizá y estandarizó lacomunicación para una legionde gigantes corporativos, entre ellos Xerox,J.C,Penney.Alcoa. Forey Steeicase, •,971 Massimo y Lenaabrieron V:snelli Asscciatesen NuevaYork,de5puésdr 'a desbandadade Unimark. Su nueva compafria se regia por una filosofia similar, la reticula el apunta- lamiento de muchos de sus trabajos en terre• la identidad corporativa. la edsción y e' diseño de libros, y el interiorismo. en 1977. como parte del ProgramaFederalparala Mejoradel Park al ccolo Teatro da sabato 20 febbraio La lauichenecca
  • 19. ño gráfico. Losdiseñadores empezaron también a utilizar como un fin se,ya expr- tar potencia' ae la formH en si Laexperimentacion radita' basadaen estructu• ras reticulares se a catK' en los años Ochentay condujo finatmerãe a exa- minat otras de métodos organizativos, diseñadores y profesales de d.seño como April estudiado tipo*Afia en Bas.leaiy Katherine McCoy{una diseñadora industria' a! traves de uno de primeros trabajos en Gnimark) encabezaren Ir,vest'sac13m sobrepaso los lim•tes de la estructura racionar Este tipo de deconstruccion acabó siendo asiruiiado. asimis- mc. por la práctica can e' trabajo b35üdoen risicias estructuras reticulares y otras ideas enteramente antiest'uctgrale% ha llegado a considerarse una de las muchas herranventas que diseñado'es pue- den utiliza' Objetivos de comuni• ratiôn arios ochenta y noventa. el grupo de britárvcos contrihuyó tab;'ecer 'a conciencia del pensamento estructu, ral mediante la publicación dc su revista Octavo, que trató diversos remas tipograficõs en una edición de ocho numems. En medio de una proli• feracion de nuevas perspectivas que hasta cierto punto debe revotucion digital, f.rmas más reciente; como Melaoes•gn. LINAy Mrthod han continuado investfando método; organizativos que derlvan del estilo Intemaciona/ A medida que nos adentramos en el siglo 13utilización de que se desarrollaron en lo de 'os últimos ciento cuenta añosh5 seguida un en ei zampo del diseño grStico tnternet ha tado ser un medio que puede benefictarse del pensamiento basadoen reticulas como torma de simplificar el acto vertiginoso de navegar a través de intormacibn interactiva, Resulta dificil g•na,• cdmose losmediosyei dse- iodurante los próximos ciento cincuenta años. dado el ritmo q¿.Than alcanzado recientemen- te: muy posible en ei futuro la 'eticu- lipogràftG continúeayudanõoaiosdiseñadc> .rnpulsado por el gobierno estadouni, W.gnellidesa"0Pô un sistema destinada a u- las del Servicio Nacional -e :arques DenominadoUnigrid ["uniretí(u'a"). itstema establecia tuna reticula madu'ar. k: Cina por bandas horizar.taies. que aba'caba formatos y superponerse a una Unica - Ce pagel formato estándar. el gastc de papel, e' tiempo de y o'.'as diversos. permi- pue ciferentes de y del Servflc Nacional de Parques se con- en los aspectos creativos que implica- :-i@aisehode diferentes fonetos y carteles "*es de los 3,hos setenta. la eiahoración de de comunicación de forma !i lili li ya esperada a fin continuidad wsual_Ejemplos este estudios especializadas en Cad corporativa como Anspach Grossman en Nueva que desarrolló e: -z ident•dad Cit.bank y "tres c}$en EI Internacional 'legado ser una parte aceptada res estructurar la comunicación durante un tiempo. i!
  • 20. Conceptos básicos de la retícula Taller en diseño estructural Cualquierdiseñoimplica la resoluciónde una seriede problemastanto a nivelvisualcomoa nivel organizativo,Imágenesy símbolos,campos de texto, titulares, tablas de datos; todo ello debe reunirse con el fin de comunicar una reti- cula es simplemente una forma de presentar juntastodasesas piezas. Lasretículas pueden ser flexibles y orgánicas, o bien rigurosas y mecánicas. Paraalgunosdiseñadoresla retícula representaunaparte inherente al trabajo de diseñar,de la misma forma que la carpinteria constituye unaparte de la fabricaciónde mue- bles. La historia de la reticula ha formado parte de una evolución en la forma de de los diseñadores gráficosen relaciónconel proceso de diseño. además de una respuesta a proble- masespecíficos de comunicacióny producción que necesitaban resolverse.Un programa con textos corporativos, por ejemplo, es un problema surgidoafinales delsiglo quedebesatisfacer complejasObjetivosy adaptarsea requisitos también complejos. Entre otras cosas,una reticula está indicada para ayudar a resolver problemas de comunicación que presentan un alto gradode complejidad. Losbeneficios que reporta trabajar con una retí- Cula Son sencillos: claridad, eficacia, economía y continuidad. Más que nada, una reticula aporta a la maqueta- cián un orden sistematizado. distinguiendo los diversostipos de informaciónyfacilitando la navegación delusuarioa travésdelcontenido. Elusode una retículapermite que un diseñador puedamaquetarcantidadesingentesde infor• mación, como ejemplo en un libro a en una seriede catálogos,en un tiempo sustancialmen• te más corto, porque muchas de las cuestiones queafectanal diseño yasehabránresuelto enel momento de construir la estructura reticular Lareticula permite asimismoque muchasperso- nascolaboren en el mismo proyecto,a bien en una serie de proyectos relacionadas, a lo largo del tiempo, pasando de un proyecto al siguiente sin que tascaracterísticas visuales sevean afectadas por ello.
  • 21. 'c AVupa Henry Magaziner k.•entar la página en partes. Constrw.• determinado vafcwar de tcvma proturda e! contenido de dicho proyecto, en lo que visualesy semánticas det -2 •.-pográt.ct-v - tipográfico es gobernado por una le relac.ones enfie las partes y c' todo - sola de una palabrw crean Lina linea: no tan selo espacial formato Si se coloca de manera — Es una pero que un •spacio sabre un espacio bain {'as ctra. ctra. se convierte " no se tr¿ta de magaziner una smo de una forma con un limite y visua[ CIlimite crea una para la p.ásinay,a vnedidaque seesti'ay el psrratD se convierte en una coiumrx que rompe e; espacio y,a: mismo tiempo. se03nvierte repetidas por o de proporciones «eam un ritmo de esoacios los que el limite for- mato se reafirma, contrarresta y se reafirma de nuevo Losespaciosvar_iosent'e párrafos, columnas e imágenes contribuyen olientar como también 'a masa que constituye la textura de p*abras a que rodean Las alineaciones entre y espscios vatios conectan c, sepstan wsaalmente entre Si rompe e/ espacio denr.•o del composición. el dise•hador e a' una pasiva, en ja que antervalos entre elementos son crea un Campa de estático S' el d'seña• dor introdu.e Lambes, por ejemplo un intervalo mayor I»; i'r,eas o bien pesa elemento dentro de la uni• formidad de la mente percihe este t•nfasi; Signod? se e;tabiece onten o ele- mentas de la página. y cada uno de 'c; succsM2s introd res Las modificaciones Visuales del enfar,is árantrade 'a jerarquiA efecto gente el sentido verbal o conceptual de! contenido LIN diseñador tiene un número ilimi• tada de opciopes ei peso, su ubic,v ciOr.y sus 'nterva105a fin de modifica' la 'erarv quia y.por de perc'bl' ta secuencia de reticula esta '@acion de alineaciones y convertirla en pueda Ser comprendido y otras personas
  • 22. Anatomía de una retícula: las partes básicas de una página Una retícula consiste en un conjunto determinado de relaciones basadas en la alineación, que actúan como guíasparala distribución de los elementosen todo el formato. Cada retícula contiene las mismas partes básicas, con independencia del grado de complejidad que alcance. Cada parte cumple una función determinada; estas partes pueden combinarse en función de las necesidades,o bien omitirse de la estructura general, según la voluntad del diseñador y dependiendo de la forma en que interprete los requisitos de información del material. Construir una estructura adecuada. Eltrabajo con retículasdependede dosfasesde desarrollo. Enla primerafase,el diseñadorseproponevalo- rar las características informativas y los requisi- tos de producción del contenido Éstatase es extremadamente importante: la reticula esun sistema cerrado una vez ha sido desarrollada y, a la hora de construirla, el diseñador tener en cuenta la idiosincrasia del contenida. como por ejemplo la existenciade múltiples tipos de informacidn, la naturaleza y la cantidad de imágenes.Además.el diseñadordebeadelan- tarse a problemasdediseñopotencialesque puedansurgir durante la maquetacióndel con- tenido dentro de la reticula, como por ejemplo, la existencia de titulares especialmente largos, el encuadre de Ia5imágenes o los puntos muer- tos que surgirán cuando seagota el contenido de una sección determinada. Lasegundafase consisteen maquetarel mate- rial de acuerdocon lasguíasestablecidaspor la reticula.Esimportante comprenderque la reti- cula, a pesar de ser una guia precisa,nunca imponersea loselementosque secolo- carán dentro de ella. Sutrabajo es proporcionar una unidadglobal sin rebajarla vitalidad de la composición,Enla mayoríade loscasos,la varie• dad de soluciones para maquetar una página dentro de una reticula dada es inagotable, pero incluso entonces esaconsejable romper la retí- cula de vez en cuando, Un diseñador no deberia tener miedo de supropiaretícula,sinoforzarlaa fin de ponera pruebasuslimites.una retícula realmente bien planeada crea infinitas oportu- nidades de investigación. Todoslosproblemasdediseñosondistintos, y cada uno de ellos exige una estructura reticu- lar queseaútil parasuselementosparticulares. Existen algunas clasesde reticula básicasy como punto de partida, cada una de ellas es adecuadapararesolverdeterminadosproble• mas.EIprimer pasodel procesoradicaen consi- derarcuálesel tipo de estructura básicaquese adaptarámejor alas necesidades específicas del proyecto.
  • 23. t tensión puede r" el en b*ndas informat'cn; Las "•p.vadm pagina
  • 24. Retícula de manuscrito Lareticula de bloque Omanuscrito es,estructu- la sencilla que puede exstir. Como su nombre implica. su estructura de basees un área grande y rectangular que mayor parte de página Su es acoger textos largos y continuos, como en un librQ se desa"O'Ió a partir de la tradi&ón de manuscritos que finalmente condujo a la impre- Siande libros. Tene una estructura principal —elbloque de texto y los márgenes que definen Su posición en una cundaria, que define otros detalles esenciales: POS'CioneSy de del foiir explicativo. hs titulos de capitulo y la numera. ción de las psgjnas, junto con un área para las notas a pie de página. si es necesario Incluso dentro de una estructura tan simple es preciso tomar precauciones pata que la textura de tipografia continua pueda ieese camcxja. mente página tras págin,m Un gran volumen de tipografia es.en esencia, una composición pa5iva y gris. Esimportante crea' un interés visual, comodidad y estimulación a fin de motivar de manera constante al lector y evitar que e' se fatigue demasiado pronto durante sesiones prolongadas de lectura. una de las tormas de introducir interes visual esajustar las proporciones de los márgenes. Dentro de una dob'e página, los márgenes inte- riore5 tienen que ser suficientemente anchos para que en el medianaL Las retículas clasicas reflejan los blo- ques de texto de las pág•nas izquierda y derecha en torno a un medianil amplio Algunos diseñadores utilizan una proporción nica entre los mareenesy el peso del bloque de texto En general. los márgenes más anchos ayu• dan a' ojo a centrarse en el texto. y producen una impresión de calma o estaballdàd. unos márgenes laterales estrechos aumentan la ten- porque está al del formato. Aunque las reticulas de manuscrita tradicionaies utilizan márgenes que tienen anchuras también puede cre- arse una estructura asimetnca en la que los intervalos de margen sean diferentes una estructura asimétrica añade espacio blanco en ula de el que descansa' 'a vista o en gue colocar notas. Ilustraciones pequeha5 u otros eiementos editoriales se dan con y por lo tanto. en rea':dad exigen 'a alt.cul*- de una verdadera rclumna para el±os Elcuerpo de la tipografia en e' bioque de texto e' ent'e palabrasy e' tratamiento del rio— tiene una enorme importancia Cors•cerar ei cuerpo de la tipografia para e' caracteristicas de espacie permitiro al diseñador interés visual al sutil efecto de contraste con e' material secundano Dene recordarse ples modificaciones en e: color de la tizografia el o IR dan muy significativas a tora ae perchit 'a jerar- de la este los cambios de menor caiFÓre suelen ser igual- mente efectivos.
  • 25. Retícula de columnas a -"formación que esdiscontinua presenta la de que puece en mt;ca'ey pueden deç•en- unas ei casa texto conido. ser si sc trata de peque- de o pueden crear anchas, reticuta de ,mna muy puede utilizarse para Por rueden corumnas para el corrido V de mayor tamaño. •-ar.taque los de situarse en esta diwosici6n separa zaramente fr_'70 principal, vez r.erm'te que e' establezca cje columnas depende del cuerpo ze del Debe encontrarse una en quepan tantos caracteres determinad'_v Si la mna es estrecha, probabiemente demas;adas pórti'_lonr.'s será contrana, con coiumna demasiado .m-z_i zara de deteminado. al 'e resultala m," pone, de una o de líneas consecutivas Estudiando los efectos de las alteraciones en el cuerpo de letra. el Inter'ineado y espaciado,el diseñador podrá encontrar un ancho de ct.•lumna cómodo En una reticula ae columna tradicional, medianil entre tas columnas se da una medida Yy a las már• genes vecesla medianil.estoes. LOS márgenesmásanchosquelos medianiles coturnnas atraen 'a atención de; ojo hacia la parte interior tension entre el borde de columna y ei borde del formato. Sinembargo. no ex;sten reglas,y losdiseñadores tienen libertad para la proporcibn entre y margen acuerdo con sus propios gustos a sus Intenciones En una de columna existe también una estructura subordinada, Se trata de las lineas deflujo: intewalrs verticalesque le vx•rmitenal diseñador acomodar los cortes poco frecuentes Aue se dan en e: testo o ItmgeneS en una página,y que crean bandas horizontales que atra, viesan e' formato La finea superior es una concreta de linea de flujo setrata de la pnrnera linea del bloque dc texto corrido. situada encima de todas las Ésta iine,:. define la distancia vertical desde la parte superior formato papel.desdedonde comenzar* siempre texto de diseño de lascolumnas ocasiones.una linea úe flujo práaima a' borde superiol de la pág'na indica el dest.nado a losfolios explicativos, a la o a las divis;ones de otrai lineas de fluàoadicionales.'Ruadas en medic o hacia el borde interior de la pagina, pueden estah'eter áreas que el diseñador destine a imágenes scia. mente." bien tipos de texto corrido que deben aparecerjunto al texto principai. cCm10 referencias temporales. 5ubarticulOs Ocitas Cuando se dan diversas c$ases de infamiación que hayque tratar de manera yuxtapuesta y que son rad'talrnente diferentes entre s;. puede optar• se por d'señar una reticula de coiumna concreta para cadatipo de info'maciõn, en lugar de tar anstruir una fr?ticuia de columna para todas ellas. La naturaieza de la jnfcw-nacién que hay que maquetar podria exigir una reticula com- puesta de dos y una segunda reticula de tres columnas. ambas con 'os mismos márge- nes En este tipo de reticula de puesta, la central de la reticula de tres columnas cabalga sotue el mediani' que queda entre las to'umnas de la reticula de dos colum- mas,una reticuia de columnas compuesta se puede componer con fos. tres. Dmás reticulas. cada una de ellas vara un contenido concreto
  • 26. Retícula modular Losproyectos de gran complejidad requieren aedo grado de control que va mas del que ofreceria una retitula de columnas en esta sítuacidn, la eleccidn más eficaz ser una Una en esencia, una reticu'a de columnas con un gran número de lineas de flujo horizontales que subdividen las columnas en fifas. creando una de celdas que se denominan modulos. Cada módulo define una pequeña porcien de espacio informativa definen áreas "amadas zonas a 'as que pueden asignárseles funciones especificas. grado de control arpende del tamaño de los modulas. Los módulos peque- hos proporcionan mayor flexibilidad y precisión, pero el de subdiwsiones puede resultar confuso o redundante. Las proporciones de los módulos pueden deter- minarse de muchas formas A veces. ejem- PIO, el módulo pue'e tener la anchura y la longitud de un párrafo med'0 de texto principal. en un cuerpo de letra determinado los rn&dulos pueden ser ce proparcibn vertical u horizontal. y esta decisión puede estar vinculada al tipo de imágenes que sevayan a organizar. o bien al tona general que e' diseñador más adecuado, proporcione; de IOS deben considerarse de marera simultanea a las de los módulos y los medianiles que los separarl Las reticulas mcudu'ares se utilizan sobie todo para coordinar los sistemas extensivos de publi- cación. Si el diseñador tiene la oportunidad de considerar toaos (u la mayo';a de) los matenates que se quieren presentar por medio de un siste• ma determinado, farrnMas se en una extensión del módulo. o viceversa. Regulando las proporciones de los formatos y del módulo varios InterreEacionar tos formatos implica que puedan utiàzarse juntos de un modo armó- probable que puedan imprimirse al mesmo tiempo y. por consiguiente. un mucho una reticula modular también resulta adecuada para el diseño de información tabulada. como cuadros. formulanos. programaciones o sistemas de navegacióm Larepeticiôr rigurosa del módu- lo ayuda a estandanzar el espacic de 'as o los formularios. y también puede contribuir a an de de foto i' cn p tacón de de para libro integranos en la estructura del texto y las imágenes que los rodean Aparte de sus usos prácticos. la reticula madu'ar ha desarrollado 'masen concep- tual. que aigunos d.sehad•res encuentran tiv¿m Entre Eas decadas los cincuenta v ios ochenta, la reticula se a un orden politico O idea encuentra su origen en e: pensam'ent•a raciona- lista de la ei estila suizo, que ceiebran 'a y e' ordem la reduccidr de elementos hasta llegar a esen• diseñadores que suscriben estos Ideales veces uti!izan reticulas modulares para este de tacibn superpuesta a elemento de requisitos de información sencilics ttymatos simples pueden estructura'se con de esemodo se lesconfiere un sign;f.• cado adicional de orden, v o bien una apariencia urbana, o tecnológica
  • 27. Retícula jerárquica veces, y visuales teticuia extraha que Estas están mas de alineaciones wnculadas Ce los elementos. las entre t•enóen a presentar vanaciDnes EI una reticula Jerarquita empieza anai'üi: la que pmvoCan (os Si se prc5ta aten- e iOS cambios de en la página. se pueda •.;rse a nvEhas element3s dispa, os en un formato senara, corno un cartel Una reticula jerárquitR también puede paraunificar loslados de determinados 'Jien para crear nuevas disposiciones visuales si éstos Se mues- en grupos. Laspáginasweb constituyenejemplosde reticu• lasJerárquicas Durante 'a de úesarrallo de 'nternet. muchas de las variables quesedan Cn composiciônde psginasweb no pudieron fija«se debido a ayustesde los navegadores que 'os usuarias Incluso en 'a actualidad. con el para estab;ecer m"genes fijos. el contenido dinámico de gran mapo» de páginasweb,y la ov,ibilidad de alterar de la ventara del exigen flexibdidad de y longitud que hace imposib@cualquie' clase de reticula estricta. aunque sea necesaric que se estandaricen las 3Gneacionrs y 'as diversas áreas donde se va a mostrar la informac•álb Éstetipo de retícula. tanto si seutiliza vara construir libros corno s. seusa para diseñar carteles o páginas web. constituye una aproxi- mación casi orgánica a 'a manera en que se ordenan 'a infarmatiómy los elementas que 'a aun *Si. también todas las partes a/ espacio t•põgrSfitO de una forma arqui• tectónica.
  • 28. Variación y violación Las secuencias en las maquetas reticulares Una funciona de verdad Socamente tras haberse resuetto todos los demSs proble- mas literales. el diseñado' se eleva sobre 'a uni- fonnidad que implica su estructura reticular y la utiliza para crear ana narrativa visual dinámica compuesta de partes que mantendr.hn el interés mayor que el usa de reticulaS essucumbir a su regularidad. Es importante recordar que la reticula es una guia invisibie que existe en el -nivel más profun- do" de maqueta; ei contenido está en un nivel menos profundo, que a veceses restringida y atras veces. en cambio. tiene libe'tad de movi- miento No son tas reticulas las que hacen aburrido el diseño, Sino iOS diseñadores en zonas q d '-l mena Una vez que se ha puesto en su lugar la reticula. es conveniente ordenar todo contenido del proyecto.doble página por página. para ver qué en cada una de ellas un story board de miniatura5 para cadadoble página dei proyecto (o para cada de una animacion o para cada página web} puede resulta' muy útil para formarse una irnpyesier de qué lugar ocu- pan determinado; contenidos, para determinar qué panes del contenido o de las imágenes necesitan desarrollarse másy para comprnhar qué aspecto tendrá cada fable página en rela- cián con tas demás De este modo. el diseñador puede poner a prueba variaciones de maquet.w cibn en la reocula y el resutado en lo que se refiere al ritmo de las maquetas. ¿Puede existir una Vógicavisual en el mado que tienen las ele- mentes de interactuar con la reticula pagina tras página? PC"ejemplo, Ors eiementoS *áficos cambian de posicidn de una p3gina a otra? Laoscuridad o la claridad globa' de cada página, de de farma ritmi- Quizás se produzca un cambio graóual y se pasede disposiciones de página más simples a complejas, o bien una alternancia de densidad dinámica, escalonada. a lo largo de las páginas Al crear una lógica «tmica c secuencial para 'as dobles páginas. en Eoque serefiere a iaforma en que se relacionan can la retícula. cada doble página puede tene una presentac'àn visual propia fanoonar como de un todo_ Las partes presentan una unidad que emana de la reticula que subyace a enaç 4
  • 30. Clave para la notación de los ejemplos [I diagrama que puede versea continua- una doble de! libro dedicada los '-as indi- aciones que seincluyer junto a cada una de estos qcmplos presentan dates que sirven como referencia rápidm También seseñala can que otras obras recoE'da=.en este libra puede compararse cada ejemplo. tanto si éstas sebasar, en e5tructuras reticulares coma si no (véase tarnbién "Diseñar la reticula. Ejemplos", pi' 1281Con estas sequiere invitar al lecto! a sc propia an*isiç En ocasiones. relac•ón enfie los ejemplos que se compwan es abiertamente esTuc- en algunos casos.secomparan ejemplos con caracteristicas opuestas detejemplo Créditos del Ma cado' de del Diagramaestrv:tural _ Comparaeión de ejemplos
  • 31. Diseños basados en la retícula
  • 33. Poundauon Estepequri'O libro pausada austeró de los arquitectos y artistas a quienes Pulitzer Foundation encargó la de su nueva espacio de exposición y museo: e' texto minimalista japones TadaoAndo. el tor estadounidense Serra y el pintor tamv bien estadounidense Ellsworth Kelly E' libro se estructura a partir de ura de n:anuscritá que tiene una margenes y supeno' son muy anchos. que zaa' bloque de a desplazarse hacia la parte inferior dereüha, F' de solidez arquitecto, que gene'an estas proporciones sematiza mediante ei carácter serena y abierto del mar- gen una linea Superior constante para tegto co•riÓo y una segunda Enea superior mucho más *'riba en el caso del explica. tiw— dan tugar una tranquila y sencilla que evoca la claridad y pureza de arquitectura real descrita en e' texto Losfolios reflejados se inc"nan hacia ia asimetria mediante el uso de flictes que hacen rete, renci.l a •a*Ometrva dei edif,oo y de 'as pinturas que en Su ¿ntevovLas•rnágenes.selecciCF nadas por su sencillezy sucaracter abstracto. se muestran solo dos postiles: san• gradas cuatro 'ados,o centradas en una ventana proporción vie- ne definida pov el ángulo que marca el bloque de texto de la ritmo se va marcando mediante elegnr,te naternancia¿e los forma. tos dc imagen y negros o b'ancos netas y los pianas de p'anta seacomodan en ura t'es dominada por larga I.nea superior de la reticula de manuscrito.
  • 34. 'Retícula de columnas de ejemplos 02 26 22 05 28 23 08 33 30 36 31
  • 35. Che & 1.1Purpose the Facilities the Buildings Service una reticula muy básica de dos columnas organiza manual En su condiciàn de docu• menta que debe servir para diversas oficinas de la OSA C,enegal SeA'ites Administ'dtion O Administracion de SefwcaosGenerales}y de la promociõn de const'uccibn publica. Su sencillez favorece la continuidad de la presentac'ón y gyuda a lectores a accedera la información fácilmente columnas dividen ciararnentc las pasmas por la mitad, Losmargenes son mcntC regulares: los márgenes interiores son un mas anchos a fin de compensar la encua- 39 dernac;ón. realizada con espiral metálica de ani• lias, Mientras que elementos lineales marcan los márgenesa iargode tDd3la guia,la reticu- la completa sevuelve visableer•, páginas que recogen los contenidos de cada seccion,en una clara evvcaciÔn de las copias de planos emplea- das en arquitectura Lasfo;ios de aba'- can las das cotumnas. a pie de pagina.yno era, su parte danto preferencia a otros elementos de mayor importancia en la jerar qaia: las tifu(os de sección,los subtitules y la información en esquenl± Loscuadros y las tablas se integran ton faci'i- dad en la retxuia.y ofrecen cierto geadode variación dentro de la sencilla maquetación de las paginas Laspestañas de portadillas utilizan marzo de los de la reticula como elemento deco'ativo. en contraste con 'os rúmeos y ios titulas. de un coerpo muy vande,
  • 36. 03 Retícula modular de ejemplos 06 07 09 vivacity Still celebrating the new diversecity EI diseño de esta memoria anual utiliza una reti- cula directa. de gran tamaño. Cetres de par tres de anchura, dentro de un formato cuadrado. Eietecto esde una agradabie senci- liez. pero permite a los diseñadores dar unidad a la variedad de obras de fotografiay ac-.ivi• dades que deben mostrarse por encargo del cliente, una organización fiiant'6pica det ámbito de' arte.
  • 37. ARI capacity ' rasimagenes iOSmódulos de _z en combinaciones que alternan •a y tres anchuras de modulo para conse- animado ritmo de y —ces ccr: 'a anchura de una fila, a veces • en oz:asiones Ce tres Q05 módulos están entre Sipor medianil gene'oso. ei carácter del diseño y Laatención hacia lasformasque Why Not las textos y imágenes, Lascitas. en un mayo'. el texto corndo. los listados de info'macjen y los datos financieras seadaptan. todos ellos. a la 'eticul,v Parasuavizar ta regula- ridad e interactuar visualmente con La tura modular de 'as páginas.se han encuadrado las amágenesde forma radical y se han utitizado elementos compositivos dentro de fatogta- fias escogidas
  • 39. Gna sencilla reticula jerárquica organiza los contenidos de pagina web de este estudia de marketingy también sus trabajos Lasproporcio- "es de 'ada una de áreasdentro de la p*gina atresçonden la función que desempeñan en presentación del contenido, divisiones horizontales impuartantes.por ejemplo, separan un área grande destinada al texto y las Ningur,a de las áreasde contenido tiene une prap•orciõn'gua' 'a de las demas. sus dimensiones horizontales. verticales y modulares respectivas mantienen una especie de sosegadatensión entre si. Laslineas de división de la reticula se han dejado a ta vista, y creandc un sutil 'enguaje visual para forma en presentan IOS menús de navegación y la imagen corporativa del estudio. EI formato cuadrado del marco de contenido principi puede acoger los diversos formatos de trabalos por el estudio de diseño. desde folletos alargados hasta logotipos indivi• duales Lalinea separa el contenido principal —enel que se muestran 'os proyectos del estudio de diseño- de las áreas de navega• c'ón. la presencia coworativa del estudio y la5 ampliaciones de detalles de los trabajos
  • 40. Retícula de columnas comparación de ejemplas 02 08 11
  • 41. Van Estamemoria anual para un banco privado de 'os PaisesBajosestá organizada en torno a una elegante retiru'a de que Integra manera impecabie el texto corrido. las tablas y 105datos financieros. EIbloque de texto está dividido en cuatro columnas básicasde 40 mm cada una, y estar». a vez.en la mitad. que es la anchura de la cifra numérica más Iatga de cualquiera de lastablas. Un conjunto de atineaciones separa- das entre si por mm en barde bloque principal de texto proporciona un marco consis, tente para el texto y los datos financieros LOS subtitulos o las notas sobresalen ligeramente para alinearse con el número de página que esta en la parte La linea su;Yrior del cuerpo de texto crea un espacio entre el folio explicativo yel contenido de las tablas Las columnas de números se dife- rencian entre s' medran!e espatic blancc o tin- tas de fondo. y los datos numéricos para el 2000 son IOS más destacadcy; tapa dura está estampada en seco con ei bla- son familiar del banca,haciendo un guiño sobre lo reservado de Su interior. pero está envuelta en un cartel de colores plegadc que muestra las cifras más destacadas det interior La vivaz tom- posición Ofreceun contraste atractivo con la sobriedad del interior Su borde superior, más corto que la cubierta y que tanto deja ve' el logotipo del banco.estáa la rnismaaltura que 'a linea superior de texto en el interior de la memoria, 6 9
  • 42. 06 'ÑRetícula modular comparación de ejemplos AG 03 24 34 02 07 25 35 03 10 27 38 06 13 29
  • 43. Ausstellung plakate Willisau Rathaus 23. Juni- 1. Juli Estosdos carteles ponen de manifiesto la versa- tilidad inherente a una reticula modular, Fn cada uno de ellos. e' tamaño de los módulos está relacionado con el contenido del cartel, cartel de Año Nuevo realizado para un impre- sor de serigrafia utiliza una reticula modu'a' ajustada como basepara Su interpretactón calo- rista de2 anual_ Los módulos repre• sentan los dias de' año, oreanizadcs en doce columnas de treinta y una Lada una de ellas, A cada dia de la semana se ha asignado un colcr distinto La repetición matemática •rre• gula' de los dias.en contraste car. la uniformi- dad del principia de cada mes. crea una trama de aspecto aleatono qae evocaal mismo "empo la matriz c.:clica del y una lluvia de EIcartel de la exposición utiliza un módulo t: mucha más grande como base para su composi- Las que e' titufo de ia exposición se han colocado cn una retícula que tiene proporción de Sy está compuesta por modules. proporcionados verticaimente. calxadas a sangre hasta los bordes del formato del no hay márgenes_ Los sucesivos cam- posde blanco y negro crean fondos para las letras individuales. EIdiseñador ha "engañado" a la reticula un poco par* asegura.' la legibilidad de las letras. desplazandolas hacia arriba o hacia lados para que sus formas sean visibles. perc aun asi la "Itegridad de ret•rula permanece, superposiciones y yuxtaposiciones vibrantes de áreas blancas y negras aportan una ligera a la regu;aridad de la estructilra sub• yacente Laglan escala del titulo deja paso a una columna más centrada en que aparecen los datos reiativos a fecha y 'a horà de la en ia última co'umna de la derecha.
  • 44. 07 Retícula modul ar ..con articulaciones ompuestas comparación de 20 24 25 27 I llic_
  • 45. En una insólita desviación de reticulas modulares normales. en las que e' mismo mCKiuiorige todas las páginas con inde- pendencia de la información que se presente en cada una de ellas.esta memoria de pequeño formato utiliza tres arti- colaciones independientes de una retitula modular, cada una de con Su pvopia proporcion modular, basada en la prcE pcución de «nódulossubyacentes. Lasreticulas individua*es están adaptadas a secciones o a clasesde maquetación especi- ficas_A lo largo de vanas secciones,la alternancia de reticuiag individuales serepite, aportando una cadencia agradable a las dobles páginas. una 'etícula modular de 6 x 8 en las páginas de 'a fquierda a largo de la pernera secciõn muestra E; entorno empresaria'. y estructura un párrafo de testo que aparece en la parte infe- Losmárgenes superior y laterales vienen definidos por la anchura del mbdulo; el margen inferior tiene una altura de mecho módulo, La página derecha utiliza. en cambio. reticula modular de base La reticula es porque aparece superpuesta a la Este rasgo parece decorativc en un primer momerv ta, pero la reticula seutiliza ma organizar información temáti- ca como si fuese un rompecabezas.asi como la información que aparece en la parte interior, por to que en realidad setrata de una caracte'i5tica esüuctural. El máduio pequeño. a diferencia de las imágenes en primer plano.comunica una mayorprofundidad aeenfoque.pasandodel entcrno a la sana y de ahi a función de cada puesto de trabajo textos corporativasy las comentariosa gestión utilizan la primera estructura reticular Otro tamaño de módulo distinto define la retitula para sección que contiene información financiera. separada de la seccióndedicada a conceptos mediante la utilización de un papel cuya color contrasta con el p'imeru
  • 46. 08 Retícula de columnas modificada de ejemplos 26 28 33 rortv
  • 47. Estapublicacidntrimestral quepromocionael catálogode unaeditorial está diseñada a partir de una clase paco frecuente de retitula. que tiene unas dnnensnnes verticales de dog lineas de flujo distintas, ambasen 'a parte de cadaunade taspaginasque conforman una pagina mr_'estfÀ un libro.Lalineacentralvertical de pagiEã utiliza como punto de orientación canstante para presen- ta' informacion sobre la pubiicaciàn. que está izquierda a partir de dichaEnea.yquecuelgade la primera de laslineasde flujo. E;espacio quedaentre informaciónsobree' y ea del texto descriptivo define banda hcv;zontal estrecha. EItexto descripti- cuelga de la segunda de flu'c, que asmismc: I:' del número de en de esta banda horizontal estrecha. cl titulo del -compuesto en una versión de y vaso' mayor que ia misma sir, remate que se emplea para el texto esta colocado arriba partir de linea de eujo_ por s. ello es Las nt.merosas divisiones permiten a su ve: e' diseñador dote Ge ritmo y rnov,merto al texto desplazando arriba y abajo la aiineacion del parrafa En ocasiones 'mite acomodar formato de cubierta de! libro este desplazamiento pe que se muestra. y atras veces constituye una respuesta dptica a la dirô• de demás eiemer,tos que en la pagina justi- ticacinn a la ¿caba a;rneándose con la que cuelga de la parte superior. a fin de dar resoluctôn la página.
  • 48. 09 Retícula modular WWW.track9sttKiios.COm 03 10 19 27 06 13 22 29 07 16 24 30 09 17 25 31 Sta fe sound forthedi'•erse need5 ind"5try atliU>peJ1 Un uso sencillo pero inteligente de una reticula de gran tamaño permite crear un toleto Lon una imagen impactante. EIformato cuadrado del folleto plegado se convierte en el mtKiu40que rige la disposicior de las fotografias y la información. a medida que se eitiende zuando e! folleto se va desdoblan- do Cadavez que sedespliega una parte. descubren nuevos componentes del mensaje global. Estasencilla secuenciadeja el mensaje Cuando folleto se despi:ega por completo. pequeño cartel con módulos de colores planos y fotografias encuadradas vmmanece como mensaje de marca senciRo.
  • 49.
  • 50. 10 Retícula modular proprcional iiiiiiii de ejemplos 03 13 22 31 06 16 23 35 07 17 24 19 25 A partir de un logotipo cuadrado {que hacerefe- renciaa algunos detalles arquitectónicos impa•- tantesl. este kit dc datos y textos utiliza una reticu- modular para presentarinformacion sobrecinco entidades distintas dedicadas l.' educación y la investigación.todas ellascon el nombre de CetW EImódulo cuadrado deriva siempre de una medida que es ur cuarto de la anchura de un formato dado, y ayuda a dividir y unificar. tanto formal como conceptualmente. lasdiferentes clases de Imagenes en competenc;a —pintura, escultura, caligrafia, arquitectura— a lo largo de numerosos formatos The Getty Museum Estaunificación esposible gracias a que el encuadre cuadrado de cada ;magen neutraliza (hasta cierto punto) su caracte individual' asi. el cerebro interpreta que las imágenes están relacionadas entre si vwrque están dentro de cuadrados.Ademâs,ello contribuye a 'emarcar ia re'ación de estas imágenes con la misma marta; aetty: es decir. que se convierten en muchas cosas diferentes que la institución reúne pata la investigación y la expos•cién_
  • 51. cuadrados constituyen un recurso visual senci]o puede combinarse en forma de zonas espac;aleso presentarse secuenciasde para crearefectos L.neticos.cuando se van pasandolaspag-naso seabren folletos plegadosq fotleto sepliegalimpiamente en mitadesparapasara tenet un formato pequeño. que afectea lasimágenes, ya el pliegue coincide con una de las lineas de ta retícula. The Getty is
  • 53. una vtgcrosa de tres columnas. las pro de cuyos margenesy medianiles entre columnas se han Estudiado cuidadosamente. faci- "ta la comprcr.sicn de la compleja informac:óm qut•contiene volumen. EIbloque de teno en tres cefurnras cuelga de un mareen más estrecho en la parte Superior {sta reduce etecta 3-pticode "gravedad"y ayuda lectcw digefrr ¿ontranqui'idad el numero de tablas,diagra- masy párrafosde texta subtitulados que confor- ma el cuerpo delCacumer,to Lainformación se mantiene integrada, zlaramente identifica- Se. cuidadosa atención que se ha yestado a 'os cuerposde latpoyafia, el interle nee„doylas relacionesentre los margenes, La mayoría de páginas está dividida en tres zonas Giferenciadas: tuna banda superior. definida por dos lineas de flujo, destaca el número y ei titulo del apituto. asi como el núrnem de página; las doscolumnas se utilizan como una única columna ancha para ¿ostestos de presentación y ei comdo;y la columna externa se reservapara diagramas, tablas y mapas. la gran variedad de información provoca un cambio constante en la maquetaciôn de las pá*nas. a pesar de que la ret'cula sea tan regl_iar. 4 'ntErna•.lonal Financial pestañas dividen las secciones se atienen a su propia reticula_ y Ir,formacion forma consistente tanto en lo se refiere a su Lihir_aciôn como al estilo. variación se introduce —edaantecambios de imagen y
  • 54. 12 Retícula de columnas compuesta y jerárquica compavacldn de 02 22 33 04 26 36 05 28 37 08 31 Lostitularescodificados. losdibujosplumay laactividad empresarial enmascarada aportan misterio esta memoriaanual paraGartne', consultoría tecndóg•ca quetraàajaparaempresas punter•senel campo de latecnologixEicarácter reservado de relachnes empresa con susclientes, "I quesealudeLonlaausteridad delas y los documentos "censurados", 5eenfatizagracias a'empiecde rigurosa 'eticuladecolumnas compuesta. estructuras de páginade dosy cuatrocolumnas sealternanparaalbergar tex'ossobreconceptos, ilustraciones er,mediode ungranespacio blanco. complejas tablase información financiera
  • 55. loto dos columnas reflejadas crean un pro- fundo parael margen y aproximanlosbordosde - .aq a' de' afeahiendo tensión '.anjunto En atras dotóes se inten:amhian proporaones de '05 ev.dfflte que disehadnr varie estructura pueda ana definitiva .mp'e• Sio n ae incertidumbre quecontribuye comunicarel contenido sencillopárrafode queseutiliza loscasosde estudio define la una "5tar visiblemente destaca- % en amarillo. diterencis de ilustraciár, lineal ficta. nquietante. el de cuatro columnas R 'os lis•.ad$sde informacion,ya la vez *'milen agrupa: lastablasy iosdatosfinancieros GARTNER ScRT WPN
  • 56.
  • 57. Arth u ' Esta exposiciôn itinerante sobre la de un premia Nobel. ae equilibrar el rigor de reticula de cuadrados unos paneles grac'osamente vos y de colcres_ Se trata de una reticula ampl*ada. sin intersticios entre los mocalos testo y imágenes que tienen queVer broetàfiade Arthur Kcrrhers e-stàndispuestos acuerdo a la reticula; entre• lazándose. ;nte'calando e' énfasis y desplazanaose.„y también se d'5- en modulos individuales. pe'Osiempre ateniendose reticula. La reticlÀa modu'af_ en concreto. permete que un gran numero de imagene; recortadas Seinte- pulcramente tener que recurrir a ios efectosdetransparenciaOmontaje.que posibie, mente no tendrían calidad de reyoduccion suficiente a escala de 'ns paneles úe exposi- Aigunoselementostienen altura de una anchura de tres. m•entras que ctrcs ocupan cuadrados de dos de Lasinteligerte5 desplazamientos en alinea, y a colores planos y que contrasta con los de dan fugar a una sucesión de imagenes y va*ahra5suavey sin fisuras desdeei púrnero hasta ei ultimo univ ersit y Of Roch ester rk Uni fHea c
  • 58. Reticula de columnas ' modificada 12 28 33 10 . 22 22 36 13 23 26 37 15 24 Dé techni van de, •
  • 59. UNA Designe" "GO publica anualmente Lin para promocionar las actividades de Sus miemtoos y destacar labor ae 'os artistas en edi- c'ón de Igqs trata sorne la tecnica de 'a ilustración edito"al ho'andess en el siglo Para p'"entacldn óptima de 'as diversas técnicas, utilit pig.nas desplegaõ*es.Inserciones y troqueles, asi como una amplia papeles distintow E'tuto y las imágenes están colocados en una macular intrincada, compuesta coiumnasy ron diez verticales. Cada uno de Ics médulas está en dcs verticalmente' 'as lineas de basede' testo, derA3e la parte superior de página. pueden actuar como lineas superiores en caso recesano Esta reticula está para acoger formatos de ilustracion habi- tuates, no estanda'izados, pueden colocarse donde convenga siempre que esten con ret;cula; estos PL.'E-den flota' Vas la colum- na dome de te•xtc,corrido o bien Interferir en ella y.en muchas cKasiones. abalgar también sobre el margen Interior. EI punto de partida pa'a 'as pies de foto es un margen exterior secundano se refleja de las paginas izquierdas a uaS derechas. pies están Lom,puestos con un cuerpo de y un ancho de columna menores, que se la columna de una unica anchura definida por el modula Los.nsertos,de diferentes y tipos de papel. nc•necesariamente se Sjustan la reticula, gta inesperada 'uptuva se ap'ica en ocasiones a tas ilustraciones que estan en las del texto principal LaIMeracciOnentre estas Imágenes y ins insertes realesen tres dimensio• nes origina una dimens.onalidad muy rica
  • 60. 15 Retícula de manuscrito modificada comparación de 01 31 05 13 36 12 27 37 21 30
  • 61. E' formato cuadrado para memoria de esta 'os servicios finareeros. se cont%jponea la naturaleza modu'ar de los cuad'ad0% utilizando una reticula senega de manuscnta 'r,Árgenes anchos. que a veces se usan para notas o dest3C3dD5, [os diseñadores han ab$ertO lograr imponante propósito: cada uno de los Sos lados preser,t3 misma información_ de ta Izquierda en alemán y el de la derecha en Inglés, la mayor parte del está dedicada a comen- desde el punto de vista de ta gestión, cuestio- nesfinarc•eras e iniciativas emp'esaria;e5 Pera divisiones entre capitu105,«Inceptualesy de vivos, reflejan '"tetacoón de 'os clientes con la emprer„ay actúan como declaraciones de ademâ5 de corno pausas. que de agradece'. entre los capítulos de cifras y •.exto cc•m30sic10nes fotográficas surreaw•s. de ambiguas y no presentar figur.;s pavear, rcfie:ar una son en la 'ntimi'_lall Gmb En la cubierta. dentro de una funda, seincluye una serie de declaracones financieras p'egaúas en forma de cuadrado. Cada una de ellas tiene dos caras. y muestra la misr-na información en aiemán c el fin de proporciona' una breve reseña del amplejo materia' que contiene tripa de ia memoria,
  • 62. 16 Reticula modular 03 10 29 06 13 30 07 17 35 09 37 VIBRATO We he!p companies become more vaiuab/e bv creating vibrant brand mames for global services. Wh.n 'he are vital to you can compete. Este sitio web está argarvzado a partir de una estructura modular senciil,m Losmódulos énfasis horizonta', que evoca la oner,tacibn del paisaje de la ventara del navegado', y están organi:adns cn columnas caatra La fil* superior. generalmente. está vacia.y su funcién es acoger e' mensa,e de marca y a Javez estahlecer una separa- cibn entre el conteni[io dc página y los menús navegador En la segunda fi'a. los dos primeros módulos empezando por la izquierda se reservan para la navegaciôr, generaL Un d'screto cambio de color indica qué menú seha selecceonado. asi cama sa ubicación dentro sitia web La escogida sedestaca en las dos columnas centrales y aparece más informacidn sup:ementaria en un modulo destacado. ya sea a izquierda l.' Los'ínks de la f.Vacentral sirven para accedera información más específica,que aparece en lasfilas inferiores y que a veces semuestra er, forma de columnas y a veces en forma de módulos individualew
  • 64. 17 eticula modular 03 10 20 27 34 02 31 06 13 22 29 35 06 35 07 16 24 30 38 10 del formato 09 19 25 31 12 Enesta papelería. rigurosamente disciplinada. que se ha diseñado para una multinacional dedicada a la fabricación de indumentaria. una estricta 'eticula modular contribuye a coordinar los documentas de comunicacidn intema de la empresa, que Se en tres continentes distintos EImodula que pone orden en 'as estructuras dc las documentos esel logotipo mismo de la empresm La proporción del cuadrado rojo cambia en cadaformato, su tamaño en un formato concreto determina la de el tipográfico que dicho formato contendrá Al establecer en todos las elementos de de columnas especificas y relacionadas entre si. la reticula rncxiular ayuda a ordenar un gran número de direcciones y unos formularios como plejos. con el objetivo de conseguir una imagen de marca coherente y reconocible,
  • 65.
  • 66. Retícula de columnas N i iiiiiiiil 02 26 23 05 28 24 33 30 11 36 31
  • 67. Temple una reticula de seis columnas proporcionó 'a variedad necesariapara abarcar la gran diversi- d" deartilugios, descripciones y listadosque debta este libro de tapa dura sobre museosy las bibnotet.asde filadelfia y el Oelaware Valley Para'asensayosy Gas imágenesquelos "ustran en la primeraparte de: libro, seg columnas se utilizan como si fuesen texto corneo cuelgade unaUr.icalineadeflujo situada de la parte supe' de la pagina yempieza y acaba un párrafocompletu Cadaunade las doblespáginas informaciónindepen- diente; solamente se muestran en ella genesquehacenreferenciaa' texto Laenorme flexibilidad inherente la retícula de columna permite a diseñadoresvariarde maqueta, cián paraubicaraqueEosartefactosde formas pocacomunes. la línegsuperúyy lasdife- renteslongitudesdel texto dan un aspectouni- fizado a la información. Lospiesde foto ocupar una únicacolumna y pueden situarse muy próximos ta imagenque identifican; de la reticu- la de seiscolumnas asegura siempre puedan alinearse ella, independencia del lugar en el que tengan que situarse En el listado de instituciones que compone la segundaparte importante del esta estruc- tura de texto aún la referencaa de cada institución. con independencia de Sugrado de implicación, sedetecta 3 'impie vistm En esta parte los ples de foto una columna sen- cilla entre dos columnas de texto de anchura doble, Cadaanchura seadapta al de letra respectivoy a 'a quedesempeñala información que contiene
  • 68. 19 Retícula modular comparación ejempi05 03 09 25 35 02 21 04 17 27 38 03 26 06 13 22 29 06 31 07 13 24 30 08 En este cartel. las esculturas tridimensionales de 'as letras que componen la firma del diseñador Igarashi '*upan una reticu'a modular Lareticula se utiliza para disponer diversa información -tuga', fecha. hora y patrocinador de' y resultR una manera adecuada de agrupar docenas de fotografias de las letras esculpidas Mediante el cuidadoso emplazamiento de 135imágenes individuales, secrea un ritmo óptico dentro de lasfilasy columnasdefutog'afias cuadradas. casicomosi se tratase del storyboard de una secuencia de cine. los modulos de blanco transparente seseparan del fondo para atraer la atención hacia la información. y su disp3siciOnasimétrica intensifica la impresión de movimiento.
  • 70. 20 Retícula compuesta modular y jerárquica britannico.c"tn britannicaA elf ociecy 'Itx Any— 03 22 27 02 19 04 23 30 04 14 21 06 24 32 05 16 22 07 25 34 06 18 26 Los usuarios que visitan el smo web de Books of Hope.ana subsección de arittar.icxcam, pueden interactuar car, algunos de 105pensadores más de tado el PArtltipar en 'feha- tes,acceder a biografiasy recorrer una amplia ga•e- de imágenes. reticu:a da a las diferentes áreas incorpora una serie de herramientas interactivas desarrolladas especifica- mente para este Sitio web. tronotógicos. galenas y un toro en el que los usuarias pueden opinar sobre Eos ensayos de '05 autores que han colaborada
  • 71. A Call to G»mpusiOn Vtstons Contributors Page Biography foru•n Timeline Contributoes Challenge
  • 73. A' tedge Gordon Sank una reticcla coneje centraly laspàg•nast'ans- parente s definiciónrmtizadaa la que se ha utiiizada para VibropromocionaL Losmárgenes late, relativamente anchas. y e' margen supe- rior, establecen bloque de tegto 'a parte inferior de la espacia para el texto dentro de un Formato pequeño un ene:eito horizor,te las pagmasfotográfi- cas . quecantuenenuna lineade con los bloques de texto justificado con un eje vertical EIpapel vegetal transparente está jmp'eso en hojas sondosvecesmásanchasque las normales pala que ouedan doblarsey encuadernarse de modo queel plie• quede hacia exterior. Lospárrafos de tuto impresos en amt•os lados dei papel vegeta' pregadoson visibles:unashneasdefiuio tiaras establecen zopas para estas de texto. de modo queno sesupemongan;y.efectiva- menie. ro se estofban en absoluto en primer Olanoy e' del fonda senan compues-.? reçurnende desplaza- de alineacion en relación con las imá genes aparecen en las páginas antenor y siguientcr sensacióndecontinuidad entre el teen y 1,4'.imágenes. que contrastan entre o biarcoy negro. producto y figu:a humana, humanay pasaje). se gracás a consstenciay simpii• Cidac de esta reticular
  • 74. 22 Retículas modulares y de columnas proporcionalmente integradas menibersh r_cvr.paraeon de ejemplos 02 19 30 13 31 03 24 31 15 36 06 26 33 07 -27 37 art community culture history film exhibitions classes theater Jersey City mus eum jersey City muse um 350 Mmrgorça•ry NJ Anne
  • 75. City Mu « ew Works for Ne Museum • review Ben Shahn and the Passion of Sacco and Vanzetti sept. 13 - Dec. 31 O Fleet Highlights from the Permanent Collection 2001-2002 En este mate'ial corporàtivo para una institución sistema de reticuià5 y elementos de $seño modular unifica efernentos nacian y proporciona f'e./;bllidad para nuevas ankcaciores Todos materiales utilizan una de las aes del fcvma•.o.y no conjunto de L-•anespredetermir,ato, romo suefe suceder Os programas de identidad corporativa a gran a veces se dos columnas. a veces : "tro En todos casos. conjunta f:uj,' e' formato, dividiéndolo dos, en o en cuatro partes. La re'ación entre lascolumnas puede carníiaeen la revista informatl'.'a, las columnas se sitúan de forms contigua para e' texto continw:•. pero su anchura pv/ede yeduc•vSe de una caAumna para albergar los pies de foto de imágenes, en los foliet05 de inscripción. las columnas están separadaspara que estrechos paneles del formato de folleto en tres puedan man- tener ta asimetrta de margenes gue caracteriza a las api.caciones de mayor tamaño En algunos casos, la reticula de cotumr•a se convierte en modular y sc articula literalmente en cuadrados de colores. como en las banderolas de 'as exposiciones, Estamodularidad ayuda a pia:varios objetivos. crea una presentación más promocional. adecuada a' de' mensa- permite que e,' formato unifique ios mensajes y 'as de arte que aparecen que son radicalmente diferentes; y refuerza la fuente en ia que 'nspira el logotipo del musep (e' cuadrado 'atado con un elemento decorat't.,o tomado de del la forma también se L,fibzaprofus¿+ mente dist:nguirse de i.•sestructuras vertiesly de barra tipica5 de esta clase de material informativo.
  • 76. 23 etícula jerárquica de ejemplos 04 20 02 07 31 07 10 32 12 38 EImaterialg'áficoquesepresentó parareali?ar eldiseñodelasportadas de esta revistacorporativaerade balacaiidad:y por razonespresupuesta• rias.no iba ase.'pos•àleencargarnuevasfotografias,Comosolución. y paya daral d.seño un carácter propio,eldiseñador desarrollo un sistema compositivobasadaen una bandade quecontiene la cabecera,yque puededesplazarse porlacubiertahaciaarribao haciaabajopara se a imagen disponible en cada caso. E'formato A4sedivide primero medianteun cuadradode su misma anchura,basadoen la pmrnrrlén Áuleade taarquitectura ctôs'ca, bandaquecontiene eltitular tieneundalturade unterciodedicho cuadradcy de la banda. la informaciôn de la revista, número del volumen e sedistrihuw verticalmente a lo largo de laslineas deflujoquedividen labanda em cuatro partes, y de acuerdo con una división vertical que corresponde también a ia propor- cián *u'ex la anchura de un cuarto de banda establece los márgenes exteriores para la tipografia. Cuando la hand3 se colca. durante el proceso de diseño. descubre y oculta diferentesaspectosde la fotografia defondo.y también divide la cubiertaen unaspto;wrcicnesarmónicas.derivadasde proporcidr áurea. Lageometradeestamaquetación. de ngurasidad agresiva. contribuye 3 disimularlabajacalidaddelasimágenes ya darun.dada los diferentes númer05 de 'a revista.
  • 78. 24 Reticula modular de nemplos Una retícula modular de proporciones cômcniasofrece a Sprineet. ana edi- torial de libros de texto, una unidad global e nosibilidades para variar la maquetación. sistemautiiiza unareticula de medulasque. diferenc.a de otras reticulas de esta clase, se unen entre si áiagonalmente. como en un table'0 de ajedreY Latalta de medianiles o de márgenes implicaquelosformatosreales deloslihnaS pueúenconfigurarse sobrela reticula paratener mayor lasáreasde imagenre"culadas siempresealineanentre si.ademásde con y lasbordesde; libro. esquemaofrecea losdiseñadoresde la editorial diversasopcionespara variar la ubicación de imágenes, las áreasde tipografia y las áreas coyores planosutiEzandDla reticula Lasseriesde librossobre mismo tema puedenagruparseconuna únicamaquetación,pero.at mismotiem• puededarseacada"bro una identidad particw.". mediante el de' colory variación deimágene% Estareticulaseadaptatanto a materiales tientiticos como a obras de literatura y ensayos. 7. 03 10 19 02 06 13 22 07 16 23 12 17 25 18 7.0
  • 80. 25 Reticula modular 03 10 19 30 06 13 24 35 07 16 27 37 09 17 29 ueslgn Time Muriel CooperF %ecture 2000 DanBoyarsj esigning Dedicatiori Muriel Coope; t&rnanMCL Estapresentación digital utiliza secuencias ani- madasy la pasibilidad de navegar a través de una reticula modular para prestar apoyo un conferenciante, móduloes cuadrado, que se mantiene visible mediante finos de color griç Cada uno de los módulos del menú principal muestra informacion especifica y actúa como (ínk para accedera la información cuando el usuario hace clic con el sobre é', módulo está subdividido pa«apoder mostrar la intormaciõn que contiene de forma detallada. y cada una de estas subdivisiôhe5 está vinculada una ampliación del tema escogido Professor. S CarnegieMV una flecha discretamente situada, a la izquierda del marco de' permite que e' conteren- ciante regrese a ia página anterior Gracias a que la navegación Scorganiza mediante una reticula ¿que le confiereunaestructura dendrítica.es posible mantener continuidad visual entre ios diversos Trameso página%EInúmerode subdivi- siones dentro def área que está a la vista permi- te saber al conferenciante en que nivel ¿e la estructura se encuentra. y la retícula hare que la información pueda seleccionar espontanea, mente un camino para presentar la información. s.n tener que reprogramada ni reorganizarla.
  • 81. Time as a Design Element borr ples Cuture Vnear& non:liner Dedication
  • 83. Rut una reticula convencional de dos columnas adquiere mayor dimensionalidad en esta memo- ria fiscal para un hospital de anchc margen izquierdo. que acoge un folio vert;cal. avienta en página las das columnas de principales. de forma asimetricJ EItexto corrido de una sección fluye desde la columna izquierda hasta que term:na. tanto s' ello ocurre como si no, dentro de la columna deecha de las páE'na'„ efemer-,to-s ilustrati- vos se sitúan en una scjapa que se pliega hacia el interior. en torma de encarte Además de crear un efecto sofisticado. ello peymite que, al 'evantal solapa. se descub'J material adicional. En Ma5'.ones, esta 50iapa presenta informacion interactiva. como desppe• gables,u otro tipo de elementos insertados. como una pelicula de rayosX. En cada doble página, e! tercio inferior está separado de la parte superior de pagina mediante una linea que define un destina- da d.agramas médicos e información financiera. Los datos financieros mas destaca- dos. que se encuentran al final de la memoria, utilizan la anchura dc ambas columnas.
  • 84.
  • 85. Marcel Si bien este cartel, que tiene una marcada estructura reticufar. muestra a;gunas caracteris- txas de deconstruccion se exploran en profundidad la segunda parte dc este libro, sin su diseño parte de una retícula adecuada contenido de la expos'ción que presenta una muestra que conmemora las xhenta y unaexposicionesdadaistasde Marcel Duchamg Duchampera un Ávidojugador de y los mecanismos de estejuego —sus estrategias cn:ultas sus rasgosestructurales— desempeharor un importante papel en sus resesartisticas, aparecen en algunos de sus Cua- y actuan carnoprincipio organizadorde djferentesjuegosy construccionesde palabras_ En este cartel. el tablera tridimensional de la fotografia funciona Lomo una estructura, tanto c=nceptuai como literal. para argan'zar la tipo- gratia,que enumera todas que realize e' artista durante su vida. EIjuego de superficiesque generanloscubosa vecessepercibede farma bidimensionaly Otras como si tuviera profundidad. Latipografia, en estas superficies. interactúa con el fondo de cadamóduloy guia al lector deltablen3 como si se estuwcse jugando una SPtrata de una metàfwa para volver sobre los acontecimientC5 que jalonaron carrera del artista.
  • 86. 28 Retícula de columnas odificada 11 ii ii:ii i iiiiiii comparartôn de ejemplos La reticula utilizada para esta revista dedicada a ya concienciar IOS derechos humanos divide la página en doce columnas iguales de pizas, Estaestructura. bastarte habitual. contrasta con est'uctura de lineas de flujo que enfatiza ei aspecto horizonta4 de las dobles páginaw esta organiza el material con una linea de "horizonte" pictórica que hace referen• Cia a la actividad humana sabre la Tierra, La linea de horizonte cruza e' tercio inferior de' fcvmato. El diseñador cred 'as siguientes lineas de flujo a partlr de una progresión mática conocida como "serie Fibonacci".Laspro- porciones Fibonacci se encuentran en la natura- leza.y en esta revista hacen que las lineas de flujo SeVayan abriendo el Si fuesen líneas de perspectivy Lalinea superior del texto. por consiguiente, esta situada en una posición 'elativamente baja de la página. EI texto dispuesto en coiumnas puede aespta- zarsea la 'argo de estas lineas. que son como fallas. c'eanda asi un peso ópticc adicional que potencia el movimiento late'al a de tas dobles páginas. En ocasiones,cuando sequieren ensayos o textos poca habituales, como transcripciones de conversaciones o fragmentos de cartas o notas. la retiLuia no se utiliza. 02 12 26 01 30 05 14 33 04 31 08 18 37 05 36 11 22 07 37 humanit
  • 87.
  • 88. 29 comparación de ejemplos 03 10 19 30 06 13 22 35 07 16 24 38 09 17 27 Paraesta exposición de mobiliario realizada por respetado fabricante italiana, el diseñador convirtió la reticula horizontal en un ente con exis- tcncia fisicx En este caso la sutil ironia radita en que, mientras los interio- listas utilizan una reticula planapua distribuir un espaciotridimensional, aqui la reticula setransfc"ma en volumétricay 'a presenciarea/del mobi• liario expuesto serepresenta mediante ura única silla tridimensional. separada del resto del espacio y colocada sobre una plataforma de cristal cuadrada que tiene el tamaño de tres módulos de la reticula, EIrestode los mueblessepresentamediante fotografias pianas,que se organizansegúnun pian tridimensional Ellosignifica quepuedenmos• trarse muchas más piezas de mobiliario. y que la exposición cobra más imp„ortancia debido a la 'nsdlito de su caractrr de la retí- cubamediante ei recurso a diversos materiales añade ún rasgo táctil y una solidez que aportan un orden sosegado al espacio los módulos del suelo son de chapas Ceacero.al igual que los expositores verticales que mues• tran fotografiasde losmuebles,y que sehan insertadoentre 105 módulos del sueio un panei de cristal, colocado bajo la silla y sobre los módulos de' suelo.crea reflejas que potencian la materialidad de la Sillay la vinculan a la Unaspantallastranslúcidasco'ocadasante lasparedesseelevandesde el suela Están pintadas de forma que los co(0'e5 pasan gradualmente de un tono más claro a uno más oscuro y.dada que están iluminadas desde abajo,setiene la impresiónde quetanto lasparedescomo losplintos verticales están flotando De esemodo. a pesar de su aparente rigidez, 'a reticula asume un carácter ligero y etéreo.
  • 89.
  • 90. 30 3' estructuri Retícula modular (simple y compuesta) camparacon de ejemp'cs 03 29 26 22 35 31 07 24 38 36 09 27 23 30 Nov
  • 91. Columbia Cadauno de estos cañeles, pertenecientes a la serieque anuncia los programas de conferencias de la Columbia Scheol of Architecture en Nueva Vork. está construido sobre una reticu?amodular Lasproporciones del vanan contenido especi- de cada carta. aunque e/ formate de todos ellos sea el mismo. Enel cartel de la izquierda seda mayor rele• vancia a la organización del calendario de conferencias. Sus módulos son muy visibles. en forma de bloques datos individuales para cada confe'encia, en positivo sobre un tondo negro ledas las conferencias de un mes determinado ocupan propia fila verti- lasfechas del mes 51guientesedesplazan un derecha. IOS grá- f,cos que a'udem a formas arquitectemcas se emplean para dar arread a las diferentes yes de LompasicIOn_ En el cartel de la derecha el diseñador utiliza máduic' con map.• libertad. escondiéndolo hasta cierto punto tras pumer plano ópti- de ba"as hoúzontales biancas que orde- nan la lectura CC ia Informacion. pero sacán- dolo a la en de columnas estrechas. De hecho, en este cartel vanas tetitulas 'nteractuany SeSuper- ganen: cada una de ellas justifica la lógica de alineaciones entre 'os dive'sos elemen- tos La secuencia del calendario se con libertad de 'os módulos. que le aportan regularidad aunque sin vincuaaria en cartel americr a las proporciones de los môdu!os Columbia Arc hitecture Planning 04 hawkinson 'Vidler rampton uma Àadi aeda Olshe ears aera-Polo.Moussavi
  • 92. 31 Retículas jerárquicas integradas proprcionalmente comparación de ejem.p'os 04 22 07 23 17 32 20 34 ya gejo sageo www.sageacom Paraexpresar la identidad de Sageo seusá una reticula simple. Lasproporciones de ta estructura lineal del logotipo corresponder' las de la tipografia que evocan.y esta flekibilidad de proporción se mantiene en la de los diferentes elementos impresos de la empresa. paÑeria, por ejemplo,refleja estareticula fie, xible en los tratamientos y lasáreas en columna, que del tamaño, la forma y la función de cada formato dado.
  • 93. Takecharge OfYour health Hath Han Cost M•xieler Enel membrete, el á•ea que se reserva para el de la la información mpres3 a traves de elementos lineales que definen la funcion estas IOScampos de color que aparecen en el reverso de 'as tarjetas de visita corresponden a los campos de Informacion del anverso; en la portada de las carpetas, unos de color gemelantes repiten la estructura del logotivn Suts La solucidn de MetaDE5ign para la identidad de marca de extendió también diseña interactiva de su sitio web. Esta sencilla estruc- tu" modular es flexib!e. y purdc serforzada mediante una reticula jerà'ouica si asi 'o requieren los contenidos de alguna página en particular. Using En las *reas de contenido impresa y on-hne una base de datos de fatografias de personas. de estilo espontáneo, directo y un tanta caprichoso, fotografias pretenden ret'ejar a pe:sonas reales con vidas reales. algo esencial para la marca y se presentan d"puestas en una comoda estructura unificadora.
  • 95. UNIVERSITY UNIVERSITY hr•h Ey W'ur .*na retitula jerárquica simple organiza eficaz- —ente la presentacion Virtual de este museo de Mediante lo que ya seha convertda en una estándar para «fMmación que contienen los menús de nave, una banda horizontal en ta parte Supe, sedistingue por Suscolores vivos del conte- "do que se estructura en la parte inferior. que a vez está dividida en dos áreas bien diferencia- Es; un Áreade textoy un área para ilustracio- nes decorativas, La división que aparece inme- diatamente bajo la banda dcvnde se enumeran 105menús principales del sitio web seexpande para listar los menús de navegación secunda- rios,o niveles B,que desarrollan el tema princi- pai que se haya seleccic"lado,Onivel A. Al ger uno de estos links que conducen a niveles B. se accede a un listado de nivel Cen la parte inmediatamente inferior
  • 96. 33 1 Retícula de columnas dimensionales comvwaciôn de ejempios 02 05 OB '1 [hech cities_ e oftheJo„1anandrhieecin e. shall and thtre r of Noc unt d the Of nd 'ves, a :rof ciries w h ich IIgive made one prepare thee a o delegared - attcn-.prcd ro Slay him him Psalms 122 gou-,t-othc of 2 Ourfeecshallscand "hin 'hyytes;O krusakm. che e" IORñ_ S thmnes be *'icbu• 9 of l,
  • 97. Lab their Tprah Unas columnas relativamente comunes de tipografia con rema- tes conforman basede este complejo sistema de Información digital, dondeserecogenpasajesdel Talmudy de 'aToratradu• cidos al inglés y francés. Mediante unos diales que correspon- den a diferentes aspectos de textos vinculados entre si, los usuarios pueden seleccionar pasajesy buscar de torma ;nterac• tiva sus referencias cruzadas can otros fragmentos de ta basede datos, diales hacen girar en el espacio Virtual columnas de texto,y cadauno de losejesde 'ascolumnasestá vinculado a orfos textos ca su traducción al segundo idiomx Ladistribu- cián del texto en las coiumnas varia en tuneen de diales que sehayanseleccionado y.por tanto. en func'Óndel aspectode' texto quesehayaescogidaEnestesistemade información. la retícula permite conectar miles de páginas y que seanacce• sibles en cuestión de segundas
  • 98. 34 Retícula jerárquica de 04 23 07 16 20 d cal féxÓdt&. with an introduction by david grossman Un conjunto de proporcionesreticular,derivadomatemáticamentede la anchura de estas extractas hiblicos de pequeño formato facilita una estructura limpia y sencilla para sus portadas. La altura a la que Sesitua la primera linea supe'ior. donde aparece el título, es la anchura del libro, lo que define un cuadrado. Lainformación secundaria se ubica en fun- cián de su lugar en la jerarquia (subtitulo, referencia biblica. autor. traduc- torj. EI uso del subrayado estructural y de un filete lineal de encuadre para separa' los elementos de esta área contrasta con la enigmática fotografia de la portada y.ademâ5.le da un aspecto un poco más moderno.
  • 99.
  • 101. y de otKinas PromenadeLeve L. reticula modular qLa_• organàa este sistema de señalización pública se extiende desde la mera maquetación hasta la tercera dimensión: 'as uno dades cuadradas son físicamente modulares sfnifi.•g que la unidad cuadrada básica puede utilizarse sola bien en combinación can otras para cear paneles informatV05 independientes, de todo y compleji• dad, Cada uno de los Gue campcncn un panel infovn3tivO asume una función jerárquica distinta. y e' orden de los modulos de arriba Abajo. dentro de cada panel informativo, depende de las necesidades informatr vas del observador en cada uno de los especificos dentro del espacio EImódulo superior, eternpic. ubica al absewador dentrade un edificio concreto del rentro comerciar EIsegundo módu'o del panel infor• es punto de 10que permite que el obseo•ador ubique en primer fugar 'o que está más cercade cada panel informativo concreto, 135señales formadas por un único modulo refuerzan la ubicación y vincu• imagen de directamente arquitectura. unidas a "s paredesy a' evocar las unidades cuadradas de la superf.cie de piedra del edificio
  • 102. 36 'Reticula compuesta •erárquica, de columnas, manuscrito) 32 04 34 07 23 Losnumerosos componentes de la reticula de anual intima y no estar en correspondencia con la senciliez de su aspecto,Sin embargo. si seanaliza con *tención la reticula básica (que esjerárquica), sedescubre que es la que ordena el principio verbal ahstrac• to que rige la presentación de la memoria. EIque personasde todo el mundo puedan intercambiar datos e información gracias a la tecnología de la empresa constituye la idea en üynoa la cual searticula ef libro. Así.el pliegue en acordeón ofrece un formato tantinuo que permtte que el texto viaje en una larga linea de un extremo al otro
  • 103. W, Laubicación de esta única linea responde a un debe fluir a través de bocas de todos Cfratos que recogen las páginas del libro. obstante, una Estructura visual que blo• wea el formato para el contenido: línea de d.vide cada una de las páginas en un cua• y un rectángu'o Eneste caso.la reticula 'o frene márgenes sus proporciones determi- el lugar de rostros. Ene' reverso,los datos firuncieras seadaptan a una reticula de manuscrito con un de texto que es tan ancho Como el formato. en un gesto qtn2 evoca el contraste explicito con e' b0'de del fcumato de reticula en el anverso EI bloque de teito manuscrita define una estruc- tura de columnas estrechas pya presentar bas tablas con datos financieros.
  • 104. 37 Retícula de columnas 02 05 oa 11 looking ahead property acquisitio EI uso, enormemente variado, de una rigurosa reticula de cuatro columnas aporta una sensación de vitalidad. crecimiento y optimismo a este folleto. La regularidad de la reticula. sin embargo, transmite estabilidad, algo muy importante para el Ciente a 'a hora de asegurarse el 333yo de IOSpotenciales inversores a IOS que vadirigido el folleto