90%(10)90% encontró este documento útil (10 votos) 5K vistas212 páginasDiseñar Con y Sin Reticula PDF
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido,
reclámalo aquí.
Formatos disponibles
Descarga como PDF o lee en línea desde Scribd
Disenar
con y sin
reticula
ructura, se present
ejemplos
“
wu
£3
o=_—
cs Oo
2 £
La segunda parte, “Disefiar sin reticula’ HS) o
se centra en el disefio que desafia las a ~
c..2
nociones organizativas basadas en la 2
“us
ou
reticula, Tras analizar brevemente la ruptura, oy
25
< Uv
oS ©
eA
anen
‘trar.
iseno, encon
estudiantes de d
inspiracion
este libro una fuente de
para la maquetaci6n de sus proyectos.Planteado como un curso de maquetacin, Disefiar con
_y sin reticula esta dividido en dos partes: la primera analiza
la reticula tipografica tradicional y su utilizacl6n, mientras
‘que la segunda muestra cémo deconstruirlao, simplemente,
‘ebmo trabajar sin ell
En a primera parte, “Disefar con reicula”, se exponen los tipos
basicos de reticul, ilustrando y definiendo los que se utilizan
‘con mayor frecuencia en el disefio tradicional. Una seleccién
de proyectos muestra de qué forma estas reticulas organizan
la Informacién y como pueden actuar como marco para la
composicion.
La segunda parte, “‘Disefiar sin reticula”, se centra en el disefio
{que desafia las nociones organizativas basadas en lareticula.
‘ras analizar brevemente la ruptura de la estructura, se
presenta un segundo bloque de ejemplos, que en este caso
‘uesiran cémo la reticula se cuestiona 0 se abandona para
‘optar por métodos de composicién alternativos.
Las panorimicas histérias sitdan los trabajos escogidos en
el contexto de Ia evolucién del diseho grafico, clasficando
los fundamentos conceptuales y practicos de los métodos.
aque se estan explorando.
Tanto los disefadores ya en activo como los estudiantes de
disefio, encontrarin en este libro una fuente de inspiraci6n
para la maquetacin de sus proyectos.Disenar
con y sin
reticulaisenar
ony sin
reticula
GGpeyioqi| e| A
e1n}pNJ}so |EEO
pasando de la teoria
a las aplicaciones
en el mundo real8. Reflexiones sobre la estructura2
Disefar con la reticula
Alcanzar el orden m
Breve historia de fa reticula
‘moderno
eneldisefio graf
Conceptos bisicos de la retcula
aller en disefo estructural
Ejemplos 28
Proyectos de diseRo basados
Disefiarsin la rticula
Interudio histérico
Las semillas dela deconstrucci6n
Explorar otras opciones Sula pares
deconstruccln de la eticulay las pers
pectivas no estructurales del disero
Ejemplos
Deconstrucciones de reticulas y
proyectos no basados en reticulas
204
207
208
208
Apéndices
Indice de colaboradores
Bibliografia
Agradecimientos
Sobre el autorReflexiones sobre
la estructura:
Introducci6nPara algunos
disefiadores graficos
se ha convertido
en una parte La retical tipogetiea
incuestionable del
proceso de trabajo
que proporciona
precision, orden y
claridad.
Para ot
cambic
opresic
la “vie
una j
que d
busqu
expres
Los objetos semejantes
se dsponen de una manera parecida,a fin de
Que sus semejanzas resulten mas evidentes y
asi, mas reconocibls. La reticula sitda los ele
mentos en un area espacial dotada de regula
Fidad, lo que ls hace accesibleslos lectores
saben donde encontrar a informacion que bus
Can, porque las uniones entre la dvisiones ver
tieales y las horizontales actdan como sefales
indicativas para su localizacinE sistema ayuda
allector a comprender su uso. En cierto modo,
la reticula es como una especte de archivador
visualComo metafora institucionalizada de todo lo q
se considera correcto -la interseccion del cielo
y la tierra, puesta de manifiesto en cada uno de
los objetos que ordena-, la reticula también se
ha investido de un caracter explicitamenté
espiritual. Sus primeros defensores, que se
contaban entre los integrantes de las
vanguardias europeas, lucharon celosamente
en su favor: la decision de Theo van Doesburg
de tan sélo inclinar un poco el angulo de go”
del eje de De Stijl hizo que su compaiiero,
Piet Mondrian, rompiese relaciones con él;
Josef Miiller-Brockmann, el campe6n suizo de |;
Elorden ylaclaridad se convirtieron en los dos
‘bjetivos mas importantes de ls disenadores
_raficos que ayudaron ala sociedad a progresar
‘tras dos guerra inimaginables. En parte, por
supuesto, tl orden implicaba comodidades de
consumo: los hombres de negocios que las
proporcionaban enseguida se dieron cuenta
Ue de que la reticula podia organizar su imagen,
su cultura corporatva y sus lineas esenciales.
el pibico
aque sele pre
1 cada vez mas informacién, més comple
yen mas idiomas. ¥ no s6lo se ha acostumbrado
2 ello,sino que ademés quiere que siga siendo
asi-La simpliedad minimalista de la reticula
contrasta, en cierto modo, con Ia superficie
tador medio espera que se mu
que se retuerza y que haga ruido Par
mente, las grandes empresas que se
en la uniformidad utépicay ne
Ia son las que han creado el ent
rado que se ha impuesto actualmente
reticula de los afios cincuenta y sesenta, definio
su deseo de orden en términos casi candnicos.
La creacion y la organizacién de la fora estan
estrechamente vinculadas a la divulgacién
visual dela informacion,Nuestros aparatos nos hablan, nuestra visin es global
Entre los debates sobre
temas como la raza, el sexo,
la conservacién del planeta,
el poder politico o los derechos
civiles, quizas podria resultar
valiosa una sencilla reflexién sobre
dénde poner las cosas, es decir,
sobre esa “mundana tarea
doméstica” del disefio basado
en reticulas.
Enel contextode esta nueva eraen la que se ha evaluado
la evolucion del diseito profesional a menor escala y la de la
cultura a escala mayor el principio unificador de la retcula,
al igual que otto tipo de ideas organizadoras,ha wuelto a
‘adquirr mportancia y se ha convertido en tema de discusion.
un cambio de paradigma en el ambito
de la tecnologia y la cultura
La primera parte de ese libro, Disha con la
La segunda parte, DlseRar sin a reticul,x
Aine’
a A»Alcanzar el orden
Breve historia de la reticula
en el disefno grafico moderno
El valiente y novedoso mundo de la industria.
El desarrolio de a reticula alo largo de los iti-
‘mos ciento cincuenta aflos coincide con drama-
ticas transformaciones tecnologieas y sociales
enla civlizacion occidental, y con la reaccién de
fl6sofos, artistas y disehadoresa tales transfor.
‘maciones. La Revolucion Industrial que se iicié
en Inglaterra en la década de 1740 cambié la
{fotma de vivir de las personas; su efecto sobre
la cultura fue crucial, Cuando la invencion de la
‘energia mecénica impuls6 ala gente a vivir en
las ciudades, el pader pasé de manos dela ars
tocracia propietaria de las teras a los fabrican-
tes, los comerciantesy a clase trabajadora,
La demanda de una poblacién urbana con un
Poder adquisitivo en permanente crecimiento
estimul6 la tecnologia, que, a su vez, estimul
la produccin en sere, redujo los costes ¢ incre
menté la disponbilidad de los productos.
El diseno asumié un papel relevante a la hora
de comunica los atractvos de los bienes mate-
Files. ello se uniéel hecho de que la revo
cones francesa y americana facilitasen los
rogresos en equidad social, educacion pblica
yyalfabetizacion, ayudando asta crear un
blo mayor para los materiales de lectua,
Con este gigantesco cambio cultural sobrevino
también una confusion esttica La tradicion de
las artes, que apenas habia cambiado
las be
desde e renacimientoy se veiareforzada por la
estrcta moral y las conviciones espiritualesde la época, seguia fie asus dispositvesesteti-
‘cosy alas naciones del gusto neacasico. La pre-
dileccion vietorana por la arquitectura gatica se
fundié de forma sorprendente con las texturas
‘exéticas importadas de ls extremos mas remo-
tos del imperio Britnico.
as perspectivas contradictorias sobre el disenio
yyla necesidad de proporcionar nuevos productos
‘la masa de consumidoresaleanzaron una
especie de" meseta” en 1856, cuando el escritory
disehador Owen Jones publi The Grammar of
‘Ornament, un enorme catalogo de tramas est
losy elementos de decoracion que se desarrlla
ron para produciren sere productos de baja
calidad y estéticacuestionable.
ta conveniencia de los objetives. £| movimiento
Ingles arts and crafts, activo en los ambitos de Ia
arguitecturalapinturay el disei,surgio como
feaccion ante esta decadencia. En la vanguardia,
de este movimiento se encontraba William
“Morris, un joven estudiante, procedente de un
tentorno privilegiado, que se habia sentido ata
{0 por la poesia y la arquitectura,y por su apa-
rente desconexién con el mundo industralzado,
Moris se inspro en John Ruskin, esritor que
habia insistido en que el arte podia constituir la
‘base de un orden social que mejorase la vida si
‘52 vnculaba al trabajo, como habia ocurtido en
Ia edad media. unto con Edward Burne-Jones,
‘también poeta y pintot,y Philip Webb, arquitec-
‘to, Mortis emprendié la tarea de revitalizat la
vida estéticacotiiana en Inglaterra. En 860
Webb dseRé para Mortis, recién casado, a Casa
foja,cuyo disefio organizaba los espacios de
forma asimétrica, basandose en los usos alos
que estaban destinados y dictando asi la forma
Ge la fachada. En aquellaépoca esta idea era
‘completamente insolta el madelo neoctasico
predominante exigia un disefio en caja que
tuviese una fachada simétrica,
[Ademés, no existia moblliario adecuado para
‘aque tipo de vivienda, Morris se sinté impul
‘ado a disefar todos sus muebles y a supervsar
Su fabricacion, asi como también las tapicerias,
la cristaleria y otros bjetos,lo que le lev a
convertirse en un maestro de la produccion
artesanal. La compania que result6 de esta expe-
Fiencia, Moris and Company, defendia firme
‘mente la idea de que el propésiteinspiraba la.
fouma. Con su abundante produccién de tejidos,
objetos, cristal y mobilaro se nico un método
Ge trabajo que responcia al contenido, que aten-
dia preocupaciones sociales y que prestaba
tuna gran atencion a la calidad de los acabados
de las plezas, incluso cuando éstas se producian
‘Arthur Mackmurdo y Sir Emery Walker, dos con
‘temporaneos de Morris dirigleon su interés
hhaca Ia tipografa y el diseno de libros. La publ.
cacién periddica de Mackmurdo, The Hobby
Horse, combiné las mismas caracterisicas “una
distribucin del espacio intencionadamente pro-
porcionada y un control cuidadoso de la selec-
in y et cuerpo dela tipografia os margenes y
Ta calidad de impresin- que Morris habia perse
{uido, pero en el mbito dela letra impress.
En 1891 Morris cre6 en Hammersmith la
Kelmscott Press, que produ libros exquisita
mente disefiades en los que las tipografias,
los grabados utlzados como ilustraciones y los
‘materiales empleados se disetaban en funcion
desu integracién estética y sufaclidad de pro:
‘duccion. El proyecto mas ambicioso de Mortis en
teste campo fue The Works of Geoffey Chaucer.
publicado en 1894. Ls llustraciones de este libro,
Junto con los bloques de tituaresy las iniciales|
srabadas, se integraron mediante relaciones de
tamafo,y su maquetacién atendi a una estruc-
tura general predeterminada que unificaba de
forma radical las pginas y permit una produc.
cién mas répida Este libro marcé la transicén
‘entre los manuscritos medievales (que, paradsj-
‘amente. fueron las que le proporcionaron su
‘marco de referencia estético)y la moderna
maquetacién de a pagina, en la que diversos
tipos de informacién se integran en un espacio
artculado.
Elestilo arts and crafts adquiré importanciay se
transformé de distintos modos a medida que los
disefadores fueron acostumbrandose alos efec-
tos de laindustrializaci6n, que evolucionaria
para converse, en Francia, en el estilo sensual
mente organico conacido como art nouveau,
yen el Jugendstjaleman y belga pictico y
‘mas arquitectonico. Los disehadares buscaban
‘nuevas formas deepesion que apelasen al
espirtu innovador de la era que comenzaba.
La arquitectura del espacio. \nluerciado por un
viaje a inglaterra, el arquitecto estadounidense
Frank Loyd Wright inicié una evolucin sistema
tica que alee su obra de lo organico,a pesar de
que continuaba idetificindose con os ideales
de arts and crafts. Al igual que la obra de Philip
‘Webb; la obra de Wright expresaba la conviccion
de que el espacio era la esencia del [Link]
{que"la parte es al todo lo que el todo es ala
parte, y que todos estin comprometides con un
propesito concrete” Las rlaciones de propor
‘in las zonas rectangulares y la organizacién
‘asimétrica pasaron a se principos de referencia
Ge lo que acabaria convirtiéndose en el movi
miento moderna. Un grupa de colaboradores
‘escoceses ~dos hermanas, Frances y Margaret
‘MeDonaly sus maridos, ames MacNait y
CCharles Rennie Macintosh, que se habian conc!
do cuando estudiaban en la Glasgow Schoo! of
‘Art tradujeron el aire medieval de arts and
crafts a unas aticulacones del espacio mas abs-
tractas y geometticas. Se hicieron célebres como
los Cuatro de Glasgow, yla publcacion, en la
revista The Studio, de su actividad en el mbito
editorialasi como en el campo del disefio de
objets y muebles, populariz6 sus ideas, que se
propagaron incluso hasta Viena, Austria,
Hamburgo, Alemania,
Una influencia en expansién. Pie’ Behiens. 0"
joven estudiante de arquitecturaaleman, crecio
‘en Hamburgo bajo ls efectos de esta infivencia,
al igual ue Ia de la secesion vienesa, un contre
‘movimiento que se inspiraba en los Cuatro de
Glasgow y en Wright. La secesion se distinguia
por sus puntos de vista sobre el diseio de carte
les libros que eran mas rectilineossicabe,
y también sobre a aquitectura. Diseladores y
{rquitectos como Josef Hoffman, Koloman
Moser y Josef Maria Olbrich buscaron la simpli
dad funcional y evitaron la o7namentacién. En
1900, Peter Behrens se instal6 en una colonia de
artistas en Darmstadt que habia sido creada por
tl gran duque de Hesse, Uno de los otros siete
artistas'a quienes el gran duque habia invitado y
habia oftecido terreno para constuirse una casa
cera Josef Maria Olbrich.A partir de esfuerzo por
proyectar su propia casa y todo su contenido,
Behrens al igual que Morris, y desde una pos:
cin estética muy cercana a a de Olbrich~ se
tencontré atrapado en el mismo movimiento
racional que buscaba el orden y la unidad entre
las diversas artes Junto con el dseo industrial
¥ de mobiliaio,comenz6 a experimentar con la
‘maquetacion de libros y con las nuevas fuentes
sin emate que empezaban a surgir de fundicio
sefethold. Se considera
ration of life and Art
nes tipogrificas como 8
{que su primer libro, Cel
sel primer texto corrido maquetado con una
tipografia sin emate. Aunque ese libro man:
tlene una perspectiva de manuscrito en lo que
se refiere ala composicin de a pagina, sigue
los pasos de la composicén espacial que Morris
habia utlizado para las obras de Chaucer, esta
blece unos cimlentossignificatives en cuanto al
Aesarrolo de a reticula para su uso com la tipo
gaia sin remate. La textura de esta clase de
tipogratias, mas uniformes, produce un efecto
de neutraidad del texto que enfatza su forma
n contraste con el espacio blanco que o rade
la ubicacién de los bloques de texto y los inter
alos que separan dichos bloques adquieren as
mayor importancia visual
Behrens se trastadé a Dusseldorf en 1903 para
Arig la Escuela de Artes y Ofcios dela ciudad,
yall desarolo planes de estudios preparatorios
{ue se centraban en los prncipos visualesfun-
oe eae ae categora state. de determinados envolois 0 bien paractear _ordenanla informacion yloselemertosque >
aoe arts necendaes delainfor. nueva dsposcones sales siéstossemues- Iaintegran,[Link] también fa todaslas |S
imacion que erganizan, pero estn basadas mas. tranen grupos partes al espacio tipogrificde una forma aaul- >
bien ena disposcion itt de alieaciones tectonic. A
Tinclodas fs poporcionesdelosclementos, Las piginas web consituyen ejemplos de rete: 5
y no en intervalos regulars yrepetidos,La an
hura de las columns al igual que los intervalos
entre éstas,tienden a presentarvariaciones,
El desarrollo de una reticulajerarquica empieza
por analzarla interaccin dptica que provocan
los diversos elementos s se sitdan de manera
espontinea en diferentes posiciones ya cont:
rnuacién, habré que elaborar una estructura
racionalizada que los coordine. Sse prestaaten:
Gon a las variaciones que provecan ls cambios
de peso, cuerpo de letra y posicén en a pagina,
{quiza se encuentre un armazén que pueda repe:
tice a l largo de muchas paginas. En ocasiones,
tua reticula jerrquica unifica elementos dspa
res,o crea una superestructura que se opone a
los elementos orginicossituados en un formato
las jetérquicas. Durante la primera época de
desarrollo de internet, muchas de as variables
{ue se dan en a composicén de piginas web
no pudieron fijarse debido a los austes de los
havegadores que utilizaban los usuarios. Incluso
tenia actualidad, con el control para establecer
‘margenesfijos.e| contenido dinamico de la gran
mayoria de paginas web,y con la posibilidad de
alterar a escala de la ventana del navegador
‘exigen una flexibilidad de anchura y ongttud
{que hace imposible cualquier clase de reticula
‘modular estricta, aunque sea necesario que se
testandaricen las alineaciones y las diversas
freas donde se va.a mostrar la informacién.
Este tipo de reticul, tanto si se utliza para
construir libros como si se usa para disenarVariacién y violacién
tas secuencias en las maquetas reticulares
suelto todos los demas proble
mas literals, e dsefador se eleva sobre la un
idad que implica su estructura reticuary la
iva visual dindmica
ndrn el interés
compuesta de partes que man
signa tas pagina. €| mayor peligro que enciera
de reticulas es sucumbira su regul
ante recordar que lar
guia invisible ue existe ef el nivel ma profun
‘dela maqueta;el contenido esta en un nivel
undo, que a veces es restringidoy
‘cambio, tiene libertad de mov:
‘miento, No son las reticulas las que hacen
aburido el diseho, sino los diseiadores.
Una vez que se ha puesto en su lugar a reticula,
conveniente ordenar todo el contenido del
proyecto, dble pagina por doble pagina, para
ver qué aparece er cada una de ells. Un story:
board de miniaturas para cada doble pagina de!
proyecto (0 para cada frame de una animacion o
para cada pagina web) puede esultar muy til
para formarse una impresion de qué lugar ocu
paan determinados contenidos, para determinat
{qué partes del contenido o de las imagenes
necesitan desarrollarse mas y para comprobar
qué aspecto tended cada doble pagina en rela
cn con las demas. De este modo, el diseiador
puede poner a prueba variaciones de maqueta:
‘ion en la reticula y vere resultado en lo que se
sefiere al ritmo de las maquetas. Puede exist
Laat que sopra
[Stet es muy rely
en zonasespacales que van
semana oa pans
Beton aaa
Imagenes cresinteres
Teta al dese au pre
senca de muchos modes
‘en rtmig de undo
cnt a pgnah una
‘Genlaque ennquce
‘ipenencla de econ
Aerplar eta pgs.
tuna egica visual en el modo que tienen los ele
rmentos de interactuarcon a reticula pagina tras
pagina? Por ejemplo, zos elementos gréficos
cambian de posicion de una pagina a otra?
Laoscurdad ola claridad global de cada pagina,
{se relacona con lade las demas de forma ritmi
‘a? Quizés se produzca un cambio gradual yse
pase de disposiciones de pagina mas simples 2
disposiciones mis complejas,o bien exista una
alternancia de densidad dinamica,escalonads,
3 lo largo de as paginas.
Al crear una logicaritmica o secuencial para las
obles paginas, en lo que se rfiere ala forma
len que se relacionan con la reticula, cada doble
pigina puede tener una presentacién visual
propia pero,ala vez, funcionar como parte de
lun todo. Las partes presentan una unidad que
lemana de la reticula que subyace a elas.[clave para la notacién de los eemplos
diagrama que puede verse a continua
del libro dedicada alos ejemplos. as ind
junto a cada uno
pls presentan algunos
‘como referencia rapida,
También se seRala con que otras obras
recogidasen este libro puede compararse
cada ejemplo, tanto si éstas se basan en
Numero del ejemplo
Mareador de secon
‘strc de ejemplo.
Dageama estructural _—_ FE
Comparain de ejemplos
estructuras reticulares como sino (véase
n“Disedar sin la rticula,Ejemplos
pig 128). Con estas comparaciones se quiere
realizar su propio ansliss.
invitar al lector
En ocasiones la relacion entre los ejemplos
1 se comparan es abiertamente estruc
ue se comparan es abi
nos explicit y
tural: otras veces
ten algunos casos se comparan ejemplos
con caractristicas opuestas.
radios el ejemploDisenos basados en la reticula01
jeticula de manuscrito
global), ejemplos de
fcula de columnasEste pequeno libro ensalza la pausada auster
dad de los arquitectos y artistas a quienes la
Pulitzer Foundation encargo la creacion de
nuevo espacio de exposician y museo:el a
tecto minimalistajapones Tadao Ando, e escul
9 estadounidense Richard Sera ye pintor tan
bin estadounidense Ellsworth Kel. libro se
estructura a partir de una reticula de manuserito
{que tiene una marcada simetria. Los margene
Faquierdo y superior son muy anchos, lo que fue
zal blaque de texto a desplazarse hacia a parte
Inferior derecha. El efecto d arquitects
rica que generan estas proporciones se mata
‘mediante el cardctersereno y ablerto del m
igen. Una linea superior constante para el texto
mucho mas arriba en el caso de! folio explia
yo- dan lugar a una estructura trangullay
sencilla que evoca la cavidady a pureza dela
arquitectura real descrita en el tex
08 folios reflejadas se inclinan hacia la asimetria.
redante el uso de filets finos que hacen re
cia ala geometria del efi y de as pinturas
que alberga en su interior. Las imagenes, selec
‘adas por su sencilez y su cardcterabstracto,
gradas por los cuatro lados,o seneillamente
fentana cuya proporcion vie
de texto de lareticula, El ritmo se va marcand
mediante la elegante alternancia de los forma.
2 de imagen y los campos negros oblancos.
Las notasy ls planos de planta se acomodan en
ia reticula de tres columnas dominada por a02
Reticula de columnas
12 1418
26 28 33 36
04 05 07 08
2223 90 31
36
10 13 15 16ae
Manca de ertindares US. Genera Services
Dircncerestructuales Administration
fndieasones para argu’ Ofna gubernamental
fects pabiee malo
ografe ose
Una reticula muy basica de dos columnas
organiza este manual. En su condicién de docu
mento que debe servir para diversas oficinas
de a GSA (General Services Administration 0
‘Administracion de Servicios Generales) y dela
promocién de construccién publica, su sencllez
avorece la continuidad de la presentacion y
ayuda als lectores a acceder ala informacion
© ficimente. Las columnas dviden claramente las
paginas por la mitad. Los margenes son éptica
mente regulares; los mrgenes interiores son un
poco mas anchos afin de compensar la encua-
(Chermayetf Gtsmar
‘eth elmetag (AD)
“1 Purpose of the
Faces Standards forthe
Public Buildings Service
dernacién, realizada con espral metalica de ani-
Has. Mientras que los elementos lineales marcan
los margenes alo largo de toda la guia, lareticu-
la completa se vuelve visible en las piginas que
recogen los contenidos de cada seccién,en una
clara evocacién de las copia de planos emplea-
das en arquitectura. Los folios de seccién abar
can la dos columnas, pero a pie de pagina. y no
en su parte superior, dando preferencia a otros
elementos de mayor importancia en la err:
Auia: los ttulos de secciénlos subtitulos
{Ia informacion en esquera.
Los cuadros y ls tabs seintegran con facil
dad en la reticula,yafrecen cierto grado de
variacin dentro dela sencila maquetacion
de las paginas. Las pestahas de las portadilas
utlizan el marco de los margenes dela reticula
‘como elemento decorativo, en contraste con
Jos nimeros y los titulos, de un cuerpo muy
grande
Ig Joe03
Reticula modular
02 06
19 21
2
4 26‘capacity investing in the creative spirit
Eltexto yas imagenes ocupan los médulos de
{tes calumnas en combinaclones que alter
una, dosy tres anchuras de modi
guir un animado ritmo visual de bloques y ban
das, a veces con la anchura de una fla veces
de dos y en acasiones de tres. Los médulos estan
separados entre si por un medianil generaso,
gue potencia elcardcter modular del dsefo y
{que dirige la atencién hacia las formas que
an los textos y la imagenes. Ls citas,en un
po mayor e texto corrido, los istados de
informacion y los datos financieros se adaptar
todas ellos, ala vizat la regula
ridad e interactuar viualmente con la arquitec
tura modular de las paginas se han encuadrado
genes de forma radical y se han utilizado
elementos compositives dentro de las fotogr
das.comparacién de ejemplos
12
36
o
19
4
20
20
u
2rowpaonedesigncom Paone Design Associates
Towebeninernet Disefadatesprafcos
Fle 0 Floto
Una sencilareticula jerérquica organiza los
contenidos dela pagina web de este estudio de
diseRo, que presenta en ella suestrategia de
marketing y también sus trabajos. Las proporcio-
nes de cada una de las Seas dentro de la pagina
‘orresponden ala funcion que desempenian en
Ia presentacién del contenido. Las divsiones
horizontales mas importantes por ejemplo,
separan un atea grande destinada al texto y las
Imagenes. Ninguna de las reas de contenido
tiene una proporcién igual ala de las demas,
péro sus dimensiones horizontals, verticales y
‘modulaes respectivas mantienen una especie
de sosegada tension entre si.
se, programacion
Paone Design Asoeates Tuan Sensenanea
Gregory Prone Made sane
Fladeifo
Las lineas de division de la reticula se han dejado
a la vista,y ereando un sutil lenguaje visual
‘para unificar la forma en que se presentan los
‘menus de navegacién y la imagen corporativa
Gel estudio.
1 formato cuacrado del marco de contenido
principal puede acoger os dversos formatos de
los trabajos realizados por el estudio de disero,
desde fllets alargados hasta logotipos indiv-
duales. La linea superior separa el contenido
principal -en el que se muestran los proyectos.
del estudio de diseFio- de las areas de navega-
cin, la presencia corporativa del estudio y las
ampliaciones de detalles de los trabajos.i
|
oo 1 2
4 18 22 26
2 33 37
05 07 09 10
13 18 16 23
2 27 30 31Memoria amsalo00 Van Lanchot Banke [UNA [Amsterdam
Sienacnen‘aps Secoriciees Designer
Esta memoria anual para un banco privado de
los Pases Bajos esta organizada en torno a una
clegante reticula de columnas que integra
‘manera impecable el texto orrdo, las tablas
Y los datos financeros.
1 bloque de texto esta dividido en cuatro
columnas basicas de 4o mm cada una,y éstas,
a su vez,en la mitad, que es la anchura de la
cifra numérica mas larga de cualquiera de
as tablas. Un conjunto de alineaciones separa
das entre si por
‘mm en el barde del blaque
principal de texto proporciona un marco consi
tente para el texto y los datos financieros. Los
subtitulos o las notas sobresalen igeramente
gina que
esta en la parte superior.
a linea superior del cuerpo de texto crea un
espacio entre el folio explicatvo y el contenido
de las tabas. Las colummnas de niimeros se dife
enclan entre si mediante espacio blanco o tin
tas de fondo,y los datos numéricos para el aho
2000 son los mas destacados,
La tapa dura estdestampada en seco con el ba
s6n familiar del banco, haciendo un gui sobre
io reservado de su interior, pero esté envuelta en
un carte de colores plegado que muestra
cifras mas destacadas del interior. La vivaz com
posicén offece un contrast atactive con
sobriedad del interior Su borde superior, mis
corto que la cubierta y que por tanto deja ver el
iogotipo del hanco, esta la misma altura que
la linea superior de texto en el interior dela06 ‘ACColourful New Year Blac Siebruch AC Nikaus Tower Desig
feticula modular07
jeticula modular
con articulaciones
mpuestas
on
o2 06 12 13,
18 19 21 28
26 30 31 35a eee ee
Memoris anual 200:
Regeneron
Detar ivestigacion
farmaceuveor
Mes i aposd
Daren Namaye
Enna insolita desviacién de las rticulas madulares normals,
tena que el mismo médulo rig todas las paginas con inde
pendenca dela informacién que se presente en cada una de
elas esta memoria anual de pequeft formato utiliza tres arti-
culaciones independientes de una reticula modular, cada una
e llas con su propia proporcion modular, basada en la pro
porcién de los madulos subyacentes, La reticulas indviduales
estin adaptadas a secciones oa clases de maquetacin especi-
‘cas. lo largo de varias ecciones, a alternancia de reticulas
individuales se repte, aportande una cadencia agradable a las
dobles piginas.
Una retcula modular de 6 x8 en las pginas de laizquierda a
lo largo de la primera secclén muestra el entorno empresaral
vy estructura un parrafo de texto que aparece enla parte infe-
flor Los margenes superior ylaterales vienen definidos por la
anchura del médiulo; el maigen inferior tiene una altura de
‘medio médulo.
Lappgina derecha utiiza,en cambio, la reticula modular de
base. La reticulaes visible porque aparece superpuesta ala
fotografia. Este rasgo parece decorativo en un primer momen:
‘to, pero la reticula se utiliza para organizar informacion temati-
‘@ como si fuese un rompecabezas, asi como la informacién
{que aparece en la pate inferior, por lo que en realidad se trata
‘de una caractristlea estructural. €l médulo mas pequeno,
a diferencia de las imagenes en primer plano, comunica una
‘mayor profundidad de enfoque, pasando del entorno a la per
sonay de ahi a la funcién de cada puesto de trabajo Los textos
corporativos y los comentarios 2 la gestion utlizan la primera
estructura reticular,
(tro tamafo de médulo distinto define la reticula para a
‘seccién que contiene informacin financiera,separada de
la seccién dedicada a conceptos mediante la utilizacion de un
papel cuyo color contrasta con el primero,
moriaversie iloNormative pra Laurence King Publishing Frost Design
Esta publicacién teimestral que promociona el catslogo de una editorial
esti disefiada a partir de una clase poco frecuente de reticua, que tiene
unas dimensiones verticales de 1 em con dos lineas de flujo distintas,
‘ambas en la parte superior dela pagina, Gn cada una de las paginas que
conforman una doble pagina se muestra un libro. La linea cental vertical
de la pagina se utiliza como punto de orientacién constante para presen
tarla informacin sobee la publicacion, que es justificada ala izquierda
‘3 partir de dicha linea, y que cuelga de la primera de las lineas de fluo.
El espacio que queda entre la informacion sobre el ibroy el principio de
texto descriptive define una banda horizontal estrecha, El texto descrpt:
vo cuelga dela segunda linea de flujo, que asimismo establece la ubica
cin del nimero de pagina en el extremo derecho. Dentro de esta banda
horizontal estrecha el titulo del libro compuesto en una version de
cuerpo grosor mayor que la misma tipografia sin remate que se
templea para el texto corido- esta colacado hacia ariba a partir dela
linea de fu, linea por linea, si ello es necesario. Las numerosas dvisiones
verticals permiten a su vez que el diseftador dote de ritmo y movimiento
al texto desplazando ariba y abajo la alineacidn del parafo. En ocasiones
teste desplazamiento permite acomodar el formato de ls cubierta del ibro
{ue se muestra y otras veces constituye una respuesta éptica ala dind
mica de los demas elementos que aparecen en la doble pagina. La justi
ficacion a la inquierda del parrafo siempre acaba alineandose con la
informacion que cuelga de la parte superior afin de dar resoluci6n a
la pagina,09
Reticula modularBAL
‘ii El
lilfnversore Empresa pla de
Una vigorosa rticula de tres columnas, as pro
Porciones de cuyos margenes y medianiles entre
‘columnas se han estudiado culdadosamente,faci-
lta la comprension dela compejainformacién
que contiene este extenso volumen. EI bloque de
texto en tres columnas cuelga de un margen mas
estrecho en la parte superior. Esto reduce el efecto
ptico de ‘gravedad”y ayuda al lector a digerir
con tranqulidad el gran nimero de tabas, diagra
‘mas parafos de texto subtituladas que confor:
‘ma el cuerpo del documenta La informacion se
‘mantiene integrada, pero claramente identifica-
ble, gracias lacuidadosa atencién que se ha
prestado alos cuerpos dela tipagrafia, el inter
‘eado y las elaclones entre ls margenes.
‘Alleman, Almguist + Jones
Mane U. Alleman [6D]
La mayoria de paginas esta dividida en tres
zonas diferenciadas: una banda superior,
definida por dos lineas de flujo. destaca el
rlimero el titulo del capitulo, asf como
1 nimere de pagina; las dos columaas
Interiors se utilizan como una jnica columna
ancha para los textos de presentacién yel texto
corrido;y la columna externa se reserva para
diagramas,tabas y mapas.
La gran vatiedad de informacion provoca
lun cambio constante en la maquetacion de
las paginas, a pesar de que la reticula sea
tan regular
~ 1a$ pestanas que dividen las secciones se tienen a su propia reticula
Esta es sencilla y trata la informacion de forma consistente tanto en lo
{ue se refierea su ubieacion como al estilo. a variacion se introduce
‘mediante cambios de imagen y color.
ss|vs12
Reticula de columnas
compuesta y jerérquica
02 04 05 08
22 26 "28. 31
33 36 37
01 08 05. 07 os ttulares codifcados, los dibujo pluma y la actividad empresarial
fenmascarada aportan mistero a esta memoria anual para Gartner, un:
09 10 13 14 consultoria tecnologica que trabaja para empresas punteras en el campo
de a [Link] caricter reser
15 16 30 31 sus clientes, al que se alude con la au
documentos “censurados’, se enfat
de las relaciones de la empresa cor
dad de as iustraciones y los
{gracias al empleo de una rigurosa
36 reticula de columnas compuesta, La estructuras de pagina de un
tos sobre conc
smplejas tablas e
dos y cuatro columnas sealternan para albergart 05,
clones en medio de un gran espacio blan
informacion financierfeticula modular
|
03 04 06
09 10 13
17 19 2
2 27 29
35 38
02 03 05
12 18 19
24 26 30
06
3
University of F14
Reticula de columnas
modificada
omparacién de ejempo
2 05 08 11
12 18 2 26
2 33°36 37
or 04 05. 07
09 10 13°15
6 2 23 24
27 2% 30 3
36 37
Lpracrasuts
Senet lg
Nederlandse
bff cs
illustratie
inks
orcaestacar la labor de ls artistas grficos en genera
35 trata sobre la técnica dela lustracion editorial hola
ente un libro para promocionar las actividades de
Para lograr una presentacion dptima de las diversas téenicas,
20 paginas desplegables in
sy troqueles, asi como una
ima de papelesdistintos. El texto las imagenes e
luna reticula modular intrncada, compuesta por sels columns y con
ulos verticals, Cada uno de los médulos esta dvidido en dos
y todas las lineas de base del text, desde la parte superior
a, plc cna corel re eee eae
ula esta disehada para acoger formatos de ilustracién pot
andarieados, que pueden co
que estén alineados con Ia retidul, asi, tos pueden fltar tras la
nia doble de texto corre o bien interfer
igar tan
nde convenga siempre
nella en muchas ocasiones,
El punto de partida para ls pies de foto es un
Jecundario que se refleja de as
paginas iquierdas alas derechas. Los pes estan
‘ompuestas con un cuerpo de letay un ancho
de columna menores, que se corresponden con
a columna de una dnica anchura defiida por
el médula,
os insertos de diferentes medidas y tipos de
papel no necesariamente se ajustan a laretiula
Esta inesperada ruptura se aplca en ocasiones alas
llustraciones que estan impresas en las paginas del
xt principal Lainteracién entre estas imagenes
ompe:tely los insertos reales en tres dimensio-
nes origina una dimensionalidad muy ca16
structure
modular
[Link]
We help companies become
more valuable by creating
comparacin de ejemplos
vibrant brand names for global
03 06 07 08 businesses, products, and
‘SerVice8, Nemes hl both escund sone
1 13 17 19 the mahepace vor and eronte wth he
cantvencis ang your aaron Hor
22 24 25 27 youre markt caret erployes, cena
c When yourbrand can ert nds Bresso your pospecine
ace a Inv andperuage eso and merger pat
02 03 2
3s
0s
18 19 21 2
a
Este sitio web estd organizado a partir de una estructura modular sencilla
Los médulos tienen un énfasis horizontal, que evoca la orientacidn del
palsaje de la ventana del navegador, estan organizados en cinco
columnas y cuatro filas. La fla superior, generalmente, esta vacia,y su
funcin es acoger el mensaje de marca y 2 a vez establecer una separa:
cin entre el contenido de Ia pagina y los mens del navegador. En la
segunde fila, los dos primeros médulos empezando por la izquieréa se
reservan para la navegacion general. Un dscreto cambio de color indica
{qué mend se ha seleccionade, as como su ubicacion déntro de sitio web.
La informacion escogida se destaca en las dos columnas centrales y
aparece mas informacion suplementaria en un médulo destacado,
{yasea ala inquierda ola derecha, Los links dela fila central siven para
Aacceder a informacion mas especifca, que aparece en la filas infesiores
‘yque a veces se muestra en forma de columnas ya veces en forma de
‘médulos individuals.59 [9
erent inna17
Reticula modular
spendiente del formato
hoy | Ez :
10 13 16 19
20 22 24 25
18 19 21 26
atte
En esta papeleria,rigurosamente disciplina
que se ha diseiado para una muttinaco
edicada ala fabricacion de indumentaria, una
stricta reticula madularcontribuye a coordinar
ios documentos de comunicacién interna de la
distintos. El médulo que pone orden en las
estructuras de los dacumentos es el logotipo
mismo dela empresa. La
cuadrado rojo cambia en cada formato, pero
Jamafo en un formato concreto determina la
“Uicacin de todo el material tipogratico que
dicho formato contendra Al establecer en tod
is elementos dela papeleria estructuras
‘olumnas especificas yrelacionad: ‘I
la eticula modular ayuda a ordenar un g
iimero de drecciones y unos formularios com
plejos,con el objetivo de conseguir una imageReticula modular
19
0
02
17 18 19
2
2% 31
220
eticula
ompuesta
jodular y
jerarquica
Cd
stewart Brand self
I
| * aS
st gmp ee
gueosyomerane
03 04 08 o7
09 10 12 13
aes ee
ae pepo
Senna etodeatine ata
35 36 37 38
02 04 05 06
2 4 16 18
19 21 2 26
a 37
0s usuarios que visitan el sitio web de Book
Hope, una subseccin de [Link], pueden
Interactuar con algunos
importantes de todo el mundo, part
s, accede
los pensadores mis
biografias y recorrer una amplia gale
de imagenes, Una reticula jerirquica da cabida
as dite
herramientasinteractivas desarolladas
rente para ese sitio webscuadros cronol
galerias yun foroen el que ls usuarios pu
‘pinar sobre ls ensayos de os autores que han22
Reticulas modulares y de
columnas proporcionalmente
integradas
A
19 24 26
30 31 33 37
1315 18 19
a 36
‘a tio museum
jersey city SG
museumter review
a a!
E
New Works for
a New Museum
Highlights
bixesenmaitc
bienrutaes
Collectic
2001-2024
Reticula modular
Una reticula modular de proporciones cémodas oftece a Springer, una ed:
torial de libros de texto, una unidad global infinitas posiblidades para
variar la maquetacién.E sistema utiliza una rticula de médulos que, a
diferencia de otras reticulas de esta clase, se unen entre i diagonalmente,
‘como en un tablero de ajedrea. La falta de medianiles o de margenes
implica que los forratos reales de los libros pueden configurarse sobre la
reticula para tener mayor consistencia,y las areas de imagen reticuladas
siempre sealinean entre si,ademas de con e lomo y los bordes det libro.
Elesquema ofrece alos disehadores dela editorial diversas opciones para
variar la ubicacién de las imagenes las areas de tipografia y la areas de
«colores planos utilzando la retcula. Las series de libros sobre un mismo
tema pueden agruparse'con una Unica maquetacin, pro, al mismo tiem:
po, puede darse a cada libro una identidad particular, mediante el uso de!
color y la varacion de imagenes. Esta reticula se adapta tanto a materiales,
comparacion de cientificos como a obras de literatura y ensayos.
03 06 07 09
1 13 16 17
19 22 23 25
27 29 30 34
38
02 06 12 18
19 21 26 3Leutbecher
Zahlentheorie
Geometric ;
Constructibie sets
Measure Theory infeal Geometry
é b» é
souls
XSReticula modular
aout
.Uesign
ibn g
Muriel Cooper F
Lecture raul 5
Dedicenc
Dae td
linear & non-linear
BIBLIOTECA CENTRAL
U.N.A.M.informe fac otesKreurKrankenhaur —Injorporate “Thomas Hellmann
srintcy Rospindelacniekoje, Communication + Design Bremen Aleman
pa elem Soe ofmann + Relehelt
Una reticula convencional de dos columnas
adquiere mayor dimensionalidad en esta memo-
tia fiscal para un hospital de Berlin.€l ancho
margen izquierdo, que acoge un sofisticado folio
vertical orienta en Ia pagina las dos olumnas
de texto principales, de forma asimétrca
£ texto corrdo de una secciénfluye desde la
columna izquierda hasta que termina, tanto si
‘ello ocurre como sino, dentro dela column
derecha de las piginas. Los elementos lustrat
os se staan en wna solapa que se pllega hacia
el iteror,en forma de encarte desplegable.
[Ademés de crear un efecto sofsticado, elo.
permite que al levantar la solapa, se descubra
material adicional. En ocasiones, esta solapa
presenta informacion interactva, como desple-
ables, u otto tipo de elementos insertados,
‘como una pelicula de rayos X
En cada doble pagina, e! terco inferior esta
separado de la parte superior de la pgina
mediante una linea que define un area destina-
dda grificos, diagramas médicoseinformacién
financiers los datos financieros mis destaca-—
dos que se encuentran al final dela memoria,
tiga a anchora de ambas cours. sticula modular
ar
= alDocamenting Marcel _‘elnld-Brown Gallery
Sibben este cartel, que tiene una marcada
estructura reticular, muestra algunas earacteris
tieas de deconstrucion (que se exploran en
profundidad en la seuinda parte de este libro,
Disefar sin reticula’), su disefio parte de una
reticula adecuada al contenido de la exposicin
{que presenta: una muestra que conmemora las.
‘chenta y una exposiciones dadaistas de Marcel
Duchamp. Duchamp era un Svido jugador de
_ajedrezy os mecanismos de este juego sus
cestrategias ocultas, sus rasgos estructurales-
ddesemperiaron un importante papel en sus inte-
reses atisticos;aparecen en algunos de sus cua
dros y actian como principio organizador de
diferentes juegos y construcciones de palabras.
En este cartel, el tableo tridimensional de la
fotografia funciona como una estructura, tanto
conceptual como literal, para organizar la tipo:
grafla, que enumera todas las exposiciones que
tealizé el artista durante su vida
Sholo/ Wedel Sholay Wedel
juego de superfcies que generan los cubos a
veces Se percibe de forma bidimensional y otras
veces como si tuviera profundidad. La tipografia,
‘en estas superficis, interact con el fondo de
‘ada médulo y gua a lector através del tablero
como se astuviesejugando una partida.
Se trata de una metifora para volver sobre los
acontecimientos que alonaron la carera
del artista,28
jeticula de columnas
dificada
[
I [
02 05 08 11
12014 18 2
2% 33 37,
1 04 05 07
09 10 13.15
16 23 24. 28
30 31 36 3729
Reticula modular
03-08 07 09
10 13 16 17
19 22 2% 27
30 35. 38
Wo fabricante
ada por un respet
02: 03 100° 12 Para esta exposicion de mobiliaro rea
italiano, el disefador convité la retcula horizontal en un ente con exis:
tencia fisica. En este caso
ristas utilizan una reticula plana para distribuir un espacio
a ya presencia re
2 sutilitoniaradica en que, mientras ls interio
18 19 21 26
ridimensional,
el mobi
aqui la reticula se transforma en volumétr
‘mediante una unica sila tridimensional
una plataforma de
(odulos de a reticula
liaio expuesto se represent
separada del resto del espacio y colocada sob’
‘uadrada que tiene el tamatio de tres
istal
El resto de los muebles se presenta mediante fotog
oxganizan segin un plan tridimensional Elo significa que pueden mos
de mobiliario,y que la exposicion cobra mas
insélito de su cardcter La articulacién dela ret
trarse muchas mas ple
Importaneia debido a lo
cula mediante el recurso a dversos materiales alade un rasgo tact y
olidez que aportan un orden sosegado al espacio. os médulos del suelo
son de chapas de acero al igual que los expasitoresvertcales que mues:
tran las fotografias de los muebles,y que se han insertado entre los
‘medulos del suelo. Un panel de cristal, colocado bajo lasilay sobre
los médulos del suelo crea reflejos que potencian Ia materialidad dela
silay la vineulan ala reticula
‘unas pantalas translicidas colocadas ante las paredes se elevan desde
el suela stan pintadas de forma que ls colores pasan gradualmente de
un tono mas claro a uno mas oscurey, dado que estan iluminadas desde
ajo, se tiene la impresin de que tanto las paredes como los plintos
verticals estan flotando, De ese modo, a pesar desu aparente righ
fa reticula asume un caractrligeo y etéreo.; re
-Reticula modular
(simple y
‘compuesta)eee
*
Carteles Columbia University Will Kune Assotates|
para to permanente oalofArchitetuke ue ot
Ee conferencias, inetd edvesti
Cada uno de estos carteles, pertenecientes:
a la serie que anuncia los programas de
conferencias de la Columbia School of
Architecture en Nueva York, esta construido
sobre una reticula modular. Las proporciones
el modulo varian segin el contenido especi-
fico de cada cartel, aunque el formato de
todas ellos sea el misma,
Enel cartel de la izquierda se da mayor ele
vancta ala organizacién del calendario de
conferencias, Sus médulos son muy visible,
len forma de bloques de datos individuates
para cada conferencia,en posiivo sobre un
fondo negro. Todas las canferencias de un
‘mes determinado ocupan su propia fila vert-
‘alas fechas del mes siguiente se desplazan
lun médulo hacia la derecha. Los detalles gré-
ficos que aluden a formas arquitectonicas se
cemplean para dar unidad a las diferentes
areas dela composicion
Eneleartel dela derecha el diseRiador utiliza
‘el médulo con mayor libertad, escondiéndolo
hasta cierto punto tras el primer plano épti-
‘co de barras harzontales biancas que orde-
nan la lectura de Ia informacion, pero sacén-
doloa la luzen las anchuras de las columnas
estrechas. Oe hecho, en este cartel varias,
reticulas modular interactan y se super-
pponen; cada una de ells justificalalogica de
las alineaciones entre los dversos elemen:
tos La secuencia del calendar se mueve
con libertad a través de los médulos, que le
aportan regularidad, aunquessin vincularla
tan drectamente como en el caso del cartel
anterior a las proporciones de los médulos.
6|2631
structurd
jerarquicas
comparacion de ejemplos
os 07 7 20
2 2m 32 4
36
0s 07 09 12
14 16 20. 22
Para expresar la identidad de Sageo se uso una
reticula jerarquica simple. Las proporciones dela
estructura lineal de logotipo corresponden a las
de la tipografla que evocan,y esta fexiblidad de
proporcién se mantiene en a estructuracion de
los diferentes elementos impresos dela empresa,
a papeleria por ejemplo, refleja esta reticula fle-
xible en los tratamiento lineales y las areas en
columna, que dependen del tamano,la forma y
la funcion de cada formato dado,ew onpeation
Enel membreteel area que se reserva para el
cuerpo de la carta se integra con la informacion
Impresa através de elementos lineales que
definen la funcién de estas areas. Los campos de
color que aparecen en el reverso de las tarjetas.
_zde Visita corresponden alos campos de
informacién del anverso;en la portada de las
carpetas, unos campos de color semejantes
repiten la estructura del logotipa,
La solucion de MetaDesign para la identidad de
marca de Sageo se extendi6 también al disefio
interactivo de su sitio web. Esta sencila estruc:
‘ura modular es flexible.y puede ser forzada
‘mediante una reticulajerarquicas asi lo
requieten los contenidos de alguna pagina
enparticula,
Enlas areas de contenido impreso y on-line
encontramos una base de datos de fotografias
de personas, de estilo espontineo,drectoy un
tanto caprichoso. Ls fotograflas petenden
reflejr a personas teales con vidas reales, algo
esencal para la marca Sageo.y se presentan
dispuestas en una cémoda estructura
Unificadora
s6|¥632
Reticula jerarquica
sareeEa mepemsecnra ch aotaos foes aoe
SS SEES ".
aaeeene ia Coys A eee
fa ee aprReticula de columnas
dimensionales
Peer cats
ee eka
een Te
ar
ona
eee ees
han
we
Aiea
Psalms 122
ere Petre ree aa)Reticula jerarquica
Ce ed
erred
Prd37
Reticula de columnas
looking ahead
property
| acquisition:guilibra una fotografia a
Je textos ytablasd
3s, reforzadas por bloques de color d
inspracion arquitecténica para potencta
Eni
econémica de la empresa 3s colurmna
jon que trata la actual campania
*. J} bloque de texto con la que linea la cifra
outright gifts and grants capital gifts and grants Ae Sarre es vec 3
impresién de movimiento y espacia. tos parrafo
mas importantes estan separados del tex
y pueden alargarse alo largo de do
En algunos caso las fotograReticula modular
dimensionalco ee
OU we Net
aeInterludio historico
2 Las semiltas-de la deconstruccion
r 5 Aligual que et uso de reticuls nla rica de
' 1 itimos mov:
jentosnacieron como reaccién ala | Guerra
dial. Los dadaistas aplicaron el extrafio y
novedosolenguaje dela abstraccién al lenguaje
verbal para expresarsu horror ane la guerra.
1914 el poeta Hugo Ball abr en Zirich el
cabaret Voltaire, punto de encuentro de poetas,
ecritores, misicos y artistas que compartian
esta indignacion. Entre ello se contaban Tristan
‘ara, que prepaté las manifiestos del grupo y
publica la revista ada; Jean Arp pintor y escul
on y;mas tarde, tambien Marcel Duchamp, un
pintor que inci su carera en el cubismo pero
jespués se sitio mas fascinado pore sim
imo y los juegos linguistics. El lenguaje yla
texperimentacién se unieron en los explosivos
poemas dadaistas, asi como en sus arteles sin
sentido, en las que las palabras no se correspon
dian con ningin significado explicite. Ene! mov
miento dads, ls letras las palabras son image
nes de estados emacionates psicologios, su
poder emana de las disposiciones visuales agre
sivas que representan esos estados,no de su cn:
icin de soportes de un significado itera. €l uso
que el dadaisme hizo de la tipografia se aseme-
Jaba al que hicieron ottos movimientos como el
futurismo,en-et que el tratamiento visual de la—
informacion también se empleaba come vehicu
lo grafico para las asociaciones del observador.
flippo Marinette fundador del futurismo, ut
izaba tramas de letras repetidas, junto con una
cexcalay una disposicin de un gran dinamismo,
| para yansmitirideas sobre el soni el mov:
‘miento y el violento poder de las maquinas.
En Francia, los poetas cubista y simbolistas
exploracon también el retrato sintactico dela.
escritura mediante la tipografia, basandose en
sus atributosoraleso verbales. Stéphane
Mallarmé y Guillaume Apollinairecrearon ima
{genes hechas de palabras en poemas y ensayos
ten los que la estructura de las paginas venia
definida por la imagen en cuestion El famoso
poema de Apollinaire i Pleut ["Uueve") esta
corganizado en lineas veticales que recuerdan a
Ia lluvia,Apolinarey otros poetas como él esta:
ban influenciados por a semiticay el estudio
de los signos,tepria desarrollada por el estado-
tnidense Charles Pierce y el francés Ferdinand
de Saussure
Esta poetizacion dela expresion visual ~caracte-
rizada por los juegos vsuales de palabras y por la
_aproximacion al tema ola experiencia real por
medio de si
28
sconstruccién
sinematografica y
-on collage de reticula
de columnas
0s 07 11 14
15 19 20° 25
2933 34 35
08ae
iol aeoW XeXe]29
omposicién geométrica
ssponténea30
jeconstruccién de una
reticula de columnas en
collage sistematico
0
09
25
38
os
13
28
37
15
a
07
16
CONTENTS
L:
a
HEH
Han
i
rut
Hts i31
Reticula compuesta
modular y de columnas
{integrada con un collage
03 05 06, 07
09 13. 18 23
10 14 17 22
232
‘Alusion geométrica
jctérica33
“omaposicion
quitecténica
sspontanea
03 05 09
25 28 30
a4
10 30.3534
mposicion
rquitecténica
ntanea
03 09 10 11
15 23 25 30
32.33 36
10 30 35
Cada una de las super
aque anuncia la remodela
Londres se organiza en torno a un:
angulosa de los elementos arquitectonicos del
edifcio.
de este cartel/fArquitectura de
informacion con
zelaciones de escala36
jeconstruccion
sspontanea de reticula
éptica de columnas
10
25
02
“
33
a
07 09
16 24
a
oon
26 28
OTe | angos37
Diagramas, collages y
ideconstrucciones de reticulas
de columnas compuestas
or 07 28 33,
38indice de colaboradores
1 10
‘Allemann, Almquist & Jones Frankfurt Balkind Partners
301 Cherry Street, 3* planta 24a East 8th Street
Filadelfia, PA 19106 ‘Nueva York, NY 10022
Estados Unidos Estados Unidos
[Link] ww [Link]
23 25 |
BatesHori Heebok Lee
1200 Broadway, despacho 2¢ Carnegie Mellon University
Nueva York, NY 10001, Pittsburgh, PA 15213
Estados Unidos Estados Unidos
bateshori@earthlinknet __wwcarnegiemellonedu
= oo 2
Dan Boyarski Frost Design.
Carnegie Mellon University The Gymnasium
Pittsburgh, PA 16213 Kings Way Place
Estados Unidos Londres ECAR oLU
[Link]@[Link] Reino Unido
[Link]
12/38 or) 32
‘cahan & Associates tynn Fylak
1m Second Street, planta 330 East Bsth Street despacho 3¢
San Francisco, CA 94105 Nuc York NY 10024
Estados Unidas Estados Unidos
swwraicahanassocatescom wonwiflak@chrstiescom
a4) 08 | 28
Jennifer Saunders Carlini ‘april Greiman
Garmegie Melon Univesity So Melton Avenue suite
Pitsburg, PA 5 3s Angles, CA 90031
sf ‘a Estados Unidos
Estados Unidos
[Link] [Link]
02 | 08 22 37
(Chermayeff & Geismar Inc. . Harvey GraphicDesign
45 East 26th street, 1" planta «440 West 2ath Streets"
Nueva York, NY 10010 ‘Nueva York,NY 100
Estados Unidos Estados Unidos
[Link] wwwwcharveycom
19
Kristin Hughes
Carnegie Mellon University
Pittsburgh, PA5213
Estados Unidos
‘[Link]
on | 22 ;
Ideas On Purpose
aie nar set Seo
tts Unie
eidenpipie
15 | 26
In(Corporate GmbH
Postfach 10 34 06
28034 Bremen
Alemania
‘wwwwincorporate de
Insect
15 Clerkenwell Road
London ECiM SPA
Reine Unido
[Link]
16
Intersection Studio
1637A Electric Avenue
Venice, CA go291
Estados Unidos
[Link]
18)
Joel Katz Design Associates
1616 Walnut Street, Suite 1939
Filadefia, PA 19103,
Estados Unidos
wwinjoelkatzdesigncom30 12
Willi Kunz Associates, Ine
2m2 Broadway, m.500
Nueva York, NY10023
Estados Unidos
whany@aolcom
27
Landesberg Design
rang Bingham Street
Pittsburgh, PA $203
Estados Unidos
[Link]
0907
Level Design.
‘qi West 28th Street, Suite 68
Nueva York, NY 10001
Estados Unidos
[Link]
‘Maksimovie & Partners
Johannisstrasse §
{66m Saarbricken
Alemania
wwnmaksimovic de
ait
Mayer Be Myers
619 South Tenth Street
Filadelfia, PA 19147
Estados Unidos
[Link]
o1
McCoy & McCoy
mccoykj@[Link] edu
24
‘MetaDesign AG
Bergmannstrasse 102
10961 Berlin
Alemania
‘[Link]
20) 31
‘Meta Design SF
350 Pacific Avenue, 3* planta
San Francisco, CA gain
Estados Unidos
wunwmetadesigncom
Thomas Ockerse
37 Woodbury Street
Providence, Ri 02906
Estados Unidos
tockerse@brainiaccom
4 | 17 | 09 a8
an
Sinton ecko:
Sepa tecve ser noma
oe ees
Siansinae
eae,
at
Pentagram UK
snNeedham Road
{ondres Wn 2k?
Reino Unido
vas: pentagram com
cr
Peete
2317
‘Atelier Poisson
Place de UEurope 8
1003 Lausana
sulza
13 | 19 | 95
Poulin + Moris
286 Spring Street, 6 planta
"Nueva York, NY 10013
Estados Unidos
[Link]
02 | 26
Praxis Simon Johnston
254 Tranquilo Road
Pacific Palisades, CA 90272
Estados Unidos
pras_degn@aolcom
16
Timothy Samara
4436 West 2and Street
‘Nueva York,NY 10011
Estados Unidos
timsamara@hotmallcom
euiees
Skolos-Wedell, Ine,
125 Green Street
Canton, MA o2031
£stados Unidos
‘wn skolosswedelicom
2)5) 3
Small sigan
simid olaboradores c
15 25
Stoltze Design
449 Meher street F
Boston, MA 02210
Estados Unidos
[Link]
m1 14 37
Tolleson Design
220 Jackson Street, Suite 310
San Francisco, CA gam
Estados Unidos
\worntollesoncom
‘Niklaus Troxler Design.
PO. Box
CH 6130 Wilisau
Suiza
[Link]
05 | 14
UNA (Amsterdam) Designers
Maurltskade 55
1092 AD Amsterdam
Palses Bajos
[Link]
30
‘Andrea Vazquez
Rhode island School of Design
Two College treet
Providence, RI 02903,
Estads Unidos
wonisdedu
Vignelli Associates
130 East 67th Street
Nueva York, NY 10038
Estados Unidos
swwwrwignellicom
ntin
03 | 05 | 36
Why Not Associates
22€ Shepherdess Walk
Londres Ni 718
Reino Unido
[Link]
Otros colaboradores
David Carson pp. n8, 19,121.25
an4 Broadway
Nueva York, NY 10013
Estados Unidos
‘[Link]
Jenny Chan pp. 122,123,
55 Jactson Road
Hamden, CT 06597
Estados Unidos
Shell deBrttevle 28% on
Yale Unies shen of at
Neuter cross
Estados Unidos
ea
Enterprise IG p21
570 Lexington Avenue, s planta
Nueva York, NY 10022
Estados Unidos
[Link]
‘Total Design p20
Paalbergweg 42
nos BV Amsterdam
Paises Bajos
[Link]
Weingattpp.5, 16
Hochschule fur Gestaltung und Kunst
Departamento de tipografia, G_102
Vogelsangstrasse 15
CCH 4os8 Basilea
Suiza
‘iste Williams pp.122,123
University ofthe Arts
Departamento de diseno grifico
333 South Broad Street
Fiadefia, PA 19103
Estados Unidos
wwwuartseduBibliografia
Miller-Brockmann, Jose.
#1 mundo como proyecto. 019 ek 2 ‘The Graphic Artist and His Design Problems.
Verlag arth Teufen, 1968.
‘Cranbrook Design: The New Discourse. 220), Nueva Yor Miler-Brockmann, Jose.
‘Ststemas de reticulas, torial Gustavo Gli Barcelon:
New American Design. © 2°), : Naylor, Gila
‘The Bauhaus Reassessed: Sources and Design Theory. =
Bauhaus 1919-1928. M N i unis
Dutch Graphic Design: 198-1945. 30 Nos Bei
The Typographic Grd, Rand, Paul
Thoughts on Design. V2" Nos
Industralkultur Peter Behrens und die AEC. 2 1979. Rote Willy
Constructive Concepts. 220), Nueva York
Design: Vignell. Bacar era
Manual de dsehotpognifico. tol Gustavo ¢
Builang the Colective: Svet Graphic Design rrr Selections fromthe 93 0
‘Merrill. Berman Collection. es, Nueva YO El abecé dela buena tipografia. Fic, Valencia, 2
schichold
Theo Van Doesburg: Painting into Architecture, Theory into Practice. Designing Books. Wittenborn, Schult, Inc, Nueva York
fentui, Robert; Scott Brown, Denis te
Aprendiendo de Las Vegas. 0091 Barcel
Disenar programas.
‘My Way to Typography. (2s iller Verlag, Baden,
‘Armin Hoffmann: His Work, Quest and Philosophy. 5's 28
Tipografia: macro y microestética
‘Mixing Messages: Graphic Design in Contemporary Culture.
EIABC de la Bauhaus: la Bauhaus y la teoria del dseo.
Jan Tschichold:Typographer. £5.19
Historia del diseno gréfco.Sobre el autor
Agradecimientos
Reunir material para un libro como éste depende de a buena
voluntad de muchas personas muy ocupadas. todos los
disehiadores que me facilitaron ejemplos de su trabajo para
permitirme hacer la seleccion les agradezco sinceramente su
‘ayuda, asi como también sus sugerencias y su gran apoyo.
En este sentido, deseo expresar un agradecimiento especial
Hans Bockting Katherine McCoy y Simon Johnston, que me
‘dedicaron su tiempo y Sus itiles consejos en una medida
‘mucho mayor de la que yo esperaba.Y gracias a Richard Wilde,
de la School of Visual Arts, que fue quien me puso en contacto
or primera vez con Rockport Publishers.
[Mi sincero agradecimiento también a Massimo Vignel,que
inesperadamente y con gran generosidad, me cedi6 cuatro
horas de su apretado da y e reunié conmigo para hablar en
profundidad sobre el tema de este ibr.
‘Ya Chris Myers de la Unversity of the Arts en Filadefi,y su
esposa, Nancy Mayer, que reunierony ordenaron una enorme
Cantidad de trabajos de sus estudiantes para este proyecto.
Por iltimo, aunque sin ser por ello menos importantes, doy
sinceramente las gracas a Sean y Catherine, por su paciencia
yy 54 apoyo a lo largo de todo el proceso.diseiador gréfico y profesor, reside en
‘Nueva York, donde divide su tiempo entre sus clases en la
‘School of Visual Arts and Fashion Institute of Technology,
‘sus textos tebricos y su actividad como asesor a través de la
'STIM Visual Communication. Su actividad como diseiador se
entra en el disefio de imagen corporativay trabaja para
clientes, que son tanto empresas comerciales como entidades
sin animo de lucro,en proyectos que abarcan el medio impreso,,
cl digital y la seftalizaci6n. Ha ensefiado e impartido
conferencias en U-Arts,Filadelfia; Ia Newhouse School of
‘Communications de la Syracuse University; el Renssalear
Polytechnic Institute de la Western Michigan University, en Troy,
‘Nueva York: y SUNY Fredonia. Se licencié con méritos en U-Arts
‘en 1990 con una titulacin en diseo grafico.
{Qué es el dieniogrifica? Manual de disefo
236 paginas, 2217 cm,
'SBN; 968-887-4051
[No mis normas. Disco grifico postmoderno
92 paginas, 28 [Link].
ISBN: 968-887-404-3
Diseo de catalogosyflletos 2
208 pignas, 28x23 cm.
ISBN: 968-887-3977
Diseio de logotipos 2
ISBN: 968-887-3993,
DiseRo de tarjetas comerciales 2
192 paginas, 28 x23.
ISBN: 968.887.3085,
Editorial Gustavo Gili, SA
(08028 Barcelona. Rosselié, 87-89
Tal 93 322 81 61 - Fax 93 522 92.05
e-mail: info@[Link]
[Link]yin
|
Timothy Samara diseiiador grafico y profesor,
reside en Nueva York, donde divide su tiempo
entre sus clases en la School of Visual Arts and
Fashion Institute of Technology, sus textos '
teéricos y su actividad como asesor a través de
la STIM Visual Communication. Su actividad
Planteado como un curso como dseador se entra
corporativa y trabaja para cl
de maquetacion, Disenar Sa cs Seer
sin dnimo de lucro, en proye
con y sin reticula esta dividido *\nicimpss..upes
Ha ensefiado e impartido confer
en dos partes: la primera Urs fades aNewhousescctot |
Communications de la Syracuse University;
analiza la reticula PIPOBPAFICA Stemaearriyncnicbehite deta nesen
tradicional y su utilizacion, eee
mientras que la segunda co ae CM
muestra como deconstruirla
o, simplemente, como
trabajar sin ella.
En la primera parte, “Disefiar con
disefio de imagen
fico, clasificando
reticula”, se exponen los tipos basicos de
fio gra
reticula, ilustrandoyy definiendo los que se
utilizan con mayor frecuenciaen el disefio
tradicional. Una seleccion de proyectos
muestra de qué forma estas reticulas
organizan la informacion y como pueden
actuar como marco para la composici6n.
trabajos escogidos en el contexto de la
los fundamentos conceptuales
y practicos de los métodos que se
evolucién del dise
estan explorando.
JM
seer!
Las panoramicas historicas sitdan los