90% encontró este documento útil (10 votos)
5K vistas212 páginas

Diseñar Con y Sin Reticula PDF

Cargado por

Niña de Papel
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
90% encontró este documento útil (10 votos)
5K vistas212 páginas

Diseñar Con y Sin Reticula PDF

Cargado por

Niña de Papel
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 reticula isenar ony sin reticula GG peyioqi| e| A e1n}pNJ}so | EEO pasando de la teoria a las aplicaciones en el mundo real 8. Reflexiones sobre la estructura 2 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 autor Reflexiones sobre la estructura: Introducci6n Para 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 visual Como 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 espirituales de 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 sefe thold. 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 disenar Variacié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 ejemplo Disenos basados en la reticula 01 jeticula de manuscrito global), ejemplos de fcula de columnas Este 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 a 02 Reticula de columnas 12 1418 26 28 33 36 04 05 07 08 2223 90 31 36 10 13 15 16 ae 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 Joe 03 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 2 rowpaonedesigncom 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 31 Memoria 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 dela 06 ‘ACColourful New Year Blac Siebruch AC Nikaus Tower Desig feticula modular 07 jeticula modular con articulaciones mpuestas on o2 06 12 13, 18 19 21 28 26 30 31 35 a 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 ilo Normative 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 modular BAL ‘ii El lil fnversore 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|vs 12 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 financier feticula 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 F 14 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 orca estacar 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 ca 16 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 inna 17 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 image Reticula modular 19 0 02 17 18 19 2 2% 31 2 20 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 han 22 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 museum ter review a a! E New Works for a New Museum Highlights bixesenmaitc bienrutaes Collectic 2001-20 24 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 3 Leutbecher Zahlentheorie Geometric ; Constructibie sets Measure Theory infeal Geometry é b» é souls XS Reticula modular aout .Uesign ibn g Muriel Cooper F Lecture raul 5 Dedic enc 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. s ticula modular ar = al Docamenting 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 37 29 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|26 31 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|¥6 32 Reticula jerarquica saree Ea mepemsecnra ch aotaos foes aoe SS SEES ". aaeeene ia Coys A eee fa ee apr Reticula 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 Prd 37 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 fotogra Reticula modular dimensional co ee OU we Net ae Interludio 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 08 ae iol aeoW XeXe] 29 omposicién geométrica ssponténea 30 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 i 31 Reticula compuesta modular y de columnas {integrada con un collage 03 05 06, 07 09 13. 18 23 10 14 17 22 2 32 ‘Alusion geométrica jctérica 33 “omaposicion quitecténica sspontanea 03 05 09 25 28 30 a4 10 30.35 34 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/f Arquitectura de informacion con zelaciones de escala 36 jeconstruccion sspontanea de reticula éptica de columnas 10 25 02 “ 33 a 07 09 16 24 a oon 26 28 OTe | ang os 37 Diagramas, collages y ideconstrucciones de reticulas de columnas compuestas or 07 28 33, 38 indice 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 wwinjoelkatzdesigncom 30 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 simi d 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 wwwuartsedu Bibliografia 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

También podría gustarte