sistemas Principios para organizar la tipografia eng GG Disefo DeneSistemas reticulares Principios para organizar la tipografia Kimberly ElamTitulo original: Gri systems Publicado criginalmente por Princeton Architectural Press Ezitores del proyecto: Linda Lee y Jennifer N. Thompson Diserio grético: Kimberly Elam Directares de la coleccién Yves Zimmermann, Raquel Pelta y Oriol Pibernat Diseno de la cubierts: Yves Zimmermann Rovisién técnica: Susana Tarancén Versién cestellane: Mela Davila Vedicién, 1° tirade, 2006 2 tirada, 2007 ‘Queda prohibida, salvo excepcién previste entaley, lareproduc- cién (electronica, quimica, mecanica, optica, de grabacion o de {fotocopia distribucisn, comunicacién piblica y transformacion e cuslquier parte de esta pudlicacién —incluido el diseno de la cubierta— sin la provia autorizacion escrita de los ttulares ele propiedad intelectual y de la Editorial. Le infraccién de los ‘derechos mencionados puede ser constitutva de dalito contra la propiedad intelectual (arts. 270 y siguientes ce! Codigo Penall El Centro Espariol de Derechos Rep ograficos (CEDRO) vela por el espeto de los citados derechos. La Editotial no se pronuncla, ni exoresa ni implicitamente, res- ecto ala exaclitud de Ia informacion contenida en este libro, ‘azn pot la cual no puede asumir ningun tipo de responsabilidad fen caso de error u omisién, © 2004 Princeton Architectural Press y para Ia edicién casieliana © Editorial Gustavo Gil, SL, Barcelona, 2008 Panted in China ISBN: 978-84-252-2060-2 Miespecial agradecimiento para: Nettie Alan, Nicole Bednarek, Janet Behning, Megan Carey, Penny (Yuen Pik) Chu, Russell Fernandez, Jan Haux, Clare Jacobson, John King, Mark Lams- ter, Naney Eklund Later, Katharine Myers, Jane Sheinman, Scott Tennent, Joseph Weston, y Deb Wood, de Princeton Architectural Press, Kevin C. Lispert, eaitor46 63 66 7 68 69 n 89 1 92 9 104 107 m 16 19 121 123 123 Presentacisn Elementos y proceso del proyecto Limitaciones y posibilidades Proporcion de las elementos Agrupaciones: Espacio negativo y aarupaciones Linoas dol perimotia y relaciones axiales Ley de los tercios Et circulo y la composicion Composicion horizontal Folleto para Die Neue Typographio Pagina de titulo y pagina de texto de The Isms of Art Doble pagina del catdlogo de productos Bauhaus ‘Anuncio dal Theater am Hechtplat2 Pagina web de SamataMason Linea grética para ol Institute de Estudios sobre Arquitectura y Urbanisme Linea gratica para Sotheby's Doble pagina de indice de The New Urban Landscape Composicion horizontal / vertical Cartel de Zircher Kinstier im Helmhaus Catalogo do Niko ACG Pro Programa del 150 Aniversario de la Universidad de Zurich "Los mejores carteles suizos de 1992" Festival d'éré |" Festival de verano"l, doble pagina de programa Cartoles para la Escuela Superior do Arquitoctura y Utbanismo, Universidad de Columbia Composicién diagonal Cartel de Kandinsky Pagina de Fieklama Mechano Serie de certeles para e! periédico Nationat-Zeitung Estudios para pagina de titulo, Teatro Municipal de Friburgo Carteles sobre un ciclo de conferencias para la Escuela Superior de Arquitecture y Urbanism, Universidad de Columbia Jerarquie tisogratica Caso de estudio: La identificacién del virus del sida Caso de estudio: El principio del comunismo en Cuba Caso de estudio: Los Lev''s se ponen de mode Caso de estudio: "Sie! guante te queds suslto, debes sar absuolto” Indice de sérminos Biblicgrata, Agradecimientos Créditos de las imagenes/Avchitectonie Graphic Desig opie Design Depormer |\vchitectonic Graphic Design| (rape Design partmen] Presentacién La tipogratia no es sdlo informacion verbal, sino que consiste también on linoas de diversas texturas dentro de una compo- sicién. Estas texturas crean a su vez rectangules de diferentes tones sobre la pagina. Y la rolacién entre las posiciones de estos recténgulos resulta fundamental pare percibir orden y Unidad en una composicion, La dualidad que implican ambos ‘elementos encomienda al cisenador ia responsebiiidad tanto de ls comunicacién como de la composicion, El proyecto tipografico permite al disofiador centrarse en ol apo! de la composicién dentro de un sistema y de una estruc- tura, y analizerlo cuidadosamente. La estructura es un sistema reticular sencillo, de tres coluras por tes files. Se trata de un sistema que, aunque modesto, ofrece suficientes posibilidades de variacion y de invostigacién profunda. El sistema reticular de 3x 3 también responde a le ley de los tercios, que enuncia aus ‘cuando un recténguio o un cuadrado se dividen en tercios vert- caly norizantalmente, ls cuatro puntos de interseccién resultan- tes son los puntos foceles dptimos on a composicién. Eldiserie dor se sirve de la ubicacion y de le proximidad ara determinar cudl de estos puntos os el mas importante jerérquicamente El ejemplo que se muestra a la izquiorda es una compasicién sencilla de seis ractangulos y un pequeno circule. Los ele- mentos guardan una proporcién reciproca y estén agrupadas ¥ dispuestos en la reticula de tal forma que cada uno de los elementos rectangulares se alinee al menos con otro olomanto, Los alineamientos interos, la proporcién de los elementos y su Ubicacién en el formato efrecen, como resultado, una composi- cién unificada y visualmente satisfactoria. En este ejemplo los rectangulos arises se han sustituido por lineas de texto. Existe tuna jerarquia evidente en el contenido del mensaje esteblecide or medio dei cuerpo de la fuente, la ubicacién del texto y un fie vertical ala izquiarda dol formato, El andlisis de estas tres muestras pone de manifiesto que los princ pios compositivos: relacionados con los mensajes tipogréficos son, en general, los mismos. La comprensién de los elementos abstractos en la ‘texture de una composicién ayuda al disoftador a comprender mejor la funcién de los principios compositives y las tuerzas: visuales en #! dise’o. Esie proyecto as un caso de estudio de luna metodologia determinada que se emplea para ensefar ‘23t0s princioios y fuerzas visuales. Este libro esté en deuda con mis elumnos por todo lo que me han ‘ensefiado y aspira a compartircon otras personas una perspecti- vay una metodologia que pueden resultares ities. La educacion ‘en disetio es un proceso fluido, sujetoa una evolucion constante, Los disenadores y ios orofesores de disevio quadan invitados a ‘compartir os resultados de sus exporiencias conmigo, para que puedan incluirse en futuras reediciones de esta obra, Kimberly Elam Departamento de Comunicacin Grice « Interactive, Serasote, Florida euu) 5lementos y proceso del proyecto Una estructura de tres columnas por tres filas es el formato elegi- fo para analizarlatextura ya composiién. Este sencillo sistema ‘ticular permite un gran numero de variaciones en el contexto Ja un sistema organizative controlado. Dado que el formato es un cuadrado, la atencion visual se centraré en la composicién interier, mas que en la forma y la proporcién dol formato, Sois rectingulos giises, que mas tarde van a correspond al tamaro de Ie tipogratia portadora del mensaje visual, constitu- yon Ios alementos de la composicién. Tambien se emplea un equefio circulo como elemiento de equilbrio, de contiol visual de la composicion y de contraste, Eleirculo es el elemento comodin en todas Incluso aunque sea muy pequefo, cuenta con un enorme poder visual, Ello puede decirse de cualquier circulo, con euakquicr tamafio yen practicamente cuelquier composicion. Elcontroste de su forma con los elementos rectangulares posce inter visual, ademas del poder visual inherente al circulo misn posici6n en la composicién esté menos definida que la de los demas elementos y puede aparecer en cualquier parte Los estudiantes exploran los principios visuales de la com: posicién, la toxtura y la interrelacion, mediante una serie do alercicios que aumentan progresivamente su grado de com plojidad y de dinamismo, jstema reticular tiene tes Los elementos de la ‘lumnas de ancho y tres fies composi Je alto, es decit, nueve carmpos _recténgulos grises yun visuals en total pequerio eroula Los elementos dela Las lineas de texto sustituyen comgosicién se disponen en ela los elementos arises de la sister reticula ‘composicion (aribal y etrecen, dd9 aste modo, una compesicién tipogtatica labalo}. |7:00 pm, Library Free Lecture Series Graphic Design Department \gling School of Art and Design]Limitacionos y posibilidades Alestudiante se le indican el formato, los elementos rectangu- lates y une serie de regiss: En la serie horizontal, todos los elementos rectangulares > = oa 6 = e ° 2. taba ono cain Sislinerinono se rece, st saa pu boxtnte cose Ls serseon tsuneo ba feehon ns cls de Sanur as oveones Gloroncdee comune pot teconce’ Alvomper Steen ier scmertes designe. recog grins eres Ivetadonoscrel thaes orcs 0 cori Selreaseee vera cro eet [oor campedlones an més CanesonatssRectangulo largo en la parte inferior icion de rectangulos por tipografia fringing Sehoot of Art and Design |Graphie Design Department Tanuary 7, 2005 January 8, 2008 January 9, 2008 inating eho! of Art and Design }:00 pm, Library |Graphic Design Department ree Lectane Series |Architectonic Graphic Design [Rinaling School of Art and Design Graphie Design Departmen pm, Library. January 7, 2003 January 8, 2003 ‘January 9, 2003 bee tectonic Graphic Design| al, 2aComposicion horizontal Rectangulo largo en la parte inferior Sustitucién de recténgulos por tipogratia Graphic Design Department Ringling School of Art and Design| 17:00 pm, Library jee Locture Series [Architectonic Graphic Design| ETAT, Graphic Design Departmenq Ringling School of Art and Design| January 7, 2003 January 8, 2003 January 9, 2003 7:00 pm, Library Free Lecture Series \Architectonic Graphic Design 28Rectangulo: Miniaturas i posicién interior @s une posicién delicada para el rectangulo loigo. Este, al extenderse por toda la anchura del formato, civide e! ‘oy rade en dos recténguios més pequenos. Sino se colocen atros, ‘lo mentos en una de estas dvisiones rectangularos, ol espacio so ‘lov tiva y se hace desagracable visualmente. Al colocar al menos. ‘ino de fos elementos en cada una de las dvisionas rectangulates, loi el espacio quede activedo e go en la parte interior Colocar el recténguio mas largo en le posicion interior creo ni desvontaja estétice, Esta desventaja es el rosultado do divi Un formato armonico en dos rectangulos menos armanios0s. neo aunquo se activen os dos espacios, ol resultado os, sn dus, reno, ‘2agradable que en las compasiciones que no son siviidas on dos or el recténgulo mas argo. iat | ’ HI | a i ull it 2Composicién horizontal Rectangulo largo en la parte interior Miniaturas. + Agrupamientos negati del perimetro + Alineacion + Posicién del circulo + Interlineado 1. Critica (vbase la pSgina siguientel Wd la pagina siguionto}Recténgulo largo en la parte interior Critica + Agrupamientos + Espacio negative + Lineas del perimetro ‘+ Alineacion axial * Loy de los tercios + Posicion del cireulo ‘+ Interlineado = vil > > e e 1. La composicién tiene una Dado que el nitmo y la Un anico elemento, pot ‘buena aineacin interior, pero ropaticion de los ractdngulos ejemplo, un rectangulo cl recténguie large ha aslado rmedianos y pequenos resulten equeno, tembién puede y dosectivado un espacio en atractves, los recténgulos activar ol espacio. Al ser un Ia parte superior Este espacio equenos se desplazan hacia elemento isiodo, atraeré blanco resulta oxtratio y hace arriba para que activen e! Ia atencidn de manera ‘que la composicién produzca espacio. considerable Ia imprasion de que los ‘elementos son pesados y por ‘950 caon. I> => @ 2, De forrra somejante at trabajo que se presenta mas ariba, esta composicion deja _sttepado un espacio blanco inactivo. Este espacio blanco resulta extrafo y hace que los tlementos parezcan flotar hacia la parte superior. Un tinico elemento, en este e280 el ctculo, 6s sufcionte para activar el espacio blanco Yyofrocor un anciaje ala composicion a Numerosos elementos activan ‘ahora ol espacio blanco, y el circulo crea tension y atree la atencién de! ebservador.Composicién horizontal Recténgulo largo en la parte interior Sustituei6n de rectngulos por tipogratia. [January 7, 2005 JJanuary 8, 2008 [January 8, 2003 Graphic Design Department| z i to ig 23 e) ig [7:00 pm, Library I Frce tecture Sevoe Troe Lecare Bos lArchitectonic Graphic Desig Graphic Design Departm lining Schoo of arena Desion 1.00 pm tary January 9, 2003 Graphie Design Department] Ringling School of Art and Destan jis | itectonic Graphic Desig re Lecture Series a2Recténgulo largo en la parte interior ‘Sustitucién de recténgulos por tipografia [Graphic Design Department 7:00 pm, Library January 7, 2003 January 8, 2003 January 9, 2003 [Architectonic Graphic Design| Free Lecture Series Ringling School of Art and Design| Froe Lecture Series. Architectonic Graphic Design| Graphic Design Department! 7:00 pm, Library Ringling School of Art and Design| January 7, 2003 January 8, 2003 January 9, 2003 eI 33r0 Die Neue Typographie Id, ala temprane edad de veintitrés afios, escribié espacios negatives y el interiineado como elementos relevantes vero especial de la revista Elementare Typographiedirigida de la estructura base. folsto realizado pare Die Neve Typog- profesionales de la impresidn. Por medio de esta revista, _phie, que se muestra abajo, encarna os principios establecidos chold presento su filosofia junto con la abra y las ideas de por Tschichold y es un estudio de sutiles controstes. La tipografia, yal mundo profesional. En 1928se publics ellibro Die es una sencilla fuente sin remate compuesta en una reticula de 1e Typographie: The New Typography. que se convirtid en dos columnas que se superponen. Estas tenen lamismaanchura @ influyé ampliamante en el diseno y la comunicacién, tal como se muestra uperponen para crear libre analizaba e! disero tipografico, intentaba sistematizar una columna derecha mas estrechs que tiene una columna mds teva tipogratia” y defendia la composicion asimétrica, los corta compuesta en negrta cerca de ia parte inferior. — RZUGS-ANGEDS — JAN TSCHICHOLD _ Sime aerate posratcnon cro tcurma | ano cowna al Jan Tachichold, 1928Folleto para Die Neue Typographic Jan Techichold, ala temprana edad de veintitrés afios, escrivio ‘un ntimero especial de le revista Elementare Typogrephie drgida 2 los profesionales de la impresién. Por medio de esta revista, ‘Tschichold presenté su filosoffa unto con fa obra y las ideas de El Lissitzky | mundo profesional. En 1928 se publics el libro Die Neue Typographie: The New Typography, que se conwirtié en Un hito influy6 ampliamente en el disefo y la comunicacion, Esta libro anal zaba ol diseo tipagratico, intentaba sistematizar |e “nueva tipografia” y defencia la composicion asimétrica, los inns retina archon Some JAN TSCHICHOLD. espacios negatives y el interlineado como elementos relevantes dela estructura base. El folleto realizado para Die Neve Typogra: hie, que se muestra abajo, encarna los principios establecidos por Tschicholdy as un estudio de suliles contrastes. Le tipoaratia ‘85 una sencilla fuente sin remate compuesta en una reticula de dos columnas que se superponen. Estas tienen|a misma anchura (tal como se muestra en ol encartel, y se superponen para crear tna columna derecha més estrecha que tiene una columna més ccorta compuesta en negrita cerca de la parte infer. VORZUGS-ANGEBOT Sar omemanemee DIE NEUE TYPOGRAPHIE eer ects etn Seay ne ehamtan Jan Techichold, 1928 ‘enteecnin umstonene m)Pagina de titulo y pagina de texto de The Isms of Art El Lissitzky estaba vinculado estrechamente a la Bauhaus y a los maestros de |a Bauhaus, entre los cue se contaban Jan Tschichold, LLasz¥o Moholy-Nagy y Theo van Doesburg Esertor praifice, ademés bronuncié un gran ndmero de conferencias y suele atribuirsele el haber insoirado e una generacién de experimantacién tipogrstica. Fue pionero ens explotacién experimental dels cajas de tipogratia impresa mediante el uso de fetes, barras esvaciadoras y ornaman- tes como elementos de composicisn y come imagenes Las pagings de The Iss of Art muestran cdme abords el comple problema de comunicacién que impiica el diserio de un libro on tre idiomas. Lissitzky optd por un sistema reticular muy estructurado da colurnas yfletes guesos, que funcionan camo elementos que a ‘an organizacion y énfasis. Ademds, los fetes ancajaban bien co los movimisntos artisticos del constructivisme y el supremati ‘enos colores primarios como elementos puros dela comunicacin Fl acento en los contrastes entre verticalidad y horzontalidad dl los grues0s ilotos so convierte en ol recursa homogeneizador qu: ‘organiza la inforrnacién 7 Pagina de titulo (arriba) EI sistema organizativo en Ia pagina de titulo es un sistema horizontal que divide la pagina en tes campos visuales, y el acento visual es horizontal Pagina de texto (a la derechab. Por ol contrari, el sistema organizatvo en le pagina de texto es vertical y divide le pagina fn 1r0s columnas vertcales. Las divisiones horizontales atin existen; la pégina se divide hhorizontalmonte para separa la introduecisn de Malevich, yas secciones dedicadas al cubismo, el {uturismo y ol expresionis no, El Lissitzky, 1923 36 ONS.o Jel catalogo de productos Bauhaus ¥ ie un estudiante de la Bauhaus orig) ue 1921, donde estudio con Vassily Ka r ss2i6 Moholy Nagy. En 1925, junto i iluso adn ras inspitado por apr Je la tipografia caracteristica Ge fa Bauhaus, dinsky y Marcel ® mit y Joseph Albers, que también hablar > de la Bauhaus, fue nambrado profesor de la s en Dessau. Muy influido or los “ismos" de El diseno de Bayer para el catdlogo de la Bauhai aun planteamiento sensatoala hora do utilizar eleme actos, El cambio de grosor en los fletes, que van de ema: ddamente gruesos hasta los mas finos, oftece un bello contrast Elritmo y la repeticion desempenan un papel importante. y las formas $0 repiten para crear tanto una organizacion visa de k {rupos de texto como un marcado acento vertical que acomper al ojo en direccidn a la parte inferio las dos paginas que se muestran aqui termina con un eleme! 1no tipoarético: un grueso filete horizontal en Ia iz creulo en la 6 ina. Cada une di Sareea Ree | [Seer + |Doble pagina del catdlogo de productos Bauhaus Herbert Bayer fue un estudiante de le Bauhaus original, Turingia (Alemania), en 1921, donde estudié con Vassily Kandinsky y ‘més tarde con Las2l6 Moholy-Nagy. En 1925, junto con Marcel Breuer, Joost Schmidt y Joseph Albers, que también habian sido estudiantes de a Bauhaus, fue nombrado profesor de la ‘yeve Bauhaus en Dossau, Muy influide por los “ismos" de is 6Poca, fue incluso atin més inspirado por la perspectiva racional ¥ funcional de la tipografa caracteristica de la Bauhaus. Herbert Bayer, 1926 37 El diseio de Bayor para el catdlogo de la Bauhaus dh Planteamiento sensato ala hora de utilizar elementos abstiactos, El cambio de grosor en los filetas, que van desde los extrema amente gruesos hasta los mas finos, ofrece un bello contraste, El itmo y la repeticion desempoiian un papel importante, y la formas se repiten para crear tanto una organizacion visual de los ‘9rup9s de texto.come un marcade acento vertical que acompara al ojo en direccion a la parte inferior de la pégina, Caca una de las dos paginas que se muestran aqui termina con un elemento ‘no tipogréfico: un grueso filete horizontal en la iquierda y un circulo en le derecna, LIEFER-BEDINGUNGEN BJ rm em ener oeAnuncio para el Theater am Hechtplatz ‘Abajo se muestrala versién del “antes” de lalistade patrocinado- La estructure vione detinida por ocho columnas de doce eam ‘os del Theater am Hechtplatz. En esta pina, cada petrocinador _visuoles cuadrados cada una. Esta estructura se dvide on a tiene un pequefio anuncio con un ogotipo yun texto descriptive, tercio, por un lade, y en dos tercios por otro, El tercio supeno lo quo da lugar a unappégina confusay desbordante. Eniepégina contione el titulo yeltexto, y los dos torciosinferiores conten Ge la derecha se muosita el “despues”, y en ells se aprecia un los anuncios de los pawiocinadores, La fila supenor de camper Sistema de disefo que consolids lainformacién tpagréticamen- visvales se reserve pata el titulo. Cada patrocinedor tiene a te, Cada snuncio s@ separa y se organiza mediante un filete, espacio, bien de cuatro columnas por cuatro campos visusloe ‘mientras que e! texto descriptivo se organiza utilizando la misma bien de cuatro columnas por ocho campos visuals fuente y une forma sistomtica de ubicer el texto THEATER AM HECHTPLATZ ‘Taree sab necator h Saoestltemsts || ee | gamma zum sath Esta @s la pégina original, antes el rediseno de Chvistof Gassnor (ala darecha) 38| [Theater am Hechtplatz | | Lea = il = 5) 2a EeTheater am Hechiplatz Eugen Scotoni AG Kowner .& A. Kuster Vannini Lehmann & Knuchel & Kahl ER ESS MGbel 5Sitio web de SamataMason La estructura del sitio web de SamataMason os extremada- mente flexible y permite numerosas veriaciones. El elemento ‘fundamental de esta estructura es un eje horizontal que contiono texto, un igono yl eslogan de la firms, Wve do.good work for good people ["Hacemos buen trabajo para buena gonte”]. Ademés, ‘st0 ojo contiane los controlas de nevegacién que permiten & los usuarios ver imsgenes adicionales. Las imagenes y el texto ppueden aparecor encima 0 dabajo de dicho aj, y en formatos ‘anto cuadrados como rectangulares. Estudio do disono ‘SamateMason, Dundes, tlinois Directores de arte y cisenadores Dave Mason, Kevin Kruoger, 2001 El fondo de color gris cade permite que el texio ylas imagenes destaquen sabre él, tento en blanco come en negro, lo que es otra muestra de flexibilidad de esis web en cuanto @ la organi zacion del contenicio y a le manera en que se lee. Asimismo, esta Solucién formal organiza el espacio y dirige la atoncién del pUblice alli donde se pretende. Las imagenes aparecen com golpes de color que atraen|a vista del usuario. 404aLinea gréfiea para el Instituto de Estudios sobre Arquitectura y Urbanismo Estos dos carteles pertenacen a una serie creada para el Instituto de Estudios sobre Arquitectura y Urbanismo (en inglés, |AUS). Los carteles anuncian un ciclo de conferencias y exposiciones sobre diversos temas. Dado que los temes cambiaban radi calmene, el sistema de organizacién gréfica se convirtis en tun rasgo identificativo del IAUS durante 1979 y 1980, ya que ormitia multiples variaciones de la misma estructura, Dich estructura consiste en cuatro columnas principales que se han subdividico para obtener ocho columnas verticales y ocho ‘campos visuales cuadrados en sentido hor zontal Las tiles de campos visuales estan separadas por un filete Negro que tiene aproximadamente el mismo grosor que al ‘ANEW WAVE OF AUSTRIAN ARCHITECTURE te Vignell and Associates, 1979-20 a medianil entre columnas. Los dos campos visuales superios se reservan para un filete gru0so, y al nombre, la dreccion y titulo de la exposicion més reciente, compuesto en tipogra foja de gran tamano, La siguiente fla de campos visuales contiene, en rojo la inf mecién principal, por encima y por debajo de un fiete negro separecién, La fla de campos visuales que queda justo so cl centro se reserva pera una banda horizontal de imagens Las cuatro filas de campos visuales debajo del centro contien: texto descriptivo con la opcién de una imagen. tal como aprecia en el cartel sobre arquitecture austriaca que se muesth en esta pagina9 corteles economizan recursos al utlizar sélo dos tintas, el jp y elnegro, que parecen mas ricas gracias al uso de bitonos. Jjinlisimagenes, La misma economia de medios también esté Josente en @! sistema de disefio, que permite que el observe- lov pse@ su mirada de forma fluida desde ios ttulos hasta las Jnogenes, y tenga fécil acceso a la informacién,Linea gréfiea para Sotheby's Sothaby’s es una de las mayores casas de subastas de! mundo, ‘con des galerias en Nueva York, una en Madison Avenue y otra cen York Avenue. El sistema de aruncios de Sotheay’s neces taba ser flexible y eminentemente informativa, porque la gran veriedad de mercancias subastadas cambiaba cada semana Une vez definidala estructura de disefo, podrian utilizarse hojas modelo para cambiar répidamente le informacién a la vez que se conservabe el aspecto estructurado de los anuncios, Vignel and Associates, 1981-82 “a La jerarquia distintiva y bellamente controlada de la informaciér permite que el observador vea, de un vistazo, todo lo que va subasterse en las dos galerias durante la semana en cuestin. E sistema so mueve con fluidez desde la informacion mas gené rica, el ttulo de la subasta y la imagen, haste la més especifical que es el lugar y la fecha en que se celebrard la subasta. Los gruesos filetes negros horizantales realzen el titulo, Sotheby's) ¥ soparan y organizan con claridad las catogorfas de las piezas que van a subastarse SOTHEBY’ Neen nm Cus Sete eetaiefie tes een eee check tn Srchy > Dept iRitata ote Eran a sompecn (iar aD ‘herd eves Seat xc Decorative Works of Art, Judaica, Furniture & Rugs bial Overy sens 825% kin Fey aay 16, Japanese Prints Aacine Sy on std exalpneS65) Bul Ordeby wean 20 Victorian vena ad Sy ey eR A International Sp re sey —- eS ray Kens ‘tibiae pen othe pa toakey e ns coners ate uh cet: ici ‘American and Ancona Janaiz23 European Paintings, atte Drawings, Prints, siti Say, ‘and Seulpiure iene Mirae ciagnest 507 SESS SER ‘Shona Chet ab Hepat, Pek a 7Linea grafica pars Sotheby's Sotheby's 6s una de las mayores casas de subastas del mundo, con dos galerias en Nueva York, una en Madison Avenue y otra en York Avenue. E! sisterna de anuncias de Sotheby's neces) taba ser flexible y eminentemente informativo, porque la gran varieded de mercancias subastadas cambiaba cada seman Una vez definida la estructura de diseno, podrian uilizarse hojas ‘modelo para cambiar rdpidamente la informacion a la vez que se cconservaba el aspecto estructurado de ios anuncios. SOTHEBY'S Vignelliand Assox 1981-82 Lajerarauie dist vay bellamente contralada de la informa permite que e! observador vea, de un vistazo, todo lo que Subastarse en las dos galerlas durante la enicuestiogl sistema se mu fluidez desde la informacion mai ice, ol titulo de la subasta y la imagen, hasta la mas spec que es el lugar y la grueses tiletas negr y soparan y orga que van a subastarse ha en que se celebrard la subasta ales realzan el titulo, Sot (dad las categories da easter | bore Jak vere ae | ee forse Na Bear ec. fal Orde by ane rican and tn: ropean Paintings, a fawings, Prints, aie i Sculpture :be fe pagina de indice para The New Urban asle on las texturas de esta doble pagina, dis Doyie Partners, resulta atractivo de inmediato, El ttulo a es The New Urban Landscape |"El nuevo paisaje ly eluso de toda la dable pagina para el indice expresa ela idea de paisa. le de colmnas este has de texto en fina (ight) que a doblo pagina (marcadas con la linea negra en la pagina superpuestal crea un ritmo y una repeticion en la comp que producen imoresion de orden. La textura mas da por el texto en negrita (bold) de le pagina derecha fluye de arriba abajo y es interrumpida por largas lineas de text que abarcan las dos p8ginas. Estas largas lineas horizontales fe Se mugstran en ol encarte en color gris clare) sirven para comunicar contenido y, a a vez, para convertr las dos paginas fen una Unica composicion. FO fst cna nt saves TE see Tel Doyle Partners, 1888Doble pagina de indice para The New Urban Landscape El contraste en las texturas de esta doble paging, diseriada por Drentie| Doyle Partners, resulta atractiva de inmediato. El thulo de le obra es The New Uroan Landscape [El nuevo paisaie urano"ly él uso de toda la doble pagina para ol indice exprosa bellamente le idea de paiseie. La serie de columnes estrechas de texto en fina flight) que cruzan la doblo pagina (marcadas con la lines negra on la pagina TABLE Dronttel Doyle Par:ners, 1988 ‘superpuesta) ctea un ritmo y una repeticion on la coniposicidn ‘que producen impresion de orden. La textura mé: ccreade por el texto en negrita (bold de la pagina derecha flay: Ge arriba abajo y es interrumpida por largas lineas de texto que abarean las dos paginas. Estas largas lineas horizontalos (que se muestran en e encarte en color gis claro) sirven para comunicar contenido y, 2 la vez, pers convertir las dos paginas en una tinica composicién. CONTENTS ‘Seeraner ae mea tees 2 of 45Composicién vertical/horizental La segunda sorie do ojarcicios os la composicién verticalfhor zontal, mas compleja. Las miniatures para este conjuntode com- pposiciones requieren de la teoria visual mencionada oreviamente de bastantes més decisiones respecto a la ubicacion vertical horizontal de cada uno de Ios elernentos. Los mismos principios visuales del agrupamiento, los bordes, la alineacién axial ya ley de tercios se aplican también a esta seri. Las composiciones resultantes son mas dinamicas debido a los. contrastes de direccién de los elementos y las variaciones que 5@ crean en el esoacio blanco. El flujo de la mirada se convierte fen una cuestién importante cuande el texto ocupa el lugar de los elementos rectangulares, Alsustituirlos elemenios rectangulares por texto, se plantes l Ccuestién de si éste deberia leerse de arriba abajo o viceversa, La diceccion de la lectura depende de la composicion y de! modo en que el ojo se desplace por ella. Con frecuencia, e| circulo se converte en un punto de pivotaje para el ojo cuan: do éste recorre le composicion. Deberla sefialarse que, si iran los lomos de jos libros reunidos en una bibliotece, un abrumadora mayorie de los tiene lomos on los que el titul se lee de arribe abajo. 46{yyins a que les primeras series de ejercicios se organizaban holo quiar al estudiante a través de una invastigacién oxhausti- 1) Uo las variables que podia presenter el proyecto, la organiza- ou de la Segunda serie se desarrola de un modo mas natural {) esiudiante ya se ha sensiblizedo hacia los matices ce la omposicién y no es necesario centrarse en la tearia composi- {ivy ospeetfica durante esta fase, La complejidad del proyecto fiyjonta @ medide que cads uno de los elementos se utilize ovlical u horizontalmente, Entasis: + Agnipamiontas * Espacio negative + Liceas del parimetro + Alineacion axial +1 de ls torcios + Posicion del cireulo ‘+ Inverlineedo + Duoccién de lectura Series 1,2,3,4 Entasis: a Organizar ol planteamiento del proyecto Una vez mas, el elemento més largo, el recténgulo que cruza los {res campos visuales, controls 'a composicién. Los planteamien- tos principales siguen siendo su posicién en la parte superior, inferior e interior, al gual que las posiciones verticales de izquierca, derecha e interior. La estabilidad compositiva se elcanza mas rapido si so situa ol rectingulo més largo cerca de una de las lineas del perimetro: arriba, abajo, 2 la izquierd 0 a la derecha, De! mismo modo, cuando el recténgulo mas largo descansa on € interiar de la composici6n, tanto si es horizontal como si es vertical, | composic‘én es menos ostablo y mas asimdtrca, Composicion verticaynarizontal Rotacién de la composicién, C2ca composicion puede rotarse pare dar lugar a tres compasiciones adicionaes. * Agrupamiontos ‘Espacio negative * Linoas del perimetro * Alineacion axial + Ley de los torcios ' Posicion de cireulo + Intorlineado + Direccisn de lectura ‘Todos los aspects ‘compositivos se entatizan meciante la dreccién de lectura. Ladireecion de lectura viene determinada gor ‘el conjunto de la composicisn Serie |: Rectangulo largo en la parte superior Sorie 2: Recidingulo largo on la parte inferior Sorie 3: Rectdngulo largo on la parte iaquierd © derecha Serie 4: Reciéngulo largo on la paris interiorComposicién vertical/horizontal Rotacién de la composicién Las composiciones a partir de recténgulos grises se pueden rotar fécilmente, ya que estan hachas de elementos abstractos. Esto ejercicio de rotacién es interesante para determiner si Fesulte mas comoce el peso visual de la linea mas larga, y para comprobar cémo los cambios de posicién alteran el orden de la jerarquia. las lineas e texto que quedan del revés tras la rotacién se jos ha dado la wuelta para que puedan leerse. 5 \ 23 [Architectonic Sipe Design] 2 ai 3 34 ia ge Le ; 23) IS 8 E $s ¢ ee 3: Is Soe ay 2 3 gE FP € RSs Se 5 338 Eo 5 = iE 2 Ringling Schoo of Art and Des lz Graphic Design Department 1. Composiin eign 2, Sequnde composicién Rotada 90° respect al original, enol semico di ln auias do rl, El texo que hubiera {quedade al revs se ha coccad hacia aba, Tap BI [Rinaling School of Art and Design Fee to g (Graphic Design Department $| i —] Qo ge gf 3 73 Ee i 5 H ee a 9) January 7, 2008 i HY Se 3 Sanuary 8, 2003 83 Iss 88 3 ‘January 8, 2003 ig 2 Ig? 3 oD Ee 8 3 2) 5 i $s \Architectonic Graphic Design| 3. Tercera composicion Hotada 90° respecio a la segunda composi‘, (on ol sentido de las aguias gel elo. Las lineas de texto que hubieran quedado al revés se han ‘eolocad hacia arrive, 48 4. Cuarte composicién Rotada 90° respecto ala tercera composicién, fn el sentido de las aguias cel rel} Las lineas do toxto que hubieran quedado al revés se han colocade hacia arribaDireecién de lectura [0s voctsiones respecto a la direccién del texto, es decir, Jonpecto a si se loerd do arriba abajo 0 do abajo arriba, debe- Jinn tomarse teniendo en cuenta los demas elementos de la fomposieién. En el ejemplo superior, el texto vertical se lee de Juba abajo, lo que crea un orden da lectura comodo, puesto tive adopta el sentido de las equias del reloj. En el ejemplo Inonor, el texto vertical guts el ojo hacia el exterior de la pina; ho /oaliza un esfuerzo para regresar a la parte superior de ésta ¥ lver lo que queda dal mensaje. 5 Graphic Design Department! 'B ingting Sot of Art and Desig é a 2 z 8 ggg BB S88 » § tee B 9 HE | iS ‘© §35 F—g—#44 3 @ <8 = £ < B. Graphic Design Departmen inating School of Ar ana Deon = Free acters 3 zB fee Ie BEE 5 9 ees PB ygg 3 Bo fas = U @ 8 e $s 49 Direceion de lactura en el sentido de es aguias del rele) Las lineas de toxzo verticales se crientan de tal modo que todos los elementos se lean en el sentido de las aguias del reo) Elo resulta visualmente comodo para ellector, Direcciones de loctura opuestes Las linezs de texto vertices ‘estén oriontadas para contrastar entre si. Ello resulta visualmente incmado para el lector, va que e| ojo se estuerza por despiazarse de una direccién ala otra, Sin embargo, debido a la brovedad de este mensaje visual, as direcsiones de lectura opuestas no Son tan incémodas come para \descartarles por completo,‘Conposiolon vertieal/horizontal Rectangule | Miniaturas Sh oLreclongulo largo est en la parte superier, come punto de Hotlidi horizontal, cualquiera de tos demas elementos pue- ‘Hp colocarse verticalmente, Dado que los dos rectanguios de wmnano medio ‘que enen dos unidades de anchura—, son los langos despues de dicho reeténgulo, se lama la tonciOn hacia su posicién en la composicién formulando todas: ‘ius: posibles ubicaciones: una horizontal y otra vertical, las dos hovizontalos y las dos verticales, Hoctingulos modanos, Uno horizontal, otto vertical A disponor los recrangulas| ‘on dtocciones opuestas, los espacios negatives Fooultan mas complejos y el ‘ogrupamnionto ylaalineacion Interior so vuelven muy importantes. }90 en la parte superior En este serie también eparecen los mismos objetivas de co ‘sion compositiva que estaban presentes en la primera Soh ol agrupamiento, el espacio negative, ls lineas del perimet la elineacién axial, la ley de los torcios, la posicion del circulo ‘al interlineado. Fiocténgulos medianes. ‘Aimbos hotizontales, A disponer Ios des rectangulos fon la nvisma direccién, hay menos esnacios negativos Yy6s10s son mas simplesocténgulos medianos, ‘Ambos horizontales (ontinuaci6n} ey “+ Agrupamientos “+ Espacio negative + Lineas del perimetro * Alineacidn axial * Ley de los tercios + Posicidn del circulo ecténgulos med anos, ambos vertieales, | smas elie aleanzat une Llisposicion compositivs saradable poraue o! ojo se llosplaza més alé del borde inferor de la pagina, all donde los recténgulos verticales e locan el bord inferior dol ‘ormato. Cuando esto sucede, la ubicecion del crculo y los pequotios rectangulos de una lunidad de anchure pueden cisponerse do tal modo que ulen al oje para voiver a ls ‘composicin.Composicién vertical/horizontal Recténgulo largo en la parte superior Sustitucién por tipogr rchitectonic Graphic Desigi Ringling Schoo! of Art and Desig Graphic Design Departm« 7:00 pm, Library Free Loctne Sve lary 7, 2003, January 8, 2003, January 9, 2003, January 9, 2003 [7:00 pm, 80g pie uy J6 e045 Suber Fre Lecture Soios‘téngules medianos, ling horizontal, oto vertical ‘Cuando ge utiizan elementos jpatecidos en direcciones ‘onuestes, af agtupamiento yla sineacié® interior se vuelven ‘nuly importantes. Cada uno tle (os ejemplos en miniatura «quo aparecen ala inquierd va vequido de dos variaciones de 1 misma composicién Recténgules redianos, ‘ambos horizoniales. AA disponer ambos rectangulos fen la misma direccion, ney menos espacios negativos vy estos son més senciles. Recténgulo largo en la parte inferior Miniatura: ‘+ Agrupamientos + Espacio negative + Lineas del perimotro * Alineacion axial * Ley de los tercios # Posicion del circulo ‘ Interlineado = Direccion de lectura fa a -_\-! 53Composieion vertical/horizontal Recténgulo largo en la parte inferior Miniaturas ‘+ Agrupamientos ‘+ Espacio negative “*Lineas de! perimetro rAlineacién axial ‘s Ley de los tercios *Posicién dol circulo *Interlinendo *Direccién de lectura Roctangulos medianos, ambos horizantales (ontinuacié) Rectingulos medianos, ambos verticales. Ses Fs mis ef alcenzar una ‘omposiciin agradable y, con frecuencia, ls rectanguies poquetios de una unidad deben warse en fa misma aes, todos en vertical o todos en horizontal, para ogra unidad, BeRectangulo largo en la parte inferior Sustitucién por tipograf si 8 Pes bee eee Pes i january 72003 3 Leniay 3s 3 January 9, 2003 a IRinoling Schoo! of Art and Desion lArchitectonic Graphic Design| Tanaany 7,2 January 8,21 January 8,21 7.00 pm. Libra Ringling Schoo! of Art and Design| Graphic Design Department] re Leta Saree larchitectonic Graphic Design| [Rinaling Schoat of Ar and Design |Graphic Design Department 100 pm, Library ‘January 7, 2003} ‘January 8, 2003] January 9, 2003 lArchitectonic Graphic Design|Composicién vertical/horizontal Rectangulo largo en la parte izquierda o derecha Miniatures + Agrupamientos + Espacio negative + Linoas del perimetro + Alineacién axial * Ley de los tercios * Posicién del circulo + Intertineado + Direcci6n de lectura Recténgules medianos, ambos horizortales. Al disponer ambos recténgulos ena misma direceien, hay menos espacios negatives, {stos son mds sencilos y se cconsigue antes una unidad comaositva,Recténgulo largo en la parte izquierda o derecha fants ‘+ Agrupamientos- emo neasto Stneenas Reamer sallseacnoca Serisictenies “Poston dotetete somes Seneca oats hint edn ‘en =e tenance — t ae —_ ° Pecoguos radon, rae ens Rr easane ore sansa Va Cniotions dco. he a rte roses reps Poti naeon ° es — . — — Rectnges anes uno horizontal y otro vertical. e aero él lope nto be carats eer mcaioncien jammoceema toms teetooitet Cute naloguce =z = ‘nano otra nec Gs cramer dele, a ts coms eel 37Composicién vertical/horizontal Rectangulo largo en la parte izquierda o derecha Sustituci6n por tipogratia Design Department | gs 8 7.00 pm, Library 3| gee § ga: a ® bes Q| sas 8 e383 3 Free Lecture Stes 2 5 3 [Rinating School of Art and Design 5 ie ro Bop baa F 2 3 e lg iio Bag 6 | s Io 2 Graphic Design Department : Aining Shel tet an Desi 2 2g lt = z 3] fed 22 8 a 3 2 2 le rf kal a $3 : fF : if 2 ba ae g January 7.2003 Sanuary 2003 2 ERS EE is 2.00pm, Library fee ® lz 4Recténgulo largo en la parte interior Miniaturas {11 posicién mas incémoda para el rectingulo mas largo es of ‘onlto exacto del formato. Esta posicion divide el espacio en de posiciones asimétricas. Si se desplaza de su pasiciéa central, ‘0 obtiene una proporcién mas interesante, Roctangulos medienos, ‘bos horizontales. {A colocer los des rectangulos ‘on la misma direcci6n, nay ones espacios negatives, ‘i108 son mas soncillos y Se loora mas répico une unidec compesitva mmitades iguales y resulla menos interesante que las dis ‘+ Agrupamientos + Espacio negative ineas del perimetro “* Alinoacion axial + Ley de los tercios + Posieién dol circulo *Intertinendo += Direecion de lect 59 a ==Composicién vertical/horizental Rectangulo largo en la parte interior Miniatur + Agrupamientos + Espacio negativo = Lineas del perimetro + Alineacion axial * Ley de los tercios * Posicién del cireulo + Interlineado + Direecion de lectura Reeténgulos meaianos, ambos horizanteles [continuac:én}. ET e Reetingulos mecianes, ambos vertcaes Alcolocar los dos racténguos | @ en la misma diveccion, hay menos espacios nagativos ee y.éstos son més soncilos. \e anes eat Rectangulos mecienes, lung horizontal y ox verte! La composicion mas sencilla so ogre colocando las vecténgulos ‘medianos contra los bordes. Cuando ios recténgulos ‘medinos ocupan espacio fn el interior dela composicion, 1 resultado os mas complejo.I ESOT oO Recténgulo largo en la parte interior Sustitucién por tipografia lArchitectonic Graphic Design| “h 19 School of Art and Design |Graphic Design Department sang sme 00, 2002" zener 2002 9 Aienuer £0024 huenuen Aawsgy ws oo:e January 7, 2003, ‘January 8 2003 January 9, 2003 ‘Avo1gr “wd 00% 19g omer esis uBiseq a1ydesp o1uojsa31yox4| [ndisag paw ny yo joowes BuTBaRy huounsedeg ubiseg aides eae 7 To asa Bes [Architectonic Graphic Design| Graphie Design Department fsnuary 7, 2003 [sanary 203 ary 8, 2003 proeccimey e ® |_____—asaerr Ringling School ot rt ane asin eIbos blogues.Catélogo de Nike ACG Pro Estas paginas pertenecen al catdlogo de productos Nike pare temporada de invierna destinados @ profesionales da las acti- vidades al aire libre y ates. La tipografia aparece en posicion vertical, sobre una banda que se extiende a lo largo do toda la doble pégina. La banda le torman unes gruesos filetes verticales. ‘que cambian de color y en los que el nombre del producto apare- ‘99 en negativo. Un texte descriptivo sigue a cada filete vertical Y contiene en negrita los datos relatives a Ie tala y el precio. Los filetes y el texto tienen la opcién de luir desde le pagina ‘2quierda hacia le derecha, cruzande los margenes interiores del Catalogo. Les imagenes flotan entre las bandas de texto como, sifueren vinetas, Estudio de disenio Nike Inc,, Beaverton, Oregén Director creative Michael Verdine Diseredor Angelo Collett, 2002Cortel Zarcher Kanstler im Helmhaus anto el color como el disefo del cartel Zircher Kinstler im Holmhaus ("Artistas vieneses en la Helmhaus"l, creado por Richard P. Lohse, son sarprendentes, Los colores juegan con el contraste de los complementarios verde y rojo. En lugar ce un verde primatio se urtliza un verde pastel que se activa mediante un rojo billante saturado. El texto vertical descensa sobre una ventana de fondo creada con un recténgulo blanco $e repite horizontalmente en primer plano, El grueso filete {ojo actiia coma mareo para ol toxte en primer plano y ala vez Lunifica ambos bloques. Z Fichatd P, Lohse, 1950 Gedttnet von 10-12 und 14-18 Uhr Samstag und Sonntag bis 17 Ubr, Montag geschlossen. Eintritt 56 Rp, ilustrierte Ausstellungszeitung inbegritfen, Mittwoch nachmittags, abends und Sonntag vormittags fre. eden Mittwoch 20.16 Uhr Diskussionsabend: Sie fragen — wir antwortent Kiinstler im Helmhaus LUniar com Patonat des Statvates von Zuteh Urcher 63.d Odermatt y Rosmarie Tissi —Odermatt & Tissi—uli- Bodoni, que se dispone en vertical, contrastan con las form izan de un mado fresco e innovador las estructuras clésicas de. organizacién tipogréfica, El carte! para el 160 Aniversario de la reticuleres que determinan la alner Jo las form Universidad de Zarich solo tiene dos tintas, azul y negra, impro- blancas y la alineacion izquierda del texto negro horizontal 528 en papel blanco. Sin embargo, resulta rico y llamativo: de ubicacion de les diresis, a ambos lados de la “A” y dentro Gl surgen unas formas irregulares que se recortan en torno @ 2 la "U", 0s un detallo que resulta muy agradable. tipogra trazos en exireme gruesos y finos ce la tpogratia, Sieg 66ado para Di J akate des 1es carteles suizos del 1992"), también dist srmatt & Tiss, tiene algunos matices sutiles e inge cruz suiza en blanco se alinea con el arco en le parte na infetior,aligual que el margen izquierdo del texto superior del certel. El diametrodel circulo de la altura del ca Los fines filetes que se repiten ‘Derior, asi como los filetes blanoos, mas gruesos ‘aue aparecen a la izquierda, erean ritmos a medida que el ojo Se dagplaza hacia la parte inferior dol cartel y regrese, a través de} ofco, a la parte superior. La unidad compositiva se alcanza sndo el ojo se desplaza horizontalmente, verticalmente yenun irculo euyo punta de pivotaie es la cruz suiza. La funcion de la ruz.s parecida 8a de! ciroulo en los ejercicios de composicién ‘que se han prasentado previame ace i i] i 4 T 1 i ean 1 i | [His soso met dle att & Trssi-2994cartel realizado para Die besten Schweizer Plakate des Jatras 1992" Los mojores carteles suizos del 1992", tambien disena- Jo por Odermatt & Tiss, tiene algunas maticos sutiles e inge- 9808, La cruz suiza en blanco se alinea con el arco en la parte uperior y en a inferior, al igual que el margen izquierdo del texto uo aparece en la parte superior del cartel. El dismetro dat circulo sla mitad de la alture del cartel Los finos ‘iletes que se repiten cn la parte superior, asi como los filetes blancos, mas gruesos, peste Foe Si ee 1 Besmisqaret Odormatt & Tissi, 1992 ‘que aparecen a la izquierda, crean ritmos a medida que el ojo ‘se desplaza hacia la parte inferior del cartol y rogiesa, a {iavis el arco, a le parte superior. La unicad compositiva so aleanza Cuendo el ojo se desplaza horizontalmente, verticalmente y en un circule cuyo punto de pivotaje es la cruz suiza. La funcidn de la Cruz és parecida ala del circulo on los ojercicios de composicibn, ue se han presentado previamente. so.snvs race Sod on Senin sacs SS soe aver seat pentFestival d’été [“Festival de verano”|, doble pi ina del programa Esta doble pégine, aunque resulta compleja por la direccion de lectura del texto ylos elementos abstractos, se lee con bastante claridad. Las paginas estan separedas y, sin embargo, forman parte de un todo. Esta unidad compositiva se dabe ala uiizacion de una reticula parecida en ambas pagines ya iaalineacion simi lar de los elementos de las dos paginas. Las cuatro columnas de texto tienen una longitud parecida y comienzan a la misma altura Los filotes se alinean en ambas paginas y ol toxto vertical ost compuesto dentrode una serie defiletesritmicos que connotan un contenido musical Philippe Apeloig, 1990 63pate de v ea lau done reticul alineacion [a d0 0s elem rocolumnas de yen comienzan a larmisma ature, 2s paginas y el cal ast ie de filates rit | [| |, Philippe Apeloig, 1990jes para la Escuela Superior de Arquitectura anismo, Universidad de Columbia. y Urhenismo de el para ia Escuela Superior de Arqui- Se trata de una estética arquitecténice, adecuade par URE Universidad do Columbia. En @! s@ escuela de arquitectura, Las lineas verticales de tipogealla Mgt vo programa de posgrado sobye conservacién como columnas en otogratia cundrada y ea ttimonio histsrico, Una fotografia cuadrada de un detalle el area verde del fondo texto se alinean gon la ‘ocidnico ocupa el primer plano y contrastacon el formato Sombra horizontal de la fotogratia twos filetes verti ‘Quer. Los elementos abstractos, los cicvlos yas linaas finos que aperecen en el interior do. la negra situada an lantes evocan los detalles q x1 ambién en parto superior del cartel, En cada elem ia composiclény ‘adivina una intencién y cada una de ellos quarde relacisn dit n los demas elemen undead Wil Kune, 2000Corteles para la Escuela Superior de Arquitectura Urbanismo, Universidad de Columbi Wil Kunz realizo este cartel pera le Escuela Superior de Arqui- Se trata de una osiética arquitecténies, adecuada para und ctura y Urbanismo de la Universidad de Columbia. En él se escuela de arcuitectura. Las ineas verticales de tipografi acttian ununcia. un nuevo programa de posgrade sobre conservacién como columnas en contraste con la fotografia cuadrada y con ‘tel patrimonio histérico. Una fotografia cuadrada de un detalle 6 4rea varde del fondo. Estas lineas de texto se alinean con la uiquitect6nico ocupa el primer plano y contrasta con el formato sombra horizontal de la fotografia y con los tres filetes verticales ‘ectangular. Los elementos abstractos, os eirculos y las linees finds quo aparecen en ol interior de la pasta negra situada en la ‘ondulantes evocan los detalles que se encuentran también en parte superior del cartel. En cada elemontode la composicién se adivina una inten cién y cada uno de ellos guarda relacion directa Con los demas elementos del cartol. iversit Graduate School of Architecture Columbia Un and Planning ‘wii Kune, 2000,nposicién diagonal 1 direccién compositiva mas dinamica y compleje es le dia- ‘gonal. La estructura reticular de tres columns por tes filas no ov age facilmente la direccion diagonal, debido a la escala de las ‘olomentos. Sise reduce su tamafio un 15 %, se consigue que Jos elementos encajen en el formato y tengan mayor flexibilidad compesitva {a reticula diagonal reducida de 2 x3 se situa en ol formato, pote cuando el diseador comienza a trabajar la composicion, la wineacion do los bordes y de las esquinas tiene preferencia sobre ‘una estructura formal fia, Si bien la estructura sigue utlizéndose. para la organizecién y la alineacién, es menos importante que ‘on las composiciones previas. En esta composicién se oftece la posibilldad de colocer ele- mentos en angulos de 45° 0 en angulos de 30°/60°. Ademis, la rotacidn de elementos puede hacerse en el sentido de las ‘aguias del relo|y, por lo tanto, el proceso de toma de decisiones (es mas comple. ‘Ahora, lo importante es crear una alineacion para cada ele- ‘mento, de manera que guarde una relacién directa con otro ‘elomonto, Las composiciones més cohesionadas visualmente tienen muchas alineaciones de elementos y en elas, al igual que en las composiciones previas, ningun elemento carece de compariero, La excepcion de este norma es la utizacion de una anomalia 0 de un elemento cuya posicion yfo rotacion estan fen contrasto diracto con los domés elementos: la diversidad dentto de la unidad. Rotacién de 45" Cuando la escala de los olementos da la composicién se reduce un 15 % (aka detects) y sus vosiciones se reajustan, tados los elementos ‘oncajan mejor en ol formato. nComposicién diagonal Direccién y contraste Diagonal de 45° {Los elementos pueden siuarse ‘en una diagonal de 45° con respecte a ia lines horzontal, rotingolos en el sentido de las qujas dol role obien en el sentido contraro, Diopnat ont 80% Coe ert pc Se situarse on una diagonal de 30° ae Soo, 2 se?Organizar ol planteamiento del proyecto | 1s composiciones diagonales son las mas complejas de toda ln serie. Los elementos pueden componerse en una unica Lirecoién 0 en ditecciones opuestas, v los espacies negativos «ue $e erean con ello son triangulos. La ubicacién de la estruc- ura reticular de 3 x 3 en el formato cuadrado es una variable 'y brinda la oportunidad de croar tensiones con el perimetco lol formato, Las composiciones que tienen elementos solo en una direccion, como la diagonal de 45° y a diagonal de 30° que aparecen mas ‘abajo, producen una sensacién de ermonia porque iodos los elementos se leen en Ia misma diroccién. Sin embargo, las, ‘composiciones que tienen elementos que trazan diagonalos, opuestas presentan mayor interés visual, debido al cantraste de direcciones, como la diagonal de 45%/45° y la diagonal de 20760", nasi: + Agruparnientos Espacio negative * Lineas del perimetro, ‘+ Aineacion axial + Ley de los tercios + Posicién del ereulo * Inteineado * Direccion de lactura ‘= Tonsién con fos bordes Composicién diagonal Ubicacion de a reticua, Series 1,2,3,4 Enfasis Cada composicién puece situarse cerca del borde do un formate a fin de creat tensién. + Agrupamiantos + Espacio negative ‘ Lineas dol perimetro ' Alineecion axial, + Ley de os torcios '*Posicion del cirulo ‘ Intertineado ‘ Direccion de lecture ‘Tension con los bordes Todos los asnectos comoositivos se enfatizan rmodiante el uso de ta tensién on los bordes. Dicha tensin puede crearse situando eterminados elementos proximos a los bordes. 4: Una sola ditaceion g Serie 2: Direcciones opuosias 4s%a5" K oS F Serie 4: Direcciones opuestas 307/60" ée A nComposicién diagonal Dado qu de |a reticula y los elementos so reducen @ un 85 % amano original y se sitdan en éngulo, existen diverses ‘opciones respecto al luger donde se colacan la reticula y sus ‘elemontos dentro del formato cusdrado. Pueden crearso ten siones ubicando elementos cerca de los bordes y cambiando la posicién del efreulo. Posicién de la reticula Debido a las cuslidades dindmicas de le diagonal cuando és 'e site proxima al borde, le composicién esta dotads de ‘movimiento. Ademas, el citculo puede resaltar esto car dinamico convirtiéndose en un punto de partide 0 bien en punto final rc L Ninguna tensién. Le composiciin ge inscribe en un formato uadrado y fot, odeada por eapacia bianco en ‘sus cuatro bordes, fs %, a Mon Now SY ss Ae ° a Tensién en a esquina superior izquierdswinjpnatelon dagonal Miniatura | ve elonentos eotangularos de una composicién de 46° apuntan hives esis dol formato, y los espacios negativos resuitan- Joh fon, paineipalmente, tndngulos reeténgules con angulos de ‘Ab 0" y-4b" (ubase el ojompio inferior. Estos tisngulos estan ‘inclados ol formato porque sus lados descansan en 'os bordes: {lol potimatio, Las composiciones asi realizadas son erménicas HHobido a la wopoticién det Wiéngulo recténgulo simétrice y a hocho do estar ancladas al formato, Cuando tos rectangules se colocan en une diagonal de 45°, la ora decision que hay que tomer es si jos rectngulos se {olaran en la diteccién de las aguias del rolo| on la contrara. Ninguna de estas dos psiblidades tiene ventsjes compositi= Una sola direccién 45° vas respecto a la otra, por lo que ambas cirecciones otter resultados igualmente validos. Sin embargo, aparocen diver direcciones de lectura cuando las lineas de texto sustituya) los rectangulos grises. Las lineas que se han rotado 45° e ‘sentido de las aguias del reloj se len desde el borde supe izquierdo hacia el bordo inferior derecho (on la pagina siguie la fila superior. Las lineas que se han rotado 45° en senti contrario a las agujas del reloj se een desde el borde ini izquierdo hacia el borde superior derecho (ena pagina siguient la fila centrall. Dado que casi todos los textos destinados a lecture comienzan en el borde superior izquiardo de la pagi {2s algo mds facil leer composiciones que roten en e! sentido las aguias del rej. YWComposicién diagonal Una sola direccién, 45° Sustitucién por tipogratiaeciones opuestas 45°/45" jiaturas |.os composiciones de direcciones opuestas combinan rec- ‘ingulos que rotan en el sentido de las agujas del relojy on ol sentido contrario. Estas composiciones son més complejas, ivoctivas y lamativas porque ios espacios negatives son Lividides por elementos que so mueven en dos direcc’ones, os espacios negativos resultantes determinan triéngulos y recténgulos, con numerosas intersecciones entre si. + Agrupamientos + Espacio negative + Ley de los terci ‘= Posioién del + Interlineadoopuestas 45°/45° Sustitucién por tipografia DireccionesMiniaturas [Ln ugar de tos triangulos rectangulas simétrices que surgian en ‘ol ospacio negativo de las composiciones de 45°, los triangulos ‘que se etean en las composiciones de 30° y de 60° son tréngulos reeténgulos con éngulos de 30°, 60° y 90°. Estos trdngules son ‘mis dinamicos, por ser asimetricos y porque of angulo de los. vortices es mas esiracho, iposicion diagonal Una sola direccién, 30° 6 60° + Agrupamientos. + Espacio negative * Lineas del perimetro “ Alineacién axial + Ley de los tercios + Posicion del circulo ‘Interlineado *Di cién delectura nsién con los bordesComposicién diagonal ola direccién, 30° 6 60" Suntusian portonrate‘opuestas, 307/60" {18 composiciones de direcciones opuestas combinan rectéin- + Agrupamientos jules que estan rotados 30° 6 80° en el sentido oe las aguies + Espacio negative ‘ol relojy en sentido contrario. Los resultados, parecidos @ los + Lineas del perimetso, ie les composiciones rotadas 45°, suelen sar més complejes, + Alineacién axiat aliactivos y llamativos porque los espacios negativos estén + Ley de tos tercios \ividides por elementos que se mueven en das direcciones y + Posietén del cireuto ‘en dos angulos diferentes. Los espacios negatives determinan + Interlineado luidngulos y rectangules entre los que se producen numerosas ireccién de lectura inersecciones, ‘+ Tensién con los bordes R A a 4 \ ; W) | 8, x A |® ALIA WV 85Direcciones opuestas 30°/60° Sustitucién por tipografiaCartel Kandinsky fue un elumno de Vasily Kandinsky en fa Bauhaus. 2aliz6 este cartel para una exposicion de los cuadros de st "N38Stf0 con motivo del sexagésimo cumpleanos de este. ado que el carte! se imprimiria con una prense de tipograti, la ] composicién tenia que ser horizontal. Menioulando digitalmente {a imagen, el cartel se ha rotado horizontalmente (se muestia abajo del original. A pesar de que la version horizontal tam bién resulta atractive, a ciagonal del cartel original intensifica #1 | dinamismo de la composicion Herbert Bayer, 1926 E cartel orginal para la ‘oxposiedon de Kandinsky ‘ariba| se ha manipulado Giaitalmonte para que la ‘composicisn sea horizontal Lautilizecion de colores primarios, tipogratia sin rornate y fiat rectangulares rojos como recursos formales coricuertdan con ke Prineipios constructivistas, El uso de ia diagon, stacar este cartel. Dado que el cartel se produjo con tipos mévilos y Un fotograbedo, es probable que la obra se compusiose on sistema do impresion tipografica horizontalivertical y se solara 7.5° ala hore de imprimita ALT SCHER Run STVEREn GEMALOE AOUARELLE QReuRTSTAG 2. KANDINSKY 60. 89Pagina de Reklama Mechano Pagina de The Next Call a Berliny comer 8 que empleaban ls geomettia ylos uian las pautas del “constructivismo rest ‘ame Mechano es una vagina do un folleto de revelaron ras préximos. de laagencia publicitariade Berlewi, queteniael mismo tan influyente entanc Las paginas eran obras bidimensionales an las que se “omibinaban les composiciones geomdtricas y matematicas con texto informative. un modo mds directa el ambito de les bal original so reduce a una serie fondo amarillo Henryk Berlewi, 1924 ee HN. Werkman, 1924Eni Ruder, apyaecen en sui {Jo tipogtaia en la Allgemeine ‘on sus clases ¢ jpouralicas posible una reticula diagonal armoniosa libre, Emil ucer, 197 algunas de las 9 omposicién y todas ollas es diagonal de 20°. Debido al formato para defini la de texto tud de las lineas linoas: lecture s forpen en una, dos 0 ntrola cuidadosemente, 0 peso y un solo cuerpo. Las variaciones surgen graciasPel) 9 o Ree Pas cS 3 fe © % 2 i) © Dates pat y Urbaniime, Universidad de Columbia Will Kunz nacié y estudié en Suiza, y desde 1970 reside en Entados Unidos. En su libro Tipografia. Macro y microosiéiica ‘oxplica la crdnica de su obra y de su enfoque de la composicisn tipogralica y exoone su vision de la ensevianza de la tipogratia. Kunz scribe: “El diseno tipogratico se realiza en dos escalas, cost6ticas: [a macro texolicta y obvia)y la micro (sutl, sofisticada, perceptible tal vez s6lo de forma subconsciente)” 96 11 ciclo de conferencias en la Escuela Superior de Arquitectura Aunque es complejo, este cartel comunica su contenido de. mado muy claro. E! primer andlsis visual del cartel no parec revelar mucha coherencia en cuanto la estructura de su diseni debido ala variedad de formas, angulos y colores. Sin embara si se reduce @ tres niveles, tal camo Kunz hace con otro car en Tipograia, comienza a entenderse su estructura, El primer nivel contiene una texture de miles filetesfinos a enla parte superior y la parte inferior tienen la forma de wrisngl Jos obtusos. Este nivel sirve de “pegamento” compositivo q ‘eonacta las otras capas. Cada una de las capas del cartol es Ut ‘composicion cohesionada en si misma y, cuando se combi todas las capas se sustentan y se unifican mutuamento. La segunda capa consiste en los elementos més llamativ de color naranja: los rectangulos y el circulo. Los rectangui horizontalos fluyen hacia la parte inferior de la pagina a la que cambian su inctinacion y aumentan su longitud. Los a rectangulos largos de color narania que aparecen en cada ut de los bordes aportan estabilidad a la composicion. Los di rectangulos paralolos verticales encuentran su similar en ul versién més pequara que esté cerca del borce inferior. Le torcera capa consiste en Ia informacién tipogréfica, Li hechos se agrupan de acuerdo con el contenido y, pese a I cambios de éngulo, son de facil lectura, Cada uno de os grup tiene una textura diferente y la informacién més importer dontio de ellos aparece en negrita, Los cuatro grupos de text {que contienen elnombre dei conferenciante, le fecha de oreser tacion y la informacién biografica estan colocados de la mist manera, Este sistema permite que la informacién se lea y ‘comprenda con facilidad. Es esta diversidad dentro de la und: lo que hace que la composicion resulte tan arménica, Sistematizacién dol grupo, Cada grupo de nombres esta crganizado con un sistema comin 6 cuerpo, peso ¥ color.will Kune, 1985-Columbia Architecture cee Planning Preservation | = | Oz | am S Libeskind wil Kunz, 1995:Jerarquia tipograti odes los mensajes visuales tienen un orden jerérquico on el que se presenta la informacién, es decir, un orden de lectura tle le informacion segun su importancia. Resulta esencial pare cl diseftador antes de comenzer a ciserier, ceterminer un orden |erérquico lécice para todos los elementos dentro de un mensaje. El conocimianto yla comprensién del contenido det mensaje son bsencisles para este proceso. Una vez organizado el contenido, ol diseftador, racionslmente, puede tomer decisiones visuales {que retuercen dicho orden. Titulo Dia Ato Texto En esta serie de proyoctos, loo estudio fecha histérica y desarrollan un titulo y un pat descriptive, Cada seleccion debe t9n0r until ‘yun parrefo, Utilzando s6lo una tipograla, un tna ineinacién y un colo, ef estucante exp posiblidades de colocacion do los elomontoy I Telacign a la jerarquie, rdenendo de un modo co ‘contenido del mensoie Contenido del mensaje visual |dentficacion del virus del sida 23 de abril 1984 Laidentificacién del virus al que se atribuia el ‘Sindrome de Inmunodeficiencis Adquiride (SIDA) ‘ue anunciada por investigadores federales el 23 do abril de 1984. La enfermeded cestruye el Sistema inmunoldgico natural del cuerpo y se considera mortal. Se estima que en la fecha de su escubrimiento, o| side habia matado ya a 4.000 ‘estadounidenses. Laura Bartello, 1996Jararquia tipogration Intertineado nwadilo que #8 ‘nvestigan las variables del proyecte histori 1» descubron los elementos esenciales en el menejo de bloquos de texto, Iniciaimente, un interlineade automatico al 10 do} cuerpo dela ipagrafia que es el mede de interlineado piadotorrninatto en ol ordenador, es el Gnico que se utiliza ‘Modianto la repeticion y la oxporimontacién, se hacen patontes jdlad visual de la textura y los consiguientes cambios en ‘ol significado y ta logiblidads Identification of a virus thought to cause Acquired Immunodeficieney Syndrome (AIDS) was announced by federal researchers on April 23, 1984. The disease destroys the body's natural immune system and is considered to be ultimately fatal. By the date of discovery, AIDS was estimated to have killed 4,000 ‘Americans. Intertinead automético 8/8,6, ation of a virus thought to cause Acquired Immunodeficiency Syndrome (AIDS) was announced by federal researchers on April 23, 1984. The disease destroys the body's natural system and is considered to be ultimately fatal. By the date of discovery, AIDS was estimated to have killed 4,000 ‘Americans. Interineado ampli 8/12. ry Las tipograties sin remate como la Helvetica y la Univers 65: —utlizadas en los ejemplos que aparecen mas abajo— oxigen tun buen interlinoado para su legibilidad, debido a que tienen una, altura x muy grande. Una altura x grande disminuye el espacio centre las lineas, haciendo que el texto est més apratado y resulte mas dificil de leer. Lo mismo puede decirse de las tipogratias sin remate que tienen un intorlineado muy amplo el espacio se vuelve tan generoso que el ojo necesita enfocar el texto con mayor cuidado, Identification of a virus thought to cause Acquired Immunodeficiency Syndrome (AIDS) was announced b} federal researchers on April 23, 1984. The disease destroys the body’s natural immune system and is considered to be ultimately fatal By the ie of discovery, AIDS was estimated to have killed 4,000 Americans. Interingado negative 8/7. Elinterineado negativo produce una texture muy densa Y disminuye ia legblidad, Identification of a virus thought to cause Acquired Immunodeficiency Syndrome (AIDS) was announced by federal researchers on April 23, 1984. The disease destroys the body’s natur immune system and is considered to be ultimately fatal. By the date of discovery, AIDS was estimated to have killed 4,000 ‘Americans. Intertinesdo muy amplio 8/15. Un intorinoado muy amplio gener una textura muy aireadex8 65 xigen > une spacio ado y $e las mplio nfocar Alineacién El cisenecor puede escoger las alineaciones estandar para los ppartafos, como son laalineacién izquierda, a aineacidn derecha, el texto centrado o justificado; todas ellas son posibilidades quo ‘ofrece cualquier programe de tratamiento de textos. También es posible combinaralineaciones distintas, © escoger una variacion, dentro de un tino de alineacién, La alineacién izquiorda con texto en bandera a la derecha suele Cconsiderarse la forma més legible de entre las aineaciones posi bies. Esta alineacién offece al lector un espacio proporcianal alo Identification of a virus thought to cause Acquired Immunodeficiency Syndrome (AIDS) was announced by fed- eral researchers on April 23, 1984. The disease destroys the body's natural immune system and is considered to be ultimately fatal. By the date of discovery, AIDS was estimated to have killed 4,000 Alineacion tzquierde Identification of a virus thought to cause Acquired Immunodeficiency Syndrome {AIDS} was announced by fed- eral researchers on April 23, 1984. The disease destroys the body's natural immune system and is considered to be ultimately fatal. By the date of discovery, AIDS was estimated to have killed 4,000 Americans. Texto contiado, largo de todas las linees de texto y evita los cambios de espacio ‘que pueden tener lugar $i el toxto esté justiticado. Ademés, e| lector tiene un eje vertical als izquierda el que puede regreser tas, ‘cada salto de lines, lo que potencia al ritmo de la lectura, El texto ustificado crea una textura tipografica rectangular y s6i: {da, que resulta muy agradable para el oje humane, El erdenador intentajustificar cada una de las lineas y cuando una palabra no puede partie al final de la linea, el resultado es un espaciado itreqgular entre palabras (abajo a la derechal thought to cause Acquired Immunodeficiency Syndrome {AIDS} was announced by fed- eral researchers on April 23, 1984. The disease destroys the body's natural immune be ultimately fatal. By the date of discovery, AIDS was estimated to have killed 4,000 Americans. Alineaci6n dorechs. Identification of a virus thought to cause Acquired Immunodeficiency Syndrome (AIDS) was announced by federal researchers on April 23, 1984, The disease destroys the body's natural immune system and is considered to be ultimately fatal. By the date of discovery, AIDS was estimated to have killed 4,000 ‘Americans. Texto ustificade, Los tecténgulos de color rojo claro tienen el ancho ‘ormal de un espacio entre palabras, y mugstran que o ‘exio justilicado tiene un espaciaco entre palabras que es irregular y excesive, 99Camposiciones Limitaciones: © Una tipogratia = Un custpo * Un peso + Texto alineado a la izquiorda, alineado a la derecha ojustiicado Variables: # Posicién * Interlineado * Espacio entre palabras * Espacio ontre letras + Alineacion Identification ofthe AIDS Virus Aprit 23 rane Identification of a virus thought to cause Acquired Immunodeficiency Syndrome (AIDS) was announced by federal researchers on April 29, 1984, ‘The disease destroys the body’s natural Immune system andi considered to be Ultimately fatal. By the date of diseov- ‘ery, AIDS was estimated to have killed 4,000 Americans. cause Acquired Immi Yederal researcher 4,000 Americans. Identification of the AIDS Virus Identification of a virus thought to Syndrome (AIDS) was announced by The disease destroys the body's natural Immune system and is considered to be tltimately fatal. By the date of discov- ‘ery, AIDS was estimated to have April 23 1984 Wunodeticieney April 23, 1984, led Variacion 7: Jerarqula Voriacion 2: Jerarquis estimated to have killed 4,000 Americans, April 23, 1984 1 tu 1 tule 2 ds 2 da 3 ato 3 oto # too 2 ten fdentifestion rus thought to cause of the AIDS Virus Acquired Immuno: t— deticency Syndrome Identification {AIDS) was announced citng bu federal researchers Lenuieation ofa virus ought te cause Ae fn Apri 28.1984 The tultedimmunodetceney Syndrome (AIDS) was AOS sense destroys the Srnousondtyfednalpassecterson Aprh2, Viney Bods tural immune 1984, The disease destroys the body's natural pea a penal: Immune syotem and le considered to be ut red tq be wimnety imately fatal By the dato isover, AIDS wes avsi'2a——lecovery, AIDS was r98e ‘estimated ohave killed ‘4.000 Americans. Variacion 3: Jerarqule 1% titulo 2% texto 3% dla 4% ano, Varincién 4: Jerorquia 1% thule 28 dia 3° ano 4 texto 100as Composiciones 1984 Identification. of the [AIDS Virus dentiication ofa virus thought to cause Acquired Immunodefi- ‘cency Syndrome (AIDS) was an- nounced by federal researcher fon April 23, 1984. The disease destroys the body's natural im~ ‘mune system and is considered ‘to be ultimately fatal. By the date of discovery, AIDS was estimated to have killed 4,000 Americans. Identification of virus thought to cause Aequlred Immunode- flclency Syndrome (AIDS) was announced by federal esearch pat. 3 rs on April 25, 1984. The dis- 954 cease destroys the body's Identification of the AIDS Virus natural immune system and Is considered to be ultimately fatal. By the date of discovery, AIDS was estimated to havo killed 4,000 Amerteans. Varicion 8: Jererauie Variacion 6: Jerarquia tion of the AIDS Virus tf ato 1% dia 2 titulo 2% ao 3% dia 3: texto 4: texto 4 ule ‘Wentifcation of virus thought 1 9 84 ‘0 cause Acquired immuno- vaeneaton ata wrae deficiency Syndrome (AIDS! thought to cause Acquired ‘was announced by federal re- Immanodetcency Syndrome searchers on April 25, 1984. The {federal researchers on April disease destroys the body's 23, 1984. Tho disoase destrors natural immune system and the body's natural immune is considered tobe ultimately system ands considered tobe aes itimately fatal By the date of ata By she eps of every discovery, AIDS was estimated AIDS was estimated to have to have killed 6.000 Americans. Killed 4,000 Americans. Identificatio Apri 23, 1984 Identifieation of the AIDS Virus Variseidn 7: Jerarquia 18 aio 2% texto 3% titulo dio 101 Varino'6n 8: Jorarquls 18 texto 2 da 3* ano 4 tulerac actos, al igual que los elementos tipogré- eben tener sentido en lo que se refiere a su jorarqula: josieién, fuente, espaciado y ancho de columna, Los elementos absiractos suoten ser formas geometricas que no significan hala, como las lineas rectangulares, denominadas filetes, que ve muiestian en los ejemplos de esta pagina. Son tres las razones ‘quo impulsan a utilizar elementos abstractos: (1) ol énfasis, (2) la ‘organizacion 0 (3) l equilbrio. Cuando los elementos abstractos so uilizan funcionalmente, potencian y refuerzen el significado del mensaje tipografico. Cuando no desempenan una funcién, Filetes y elementos abstractos, se welven elementos decorativos y desvian Ia atencién del significado del mensaje tipogréfico, Cuando los filetas se usan como elementos abstractos, se presi especial atencion ala estructura compositiva. En estos ejemplo Ia longitud dol flete viene doterminada por Ia longitud de la line de texto. La variacién del grosor del flete se usa para potencia la jerarquia y el paso del filete mas grueso al mas fino crea ritmo que anima el recorride del ojo por la pagina, [Contemporary American Phoogtsphers ‘The Museum of Moc Act she 12-15, 2001 une 1215, 2001 Contemporary American Photographers “The Museum of Moda At “Contemporary American Photograshers “The tuscan of Modem At “ioe 12-15; 2001 (Contemporary Ameican Photographers ‘The Museum of Modern At une 12-18, 2001 CConterporary Amarican Phetorephore “The Museum of Mode Art “Tine 12-15, 2001 102del 0s, ings. Filetes y elementos abstractos {i circulo es a forma geométrica més patente visualmente, por lo que atrae al ojo de manera indefectible. incluso los circulos tnuy pequeres reclaman una atencién considerable y deben uti- Ivatse eon mesure y cuidado 3 fin de no desequilirarla jerarquia ‘de la composicién. Los cambios en el tamaiio y al numero de repeticlonas dol citculo, al igual que ocurre con os fletes, crean lun fitme y orientan el desplazamianto dol oo. Los citculas de lomafio mayor pueden desviarlaatencién hacie una parte de una polabre 6 hacia una palabra completa, + Conlemparary American Photograghers +The Musoum of Moder At + dune 12-16, 2001 © Contemporary Amerean Photographers ‘© The Museum of adem Art + June 12415, 2001 Contemporary American Photdgraphers “The Museum of Mode At tune 12-18, 2001 Contemporary Ar “The Museum of Modern Ae Lune 12-18, 2001 Contemporary American ‘Te Meu of Modo sine 12-15, 2001 109 ende estudio: saci6n del virus del sida combinacion de ¢ jerta jerarquia dentro de la composiciér va on ol desatrollo nposicion. En este de mantene’ nn muchas mas las posibildades que las limitaci ‘La complojidad do la composieion se incrementa, pero también 84 a April 23, < 3 04labras @ eutlizan otra vez, Identificatios of Virus 105Titulo: Dia Atio Texto Caso de estudio: Elprit Contenido del mensaje visual El principio de! comunisme en Cuba ‘de enero 1959 Fidel Castro comenz6 la revolucién cubane el 1 de ‘enero de 1959. Ese dia alcanzo las montanas do Sierra Maestra, en la parte oriental de Cuba. Desde estas ‘monteries inicid ia porsecucion del regimen de Batista. Este fue el comienzo del movimiento elandestino de Fidel Castro pera dorrocar al gobierno. Pesto Pérez, 1996 107 pio del comunismo en Cuba nate sonecreaee Tae wig0 Caso de estudio: El principio del comuntsmo en Cuba Jenuary Cuban Revolution .. Fie Cat stad he Caan Reon on Janay seumaneeseane 128.00 dey he teased Sarr Mouse ewmorceetne Metis nt soto parte Ciba Fam hese Incr s ho bepe nlenshe basen fe Batak Ths war begining of Cast users meron vero the gourmet 108Caso de estudi El principio del comunismo en Cuba Fist Castro ma te Cuban Revaluion on mua 1, 185. On hie ay teach the 8 frre Moesea Moun te castern pact of Cuba, From these ‘moartains ne Baran 10 eo the haresoman of se Bata rine. Tis wae the begioning of Casto’ undergone ovement overt the govermentJerarquia tipogratica Caso de estudio: i El principio del comunismo en Cuba 110Caso de estudio: iio del comunismo en Cuba cea Ree EteLi csc Su henner nun Batista regime, This was the acre Maeuicn Pagal Ocul ree ae aCe Aa! Tilelats yon mLos Levi's se ponen de moda Contenido del mensaje visual Los Lev's se ponen de mods 16 de septiembre 1948 puss de que, durante la fiebre del oro, Lev Strauss comenzase a comorcialzar para los mineras tunes pantalones hechos de una basta tela de algodon, los vaqueres se convirtieron en los pantalones pare cl trabajo duro. Durante le Primera Guerra Mundial su emanda se inctementd, porque la gente buscaba una prenda de vestirresistente y comada, En 1946 Levi's introdujo en el mercado minorista unos vaqueros uo se distingufan por une eriqueta roja en el bolsillo trasero derecho, Christina Archi, 1997 112 ie i ore re co Selptember September Levi's Become Fashion Cee CU Peeve et re eet rs for tough work. Buring World Wat co oe eet Ste er eer Pe nents fioricet ert eet Peer oan 1.6 [After Levi Straus Introduced rough fnrouced jeans were characterize the rear right sideCaso de estudio: : Los Levi's se ponen de moda S ep 4 ¢ om be lr ee LEE LEUI'S BECOME | fashion SpanleyJorarquia tipogratica Caso de estudio: Los Levi's se ponen de moda seplenter Levi's Become it ashiou ia 14Caso de estudio: Los Levi's se ponen de moda Levi's Become Shion seplenier IE 1846Jorarquia tipogratia Caso de estudio: “Si el guante te queda suelto, debes ser absuelto” Contenido de! mensaje visual ——— Titulo: “Si el guante te queda suelto, debes ser absuelio” Dia; 3de octubre Ano: 1998 wegen, Texto: El creo medistico le puso Ia etiqueta de “juicio siglo", y tuo a todo el pais en vilo. E13 de octubre de 1995, 0. J. Simpson fue absuelto de la acusacion de haber asesinedo a su esposa, Nicole Brown, y a Ronald Goldman. Como resultado dal revuelo en torno 8 est2 uicio, aparecieron en el mercado libros, un uante, juicios paralelos en rclevisién, frases nechas, lun detective racista (Mark Fuhrman! y, aunque suele ' olvidarse a menudo, dos victimas, La absolucisn puso j fin a un juicio de 372 dias por asesinato, violencia domésiica y alogaciones de comportamniento irregular de le policia Dakeben & John Pietratasa, 1998 118Caso de estudio: Si ol guante te queda suelto, debes ser absuelto” Reasonable Doubt ”indice de términos A Aetivador del espacio, circulo, 14-15 Agrupamientos, 10-11, 18-21, 28-31, 47, 60-51, 53-64, 56-57, 59-60, 73, 79, 82, 85 ‘Alineacion, 98 Alineacion axial, 18-21, 24-26, 29-31, 47, 50-51, 53-54, 56-57, 59-60, 73, 79, 82, 85 Apeloig, Philippe Festival d'6t6, 68 Acchila, Cristina, 112-115, 8 Bartello, Leura, 97, 104-106 Bayer, Herbert Bauhaus, catalogo de productos, 37 Carte! de Kandinsky, 89 Berlewi, Henrys Tho Noxt Call 90 Reklama Mechano, 90 Besten Schweizer Plaksto dos Jaros 1992, 67 c Caso de estudio El principio del comunismo en Cuba, 107-111 Ientificacion del vitus del sida, 97, 104-106 "Si el guante te queda suelto, debes ser ebsuelto”, 116-117 Los Lev'’s se ponen de moda, 112-115 Circulo, elemento comodin, 7 Circulo, posicion del, 18-21, 24-26, 29-81 Circule y composicién, 14-15 Collott, Angela Catalogo de Nike ACG Pro, 64-65 Composicion diagonal, 71-87 Direccién y contraste, 72 Miniaturas Direcciones opuestas 30°/60", 85 Direcciones opuestas 45°45, 79, Una tnica direccién, 30° 6 60", 82 Una tnica diteccion, 45°, 78 Orgarizar ol planteamianto del proyecto, 73, Posicién de la reticula, 74-75 Sustitucion por tipografia Direcciones opuestas 30°/60", 86-87 Direcciones opuastas 45°45, 80-81 Una Unica direccién, 30° 6 60", 83-84 Una Gnica direcci6n, 45°, 77-78 Composicién horizontal, 17-33, Critica Recténgulo largo en la perte inferior, 26 Recténgulo largo en la parte interior, 31 Recténgulo largo en la parte superior, 2 Miniaturas: Recténgulo largo en la parte inferior, 24.25, 19 Rectangulo largo en la parte interior 29-30 Rectanguio largo en la parte superior, 19-20 Organizar el planteamienta del proyecto, 18 Sustitucién por tipogratia Recténgulo largo en la parte inferior, 2728 Rectngulo largo en fa parte interior, 29-30 Recténgulo largo on la parte superior, 22.23 Composicion vorticathorizontal, 46-61 Direccidn de lecture, 49 Miniaturas Rectingulo largo en la parte inferior, 53-54 Rectingulo largo en la parte interior, 59-60 Rectingulo largo en la parte inquierda oderecha, 86-67 Recténgulo largo en la parte superior, 50-51 Crganizar el plantearnionto del proyecto, 47, Retacién de le composicion, 48 Sustitucién por tipogratia Recténgulo largo en la parte interior, 61 Recténgulo largo en le perte izquierde oderecha, 88 Recténgulo largo en la parte superior inferior, 56 Rectangulo largo en le parte superior, 52 ‘Comunismo en Cubs, El principio del, 107-111 D Direccién de lectura, 47, 49, 78, 92 Drenttol Doyle Pariners The New Urban Landscape, 45 E Elementos abstractos, 102-103, Equilibrio, citcule, 14-15, Espacio nogativo, 11, 18-21, 24-26, 29-21, 47, 80-51, 53-54, 56-57, 59-60, 73, 79, 82, 85 Espacio nagative y agrupamientos, 11 F Fostival d'6t6, 68 Filetes y elementos abstractos, 102-103 Friourgo, Teatro Municipal, 92-98, S Gassnet, Christof Theater am Hechtplatz, 38-39, Gerstner, Karl ‘National-Zeitung, 911 Iiontiicacion del vitus del sida, 97-101 Instituto de Estudios sobre Arquitectura y Urbanismo,linoa grifica, 42-43 \ntorlineado, 10-21, 24-26, 29-31, 47, 60-61, 63- 54, 56:57, 89°60, 78, 79, 82, 85, 98, 100 fsuns of Ar, The, 36 J Jerarquia, 9 Proporcién, 9 Jerarquia tpogtétice, 97-117 Alineacién, 99 Composiciones, 100-101 Filetes y elementos abstractos, 102-103 Interlineado, 98 K Kandinsky, cartel de, 89 Krueger, Kevin ‘SamataMason, 40 kung, Wil Universidad de Columbia, Escuela Supe- flor de Arquitectura y Urbanism, 69, 94-95 L Ley de los tercios, 5, 13, 18-21, 24.26, 29-31, 47, 50-51, 63-54, 86-57, 59-60, 73, 79, 82,95 Limitaciones y posibilidades, 8 Lissitzky, E1 The Isms of Art, 36 Lohse, Richare P. Cartel Zisichor Kunstler im Hetmhaus, 63 Los Levi's se ponen de moda, 112-118 M Meson, Dave SamataMason, 40-41 N ‘Notional-Zeituna, 81 Dio Nowe Typographie, 35 ‘The New Urban Landscape, 45 The Next Call, 80 Nike ACG Pro, catélogo de 64-65 ° Odormatt & Tissi “Los mejores carteles suizos de 199% 67 Programa para el 150 Aniversario de ta Universidad de Zurich Organizacion, eiculo, 14-15, P Perez, Pedro, 107-111 Porimetro, lineas del, 12, 18-21, 24-26, 29-31, 47, 80-51, 53-54, 56-57, 59-60, 73, 78, 82, 85 Relaciones axiales, 12 Pietrafesa, John, 116-117 Proporcién de elementos, 9 Proyecto, elementos y proceso, 7 Punto de comienzo o final, ctcul, 14-18 Punto de pivotaje, citculo, 14-15 8 Rektama Mechano, 90 Fislaciones axialos, 12 Rotacion de la composicién, 48 Ruder, Emil Teatro Municipal de Friburgo, 92-98 s SamataMason, sitio web de, 40-41 “Sil quante te queda suelto, debes ser absuelto” Sotheby's, ines grafica pera, 44 T Tensién, circulo Tensién on los bordes, 73, 79, 85 ‘Theater em Hechtolatz, 38-39, Tschichold, Jan Die Neve Typoareote, 35 u Universidad de Columbia, Escuela Superior de Arquitectura y Urbanismo, 69, 94-95 Universidad de Columbia, Escusle Superior de Arquitectura y Urbenismo, carteles sobre ciclo de conferencias y exposicidn, 94.95 Universidad de Columbia, Escuela Superior do Arquitectura y Urbanism, certeles, 68 v Verdine, Michaet! Catalogo de Nike ACG Pro, 64-65, Vignelli and Associates Linea gréfica de Sotheby's, 44 Linea grafica del Instituto de Estudios sobre Arquitectura y Uroanismo, 42-43 w ‘Werkman, H. Ne The Next Ceti, 90 Zz Zirich, 150 Aniversario do la Universidad de, 66 Ziricher Kinstier im Heimnaus, car‘el, 63 120Bibliogratia Celant, Germano. Design: Vignal, Rizzoli International Publications, Nueva York, 1980. Codrington, Andres [ed|, AIGA: 365, AIGA Year jin Design 22, Oistriauted Art Publishors, Nuova York, 2002. 150 Yours: Swiss Posters Selected by the Federal ‘Department of Home Affairs, 1947-1980, Societe Genorale GAffichage, en colaboracién con Kummerly & Frey AG Boina, Ginebra, 1991 Gottschal, Edward M., Typographic Communications Today, The NIT Press, Cambridge, Massachussets, 1989. Krdplion, Manfred (od), Kar! Gerstner, Review of 5x 10 Years of Graphic Oesign Etc, Hatio Cantz Vrlag, Ostfildern-uit, 2001. Kunz, Will, Toography: Formation + TransFermation, Niggli AG y Will Kunz Books, Sulgen (Suiza), 2008. Kune, Wil, Tigearafia. Macro y microestéticn, Editorial Gustavo Gil, Barcolons, 2008. Miller-Brackmann, Joset, The Graphic Artist and His Design Problems, Arthur Nigal, Teufon (Suiza), 1961 Miller Brockmann, Josef, Historia de la comunicacion visual, Editorial Gustavo Gili, Barcolona, 2001, Ruder, Emil, Typographie, Typoarephy, Artur Nigh, Heiden (Suzal, 1877. Spencer, Herbert, Poneras de le tipogretia ‘modema, Editorial Gustavo Gil, Barcsiona, 1995 ‘Techichold, Jan, Asymmetric Typography. Cooper Beatty, Toronto, 1967. ‘Waser, Jack y Werner M. Wolf, Odermatt & Tissi, Graphic Design J. €. Wolfensberger, Zurich, 1993, 121Agradecimientos Expreso mi sincera agradecimiento & Benjamin ‘Waiters y Syreeta Pitts por a investigacion, la maquetacién y la asistencia administrativa que me han arestado, asi como a la Ringling School ‘of Art and Design, a su claustio y 2 los miembros el Comité de Desarrollo de Becas. Los estudiantes dela Ringling Schoo! of Art and Design que han contibuido a este libro con su {rab3)0 son Mina Ajrab Hans Mathie Christine Archie ‘Ashley McCulloch Laura Bartolo wil Miler Jana Dee Bassingthwaite Rusty Mori's Draw Chibbare Pedro Pérez sArtaur Gilo Sara Pett) ‘Amy Goforth John Pietvafesa Erin Kaman Drew Tyndall Lora Kanotzky Wood D. Weber James De Mass, Jt. Créditos de las imagenes “Los mejores cartolas suizos do 1992" Siegfried Odermatt Columbia University, earteles de io Escusla Superior de Arquitectura y Urbanismo, Will Kunz, Nueva York Columbia University cateles sobre programs de conferenciasy exnosiién de la Escuela Superior de Arquitectura y Urbanismo, Will Kurz, Nueva York. Festival d'616 ("Festival de vereno"l. dable pigina del programa, Philippe Apeloig Linea artfica del institute de Estudios sobre Arquitectura y Urbanismo, Massimo Vignell Sorie de cartolos pata el National Zeitung, Karl Gerstner CCatélogo de Nike ACG Pro, Angelo Collet Shalia Anderson. Programs para el 150 Aniversario de la Universidad de Zurien, Siegfried Odermatt Sitio web de SamateMason, Kevin Krugor. Linea gra de Sotheby's, Massimo Vigneli 123Ree eee eee eee ener ed ere aoe ee cum Es autora de diversos libros sobre disefio que se han convertido en obras do referencia para estudiantes y profesionales. Seer cree eg Peedi ted i Pearces areca rere Te Reece) Roi ea elo) elec fated