{"id":1491,"date":"2023-08-25T17:44:26","date_gmt":"2023-08-25T20:44:26","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/?p=1491"},"modified":"2023-08-25T19:10:40","modified_gmt":"2023-08-25T22:10:40","slug":"pasado-gotham-y-futuro","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/pasado-gotham-y-futuro\/","title":{"rendered":"Pasado, gotham y futuro."},"content":{"rendered":"\n<p class=\"has-text-align-left wp-block-paragraph\"><strong>Grupo BilloniSureda (Luciana Billoni y Nicol\u00e1s Sureda) <\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Detroit: Become Human es un juego de aventura gr\u00e1fica o, dicho de otra manera, pel\u00edcula interactiva. Propone una narrativa no lineal; las historias se cuentan a trav\u00e9s de tres personajes principales: Kara, Connor y Markus.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kara es una androide, fue comprada por un padre soltero que necesita ayuda en la crianza de su hija. El padre es violento con la ni\u00f1a y junto con Kara se escapan.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Connor es un detective que fue dise\u00f1ado para ser el socio ideal. Junto con otro detective humano, intentan descubrir el por qu\u00e9 de los comportamientos anormales en androides.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Markus tambi\u00e9n es comprado por un reconocido pintor que con el tiempo entablar\u00e1 una relaci\u00f3n muy cercana. El due\u00f1o de Markus lo motiva a desarrollar su parte humana.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En la historia hay muchas aristas, cualquiera de los personajes pueden morir sin que eso signifique el fin de la partida. Es un juego de toma de decisiones en el que cada misi\u00f3n, se logre o no, determinar\u00e1 lo que pase en el futuro.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Desde este punto de vista, creemos que la tipograf\u00eda tiene un papel protag\u00f3nico y fundamental en la interfaz. Est\u00e1 presente en todo momento, es \u00edndice de d\u00f3nde hay que ir, que se puede hacer, qu\u00e9 botones tocar para realizar o determinada acci\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" data-id=\"1596\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/detroit-become-human-story-completed-1-1024x576.jpg\" alt=\"\" class=\"wp-image-1596\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/detroit-become-human-story-completed-1-1024x576.jpg 1024w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/detroit-become-human-story-completed-1-300x169.jpg 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/detroit-become-human-story-completed-1-768x432.jpg 768w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/detroit-become-human-story-completed-1-1536x864.jpg 1536w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/detroit-become-human-story-completed-1-1200x675.jpg 1200w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/detroit-become-human-story-completed-1.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Las variables tipogr\u00e1ficas utilizadas cumplen la funci\u00f3n de jerarquizar la informaci\u00f3n en niveles de lectura para crear una composici\u00f3n m\u00e1s din\u00e1mica o para hacer de la comunicaci\u00f3n algo m\u00e1s directo y accesible. En algunos casos, como en la imagen anterior, el uso de variables en el t\u00edtulo est\u00e1 en funci\u00f3n de algo meramente estil\u00edstico, compositivo. En cambio, en la imagen que vemos a continuaci\u00f3n el uso est\u00e1 en funci\u00f3n de que las indicaciones sean captadas r\u00e1pidamente por el usuario; se usa una variable medium en las palabras m\u00e1s relevantes y una variable light en los conectores que estar\u00edan en segundo plano.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tambi\u00e9n, las miscel\u00e1neas utilizadas son pertinentes a la est\u00e9tica del juego, comparten relaciones formales con la tipograf\u00eda y est\u00e1n usadas para enfatizar un recorrido visual o para sumar informaci\u00f3n a la pieza.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por otro lado, analizamos el lado conceptual del juego. Pensamos que la tipograf\u00eda Gotham, la elegida en este caso, condice con la tem\u00e1tica futurista, tecnol\u00f3gica y rob\u00f3tica que se busca transmitir por su composici\u00f3n esencial y geom\u00e9trica. Esta fuente fue dise\u00f1ada por el tip\u00f3grafo neoyorquino Tobias Frere-Jones en el a\u00f1o 2000; la inspiraci\u00f3n la tom\u00f3 de las calles de Manhattan, de las grandes torres de estilo moderno, de la tipograf\u00eda del metro y de la tipograf\u00eda Futura, dise\u00f1ada en 1927 por Paul Renner que aplic\u00f3 los fundamentos del Bauhaus y la Nueva Tipograf\u00eda para su composici\u00f3n. Fundamentos que pertenec\u00edan a los ideales del Proyecto Moderno en el que la ciencia, la moral y el arte estar\u00edan atravesados por la raz\u00f3n y en consecuencia la humanidad se dirigir\u00eda hacia la perfecci\u00f3n. En ese sentido, analizamos la elecci\u00f3n tipogr\u00e1fica en este caso llegando a la conclusi\u00f3n de que no s\u00f3lo es acorde a lo que se intenta transmitir visualmente, sino que el trasfondo ideol\u00f3gico de Gotham tiene mucho para decir acerca de c\u00f3mo el ideal moderno pareciera persistir en la tecnolog\u00eda actual y en consecuencia c\u00f3mo ser\u00e1 nuestra realidad en un futuro no muy lejano.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/image-6-1-1024x576.png\" alt=\"\" class=\"wp-image-1602\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/image-6-1-1024x576.png 1024w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/image-6-1-300x169.png 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/image-6-1-768x432.png 768w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/image-6-1-1536x864.png 1536w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/image-6-1-1200x675.png 1200w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/image-6-1.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">En conclusi\u00f3n, el dise\u00f1o de Detroit: Become Human nos hace pensar en que la tipograf\u00eda es un elemento crucial en la configuraci\u00f3n de la interfaz, no solo por sus cualidades formales o estil\u00edsticas, sino tambi\u00e9n&nbsp; por la cualidad hist\u00f3rica que en este caso es muy interesante de analizar y nos invita a reflexionar sobre temas actuales con una mirada cr\u00edtica.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.typography.com\/fonts\/gotham\/how-to-use\">https:\/\/www.typography.com\/fonts\/gotham\/how-to-use<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.crehana.com\/blog\/estilo-vida\/gotham-font-historia-y-uso-de-la-famosa-tipografia\/\">https:\/\/www.crehana.com\/blog\/estilo-vida\/gotham-font-historia-y-uso-de-la-famosa-tipografia\/<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/es.wikipedia.org\/wiki\/Detroit:_Become_Human\">https:\/\/es.wikipedia.org\/wiki\/Detroit:_Become_Human<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/cursoshistoriavdemexico.files.wordpress.com\/2019\/07\/diaz-esther-posmodernidad.pdf\">https:\/\/cursoshistoriavdemexico.files.wordpress.com\/2019\/07\/diaz-esther-posmodernidad.pdf<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Grupo BilloniSureda (Luciana Billoni y Nicol\u00e1s Sureda) Detroit: Become Human es un juego de aventura gr\u00e1fica o, dicho de otra manera, pel\u00edcula interactiva. Propone una narrativa no lineal; las historias se cuentan a trav\u00e9s de tres personajes principales: Kara, Connor y Markus.&nbsp; Kara es una androide, fue comprada por un padre soltero que necesita ayuda [&hellip;]<\/p>\n","protected":false},"author":78,"featured_media":1572,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"comision":[16],"eje":[5],"class_list":["post-1491","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categoria","comision-juan-flor","eje-sistema-y-recursos"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1491","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\/78"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comments?post=1491"}],"version-history":[{"count":9,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1491\/revisions"}],"predecessor-version":[{"id":2250,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1491\/revisions\/2250"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media\/1572"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media?parent=1491"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/categories?post=1491"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/tags?post=1491"},{"taxonomy":"comision","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comision?post=1491"},{"taxonomy":"eje","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/eje?post=1491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}