ae Jerarquia disefo es el esfuerzo consciente para imponer un orden con sentido. victor Papanek cordon que adoptan i os que se ostentan er oe 1 (como los ccm scence ito (como las diferentes cate y subsecciones de un Ii aie orden jerrquico existe pric- balers en todo 10 que conoce- samireuyendo 1a unidad familiar, ier de trabalo, la politica o la re ton De hecho, la forma en la que teeydena define cada tipo de cultura, Le jerarquia se expresa a través de sisemas de nomenclaturas, por Senpl, ia jerarquia militar com- pende los grados de general, coro- ‘bo, soldado raso, etc. La jerar- cv también se transmite de forma Yaual mediante variaciones en la tea, el valor, el color, el espacia- & a ubieacin y otras sefiales. La furesin del orden es una de las ta- "5 fundamentales del. diseftador. ia es el sievowa : ia Visuales que ° ems ‘eameS te comorndr ees Siete La jerarquia visual determina la re- cepcién y la pegada de un mensaje. Sin jerarquia, la comunicacién grafi- ca resulta monétona y de dificil na- vegacién, Como sucede con la moda, el disefio® grafico pasa por ciclos de estructuracién y caos, ornato y aus- teridad. La aproximacién de un dise- fador a la jerarquia visual revela su estilo personal, su metodologia y su formacién, asi como el espiritu de su tiempo. La jerarquia puede ser simple 0 compleja, rigurosa 0 taxa, plana o altamente articulada. Con independencia del enfoque adopta- do, emplea marcas claras de separa- cién para sefalar el paso de un nivel a otro. Al igual que con la musica, la habilidad para articular la variacion en el tono y la melodia precisos re- quiere, en el disefio grafico, de una cuidada planificacién. En disefio interactivo, los me- nis, textos e imagenes pueden orde- narse mediante su posicionamiento y un estilo coherente, pero, por lo general, el usuario suele controlar el orden en el que se accede a la infor macién. A diferencia de un libro neal, los espacios interactivos inclu- yen muchos enlaces y opciones de navegacién que parcelan el conteni: do de acuerdo con las acciones del usuario. Las CSS (hojas de estilo en cascada) articulan la estructura de un documento al margen de su presen- tacién, de manera que la informa- n puede reconfigurarse de modo automatico para diferentes dispositi- vos de salida, desde pantallas de or- denador a teléfonos méviles, PDA, kioscos, etc. Para cada caso puede emplearse una jerarquia visual dife- rente. Un ordenador personal medio soporta una compleja jerarquia de iconos, aplicaciones, carpetas, me- nis, imagenes y paletas, todo ello corganizado de modo jerérquico y flexible y controlado y personalizado por el usuario; lo que otorga a este liltimo un poder nunca antes conoci do para editar y clasificar vastas can- tidades de informacién. ‘A medida que la tecnologia faci- lita cada vez mas el acceso ala infor- macién, la habilidad del disefiador para filtrar la superabundancia de informacién y dotarla de sentido co- bra mayor importancia. __—Soluawepuny sonanu :ooyei6 ovasig oft : Ss tuncign de ae gir Ser Eero : lo eomenes Set ay ‘Chapter 7 The Birthday Cake a al lector a, a aoe s ‘ue se meno Se ieee : eodaineena SEE feet mn H sown Senet & econo -quia tipogrética basica Sher 1 es te : (Charen dice de contenidos de un bro im- | Siri fat retort preso (y especialmente el de uno con 15 muchos apartados) proporciona una ner idea de la estructura del texto para {Gene 3 cg ou Tob mete poder seguirlo. Cuando los libros se ‘Gopur 3 Soc, venden por internet, a menudo se a’ | reproduce su indice para que los ‘compradores puedan echar un vistazo preliminar al producto. Un indice de contenidos bien disefiado, por lo tan- to, no ha de ser solo funcional, sino también visualmente atractivo © im- Pactante. ‘Su funcién basica es la de ayudar a los lectores a encontrar informacién relevante y proporcionar un esquema visual de cémo se organiza el libro. 2Consiste el texto en unos pocos apar- tados principales con varias subdivi- siones, 0 bien en numerosas entradas paralelas? El disefiador se sirve de la alineacién, el interlineado, las san- arias y el tamano y el estilo de la tipo- grafia para construir una jerarquia cla-~ ray descriptive Los indices de contenidos de dise- fo pobre emplean a menudo alinea- ciones conflictivas y contradictorias, sistemas redundantes de numeracion © un batiburrillo de elementos gréfi- cos. Analizar los indices, asi como los ments de los restaurantes y los catd- logos comerciales, es un ejercicio muy til. Porcldo on Pars En ete ince ‘una guia de via, lisa ‘utilizado una confuea mend de alineaciones justifisde cena Yen bonders 1 dosao dace lina composicién gona ju domina la égica del pig. Te longitud dels lines inch texto y puntos en el nivel uptie de informacion. Lastreslineast fos ttulos que encsberan a4 cestin centradas (una slueén tradicions or lout snd se combi 2° iar subon ines {a ecuierdo co sings conus poe yet las subseecones Guide to ParisEl libro como cartel Esto indice de contenidos Sirve como valla publicitaria para el libro al mismo tiompo que es una guia funcional le Sus componentes. El disenador ha ‘®Provechado la doble pagina y la ha tratado como un todo, de manera que el contenido 8 columnas junto a los titulos de los. articulos, facilitando al lector la conexién tentre contenido y ubicacién {jsin necesidad de trasnochadas linoas directrices!). Los meres de Ios capitulos no son necesarios porque basta con la Secuencia de nimeros de pagina para indicar ol ordon de los apartados. El libro cuenta con muchos colaboradores, rasgo que el estilo tipogrético manifesta con nitidez, Nicholas Blechman, Empire, 2003, eynbievop telThink withthe Senses Feel with the Mind Artin the Present Tense Venice Biennale ‘52nd neational Art Exton 10.lune~21 November [National and Regeral Pains, ang Presentations arate! Exhbtions and Projects soluawepuny sonanu :024es6 ou9siG ZeL Sin jerarquis Feal wit he Mind. ‘Aci be Present Tense ence Bernale ‘2ng itematonal At Exhbiton O.hune=21 November \Natonal and Rogonal Pains ‘and Presertatons. “Tink wth the Senses Parallel Exwbitons ond Projects “Tek wth the Senses Feet wah the Med. ‘Astin te Prosert Tense Venice Biennale ‘2nd itematonal Art Exnibson 1O\hne=21 November atonal and Regional Pains sana Presentations Paral Exhibitions and Projects olor, expacio, aineacion Jerarquia 101 Un ejercicio sencillo consi ‘en trabajar eon un Tragmento bésico | do informacién y explorar numerosas variaciones simplos uizando solo una | familia tipogrética. Las partes quo componen ‘una jerarquia tipogratica puoden sofalarso con una o mas pistas: salto de linea, estilo. y tamano de tipografi, reglas, ete. Think wth the Senses Fol wth the Mind. ‘Aint Prosert Torso Venice Biennale Send rteraional At Exhibiton 0.Juno-21 Novembor Nasional and Regional Paiions ‘and Presentations Parale! Exhibitions and Projects Contraste de peso ‘Tonk wi he Senses Fool wih the Md, Artin the Prosers Tens Venice Biennale ‘2ne Iernatonal Art Exton SO.hune=21 Nowernber atonal ans Regional Pains sand Presentations Paral! Exntsons and Projects Intervatos espaciates “Think wih he Senses. Feel withthe Mn. ‘Artin te Present Tense Venice Biennale ‘2nd Irtemstional vt Exhibition tOune=21 November atonal ana Regional Pavions ‘and Presentstone Perael Exibitons and Projects Escala, espacio, aineacion Sores teeter sone Prat ae An htan Contraste de color “Trirk wit the Sancos Fool wi te Md. An ntha Preset Tense VENICE BIENNALE 2nd rtornatonal rt Exon “0 une-21 November National anc Regn Pastons ‘and Presentations, Paral Eibitons and Proce Caja atta e intervatos espociles Tink th te arses Ft we ‘rten na Poser Ts Venice Biennale deans at EE fbuane= 21 Nore Nationa! and Regions! Paes ecto at Fienneor ns alienaior Cursiva, scala, c0l0% 9 aeynbiesop eetY S0nanu 004918 OVESIQ FEL 5 & Cinco tipos En este vuelta de tuerca al clisico es- pécimen tipografico, los disehadores tenian que armar y presentar una co- feccién de cinco familias tipogréficas ¥ divehor una jerarquia tipografica avorde, En tp informacion esencial ha- bia que incluit el nombre de to familia, ! divehador, la fecha de creacion y un texto descriptive o historico. Loe pai ‘a}e8 compositivos también contienen un juego de caracteres, y algunos ele ‘Mentos visuales concentian ta aten clon en tas cuslidades expresivas o formales de los tipos. Al tener que es tructurar multiples paginas, tos estu diantes deben tener en consideracion HELVETICA | -GOTHAM ~ el ritmo y ta continuidad de la compo: sicion. Las cubiertas y los colofones se convierten en elegantes extensiones del interior ature’ Tipogratia |sowowepuny sonanu :02418 ov9sia SEL a | Haat, hd IN O08 KODE CUTRGGLET he | i TOIC IGM ELE OLE MTEL cae ¥soqwousepuny sonanu :ooyei8 oVasiG BEL Jorarquia invertida Po, del propio producto, anti™e rimado jerérquicamon sobre os alimentos cone ig ombinase los espn 28 ee Alumna: Amy Leo Wag e808 Estudio do! Mister de ices tr HEN) Cabread ‘ngs bread VEGETABLES eggs sue i MARINADES = SAUCES Jerarqui ensional Los mensajes aplicados sobre fm tridimensionales se enfrentan aly afadido de mantener la legibiigs, través de un plano 0 alrededor de 2 Los objetos que reposan en un exec no determinado estén bafados enix y enysombras. A diferencia de si bros) que pueden esconder muss complejos bajo sus tapas (autométics- mente separados do contexts exe riores), los mensajes que se integran en el entorno deben ineracus ni alld de sus limites y convertirse en un equivalente a sus vecinos oensums: cado contrapunto. ‘Advierte cémo, en estos ele plos, la tipografia, los campos on 108 y los elementos graficos gust" mirada del espectador alrededor de® forma dimensional ycémo, alte establecen una cone? sinov' i si visual con los envases “ Cuando se apilan vertialmen® sitdan unos junto & otros. Dots einémica Los series de objets Suelenrequrr do una jerarqua visu Exinaratv todo caging de ‘itaminas aumenta talon improbabes Sel roca ncoporunsrpondnta te c pees aopeoaw Pastillas, Alu = Profesora: Jennifer Cole Phillips, ;einbiwior 6et do snacks Este diseo para snacks muy conocidos la tipica cacofonia agresiva hombre de la marca de forma neutral, con tun tipo rotundo. A su vez, los populares ‘cobran protagonismo formato axonometrico.