{"id":1812,"date":"2023-08-25T18:59:39","date_gmt":"2023-08-25T21:59:39","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/?p=1812"},"modified":"2023-08-25T18:59:40","modified_gmt":"2023-08-25T21:59:40","slug":"tipografia-en-la-gran-pantalla","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/tipografia-en-la-gran-pantalla\/","title":{"rendered":"Tipograf\u00eda en la gran pantalla"},"content":{"rendered":"\n<p class=\"has-text-align-left has-primary-color has-text-color\" style=\"font-size:22px\"><strong>La pieza analizada se trata de un sitio web que promociona un festival de cine presencial en Hudson, Nueva York. Es producido por el Instituto \u201cHudson Valley Film\u201d y tiene como objetivo visibilizar las pel\u00edculas, cineastas, talentos locales y globales menos representados con una programaci\u00f3n de cine comunitaria. Como instituto planea brindar oportunidades educativas a los artistas destacados de la regi\u00f3n y&nbsp; representar el cine de una forma diversa e inclusiva.<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\">Para esta propuesta, decidieron armar una pieza deslizable donde se encuentra la mayor parte de la informaci\u00f3n sobre el festival (proyecciones, cronograma, compra de tickets y datos del lugar) con la opci\u00f3n de clickear y ampliar la informaci\u00f3n en una nueva ventana. De modo secundario presenta un men\u00fa que redirige al usuario hacia informaci\u00f3n complementaria del evento (sobre qui\u00e9nes son y formas de donar).&nbsp;<\/p>\n\n\n\n<p class=\"has-small-font-size\">Como elementos estructurantes, utiliza las miscel\u00e1neas y las disposici\u00f3n tipogr\u00e1fica que rigen la composici\u00f3n a lo largo de toda la pieza. En el uso de la p\u00e1gina a trav\u00e9s de una computadora, se puede ver que la modulaci\u00f3n est\u00e1 marcada por 4 columnas principales, pero su uso es din\u00e1mico a lo largo del recorrido. La portada de la p\u00e1gina&nbsp;evidencia un eje vertical que rige la lectura, y a medida que uno avanza, se encuentra con el cronograma, donde el eje pregnante cambia y se puede ver que est\u00e1 dada principalmente por los ejes horizontales. De forma sistematizada utiliza estos elementos seg\u00fan el tipo de informaci\u00f3n y el objetivo de lectura, ya sea para un texto display que se lee de forma r\u00e1pida o una lectura m\u00e1s detenida en los detalles del evento.&nbsp;<\/p>\n\n\n\n<p class=\"has-small-font-size\">El uso del color, las variables tipogr\u00e1ficas y tama\u00f1os de cuerpo tambi\u00e9n ordenan el uso de la web, con una l\u00f3gica estable a lo largo de toda la pieza. Cada variaci\u00f3n tipogr\u00e1fica conserva un uso espec\u00edfico y se combinan entre ellas, de forma constante. Las distancias entre los elementos tipogr\u00e1ficos est\u00e1n dispuestos de manera que haya suficiente espacio alrededor de ellos, permitiendo que el contenido se vea equilibrado para la densidad de informaci\u00f3n que presenta.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"has-small-font-size\">Por \u00faltimo, parte de la composici\u00f3n del sitio web est\u00e1 dada por las im\u00e1genes y por el uso de interacciones que el usuario puede tener con sus elementos.&nbsp;<\/p>\n\n\n\n<p class=\"has-small-font-size\">Al comienzo del sitio, se exponen las im\u00e1genes del festival como portada, en un formato que remite a las proyecciones anal\u00f3gicas antiguas. Luego, se presenta la tipograf\u00eda display de color que sube la opacidad de forma paulatina a medida que uno va scrolleando hacia abajo en la pagina. Este recurso funciona tanto en una computadora como en un dispositivo m\u00f3vil. Otra caracter\u00edstica que utiliza, es al posicionar el cursor sobre los nombres de las proyecciones, se activa un efecto que resalta el color del t\u00edtulo y adem\u00e1s muestra la imagen principal de la pel\u00edcula. Este \u00faltimo elemento, no fue adaptado para un dispositivo m\u00f3vil.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"467\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/WhatsApp-Image-2023-08-25-at-18.50.06-3-1024x467.jpeg\" alt=\"\" class=\"wp-image-2214\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/WhatsApp-Image-2023-08-25-at-18.50.06-3-1024x467.jpeg 1024w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/WhatsApp-Image-2023-08-25-at-18.50.06-3-300x137.jpeg 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/WhatsApp-Image-2023-08-25-at-18.50.06-3-768x350.jpeg 768w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/WhatsApp-Image-2023-08-25-at-18.50.06-3-1536x701.jpeg 1536w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/WhatsApp-Image-2023-08-25-at-18.50.06-3-1200x548.jpeg 1200w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/WhatsApp-Image-2023-08-25-at-18.50.06-3.jpeg 1580w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-small-font-size\">El sitio web desarrollado presenta varias instancias de lectura, pero a trav\u00e9s de la composici\u00f3n de la tipograf\u00eda, im\u00e1genes y miscel\u00e1neas procura un orden para facilitar la comprensi\u00f3n de la navegaci\u00f3n. En general, trata de mantener un aspecto limpio y organizado, aprovechando las posibilidades tecnol\u00f3gicas para relacionarlo con la identidad del evento y se logre una experiencia simple pero un poco m\u00e1s inmersiva y atractiva. Aunque no logra trasladar todos los aspectos al formato m\u00f3vil, prioriza la homogeneidad del dise\u00f1o para que sea una lectura clara y concisa.&nbsp;<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>La pieza analizada se trata de un sitio web que promociona un festival de cine presencial en Hudson, Nueva York. Es producido por el Instituto \u201cHudson Valley Film\u201d y tiene como objetivo visibilizar las pel\u00edculas, cineastas, talentos locales y globales menos representados con una programaci\u00f3n de cine comunitaria. Como instituto planea brindar oportunidades educativas a [&hellip;]<\/p>\n","protected":false},"author":43,"featured_media":2142,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"comision":[12],"eje":[4],"class_list":["post-1812","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categoria","comision-juan-juli","eje-composicion"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1812","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\/43"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comments?post=1812"}],"version-history":[{"count":4,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1812\/revisions"}],"predecessor-version":[{"id":2216,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1812\/revisions\/2216"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media\/2142"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media?parent=1812"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/categories?post=1812"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/tags?post=1812"},{"taxonomy":"comision","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comision?post=1812"},{"taxonomy":"eje","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/eje?post=1812"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}