{"id":1531,"date":"2023-08-25T20:30:03","date_gmt":"2023-08-25T23:30:03","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/?p=1531"},"modified":"2023-08-25T20:30:03","modified_gmt":"2023-08-25T23:30:03","slug":"reinterpretar-el-pasado","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/reinterpretar-el-pasado\/","title":{"rendered":"Reinterpretar el pasado"},"content":{"rendered":"\n

El portfolio de Niccolo Miranda es una fusi\u00f3n de estilos que evoca la est\u00e9tica de un diario anal\u00f3gico, antiguo,  a trav\u00e9s de elementos modernos. Las tipograf\u00edas desempe\u00f1an un papel crucial al establecer una identidad visual distintiva. Mientras que “Editorial New” aporta legibilidad y un toque cl\u00e1sico, “Canop\u00e9e” atrae la atenci\u00f3n con su estilo g\u00f3tico y condensado en titulares y enlaces. Este enfoque crea una experiencia interesante que combina historia y contemporaneidad de manera atractiva e interactiva.<\/strong><\/p>\n\n\n\n

La p\u00e1gina web analizada es un Portfolio<\/strong> del Dise\u00f1ador Niccolo Miranda<\/em> y su dise\u00f1o evoca a un diario antiguo, anal\u00f3gico,  mediante tecnolog\u00eda moderna logrando una atractiva experiencia en l\u00ednea. En este caso el uso tipogr\u00e1fico<\/strong> es clave para organizar los niveles de informaci\u00f3n y el rol principal de la tipograf\u00eda es para establecer una marcada identidad visual representativa de la est\u00e9tica del dise\u00f1ador. Cada familia de fuente tiene un uso espec\u00edfico<\/strong> y una decisi\u00f3n consistente en el sitio: <\/p>\n\n\n\n

–Editorial New,  <\/strong>tienen un mayor porcentaje de uso dentro de la composici\u00f3n. Es usada para lectura prolongada o inmersiva como bajadas o textos y para n\u00fameros. <\/p>\n\n\n\n

-Canop\u00e9e<\/strong>, la utiliza en botones, en tags\/etiquetas que ayudan a la navegabilidad para llamar la atenci\u00f3n del usuario, y principalmente en titulares, ya que solo cuenta con may\u00fasculas y glifos condensados, generando una jerarqu\u00eda clara y captando la atenci\u00f3n. Tambi\u00e9n se utiliza como capitular, al comienzo de textos, para una apariencia sofisticada y profesional, similar a la est\u00e9tica de los peri\u00f3dicos de renombre. Ayudan a destacar estructura y jerarqu\u00eda. Al ser condensada es ideal para t\u00edtulos porque ocupa menos espacio horizontal.<\/p>\n\n\n\n

-Domaine Display,<\/strong> aparece en menor porcentaje (0,15% ) y el uso est\u00e1 volcado \u00fanicamente al reemplazo de caracteres determinados como (C,G,O y Q) dentro de los titulares. <\/p>\n\n\n\n

\n
\"\"<\/figure>\n<\/figure>\n\n\n\n

Foto 1. Familias tipogr\u00e1ficas.<\/em><\/p>\n\n\n\n

<\/p>\n\n\n\n


  La combinaci\u00f3n tipogr\u00e1fica<\/strong> de familias mencionadas contribuye a establecer un lenguaje donde los rasgos y curvas de Editorial New<\/em> son exageradas para dar peso y personalidad lo cual combina muy bien con las curvas, marcadas en los bucles de los caracteres, de Canop\u00e9e<\/em>. El grosor de los trazos de ambos, inicia con finos y desciende gruesos, recurso com\u00fan en las g\u00f3ticas.  Ambas tienen serifas, la de titulares rectil\u00edneo<\/em> y la de bajadas uno cl\u00e1sico<\/em>, mezclando tradici\u00f3n con modernidad y evitando una competencia importante. Al ser condensada y otra m\u00e1s tradicional, la combinaci\u00f3n es funcional ya que el contraste genera un equilibrio visual interesante<\/strong> y otorga cierta flexibilidad para elegir qu\u00e9 tono usar o qu\u00e9 transmitir. Consideramos que la combinaci\u00f3n es pertinente. <\/p>\n\n\n\n

     Al investigar cada familia por separado interpretamos que el dise\u00f1ador consider\u00f3 que para su sistema era necesario reemplazar las Redondas (c,g,o,q) que posee Canop\u00e9e <\/em>por las redondas de Domaine Display<\/em>, ajustando levemente el ancho de su caja para que se integre en la familia principal que es condensada. Sus remates y trazados se llevan muy bien con los de Canop\u00e9e<\/em>, haciendo casi imperceptible la combinaci\u00f3n. El objetivo principal de este cambio es que las redondas, \u00fanicos caracteres de Canop\u00e9e<\/em> con caja ancha, se iban del sistema de dise\u00f1o y adem\u00e1s si no hubieran sido ajustadas provocar\u00edan que el texto se extienda y tenga muchos cortes dificultando la lectura. Este error se nota principalmente en su versi\u00f3n en espa\u00f1ol donde las palabras tienen m\u00e1s caracteres lo que hace que se modifique la separaci\u00f3n de palabras y se rompa la estructura de la puesta en p\u00e1gina. Esto nos deja en claro que fue dise\u00f1ada sin tener en cuenta la usabilidad y est\u00e1 dirigida principalmente hacia usuarios que entiendan ingl\u00e9s, sin considerar la posibilidad de traducci\u00f3n.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Foto 2.\u00a0Combinaci\u00f3n de caracteres utilizada en titulares: Canop\u00e9e + Domaine Display\u00a0<\/em><\/p>\n\n\n\n

<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Foto 3. sitio en espa\u00f1ol<\/em><\/p>\n\n\n\n

<\/p>\n\n\n\n

A pesar de lo mencionado, notamos que solo decidi\u00f3 usar las redondas originales de Canop\u00e9e <\/em> como recurso gr\u00e1fico, por ejemplo para copyright. Y adem\u00e1s utiliza un car\u00e1cter especial para capitulares, la A, que se destaca por su asta exageradamente curva<\/p>\n\n\n\n

\n
\"\"<\/figure>\n<\/figure>\n\n\n\n

Foto 4. Uso de redondas de canoope<\/em><\/p>\n\n\n\n

<\/p>\n\n\n\n

 Otros elementos<\/strong> que acompa\u00f1an tienen funciones organizativas o decorativas y aportan a la narrativa visual. Las decisiones de dise\u00f1o, de combinar elementos, est\u00e1n reguladas en funci\u00f3n de la escala de la tipograf\u00eda, su uso en display es pregnante y convive con el uso de im\u00e1genes <\/strong>grandes. Las miscel\u00e1neas <\/strong>dan estructura y generan un recorrido de lectura din\u00e1mico. Las texturas, animaciones y el uso crom\u00e1tico suman a la est\u00e9tica anal\u00f3gica. Hay una clara referencia visual a diarios como el New York Times<\/em>, por los elementos mencionados y por el logo.
<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Foto 5. Im\u00e1genes, textura, paleta, miscel\u00e1neas<\/em><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Foto 6. Dise\u00f1o del NYT<\/em><\/p>\n\n\n\n

 Actualmente muchas p\u00e1ginas web de branding retoman elementos tipogr\u00e1ficos de manera similar, sin embargo \u00e9sta web se destaca por la capacidad de apropiaci\u00f3n de recursos estil\u00edsticos, hist\u00f3ricos y contempor\u00e1neos. Hay una clara fusi\u00f3n de estilos a trav\u00e9s de la combinaci\u00f3n de dichas fuentes y sus particulares recursos, logrando una identidad visual que interpela a la audiencia de manera creativa. No busca s\u00f3lo ser una p\u00e1gina web, sino una experiencia que demuestra c\u00f3mo el dise\u00f1o puede reinterpretar y revitalizar el pasado para el p\u00fablico contempor\u00e1neo.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Foto 7. <\/em>Pagina, como se ven algunas transiciones – https:\/\/www.niccolomiranda.com\/work\/the-roger-hub<\/p>\n","protected":false},"excerpt":{"rendered":"

El portfolio de Niccolo Miranda es una fusi\u00f3n de estilos que evoca la est\u00e9tica de un diario anal\u00f3gico, antiguo,  a trav\u00e9s de elementos modernos. Las tipograf\u00edas desempe\u00f1an un papel crucial al establecer una identidad visual distintiva. Mientras que “Editorial New” aporta legibilidad y un toque cl\u00e1sico, “Canop\u00e9e” atrae la atenci\u00f3n con su estilo g\u00f3tico y condensado […]<\/p>\n","protected":false},"author":80,"featured_media":2322,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[98,77,39,17,97,20],"comision":[14],"eje":[5],"class_list":["post-1531","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categoria","tag-diario","tag-diseno","tag-identidad-grafica","tag-interfaz","tag-recursos-estilisticos","tag-tipografia","comision-aku-nika","eje-sistema-y-recursos"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1531","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/users\/80"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comments?post=1531"}],"version-history":[{"count":20,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1531\/revisions"}],"predecessor-version":[{"id":2347,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1531\/revisions\/2347"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media\/2322"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media?parent=1531"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/categories?post=1531"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/tags?post=1531"},{"taxonomy":"comision","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comision?post=1531"},{"taxonomy":"eje","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/eje?post=1531"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}