{"id":1356,"date":"2023-08-25T17:44:39","date_gmt":"2023-08-25T20:44:39","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/?p=1356"},"modified":"2023-08-25T20:14:07","modified_gmt":"2023-08-25T23:14:07","slug":"domina-el-arte-de-la-tipografia","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/domina-el-arte-de-la-tipografia\/","title":{"rendered":"Domin\u00e1 el arte de la tipograf\u00eda"},"content":{"rendered":"\n

Dado que en los \u00faltimos a\u00f1os la tipograf\u00eda juega un rol cada vez m\u00e1s importante en los sitios web, el trabajo realizado con esta se vuelve m\u00e1s complejo. Ante esta situaci\u00f3n, la agencia de dise\u00f1o Obsy<\/em> (una agencia ucraniana enfocada en crear grandes experiencias web y de dise\u00f1o) crea un sitio web: Typography Principles<\/em><\/strong>,<\/em> donde comparte algunos de los principios tipogr\u00e1ficos que utilizan ellos para ayudar a sus usuarios a crear mejores experiencias dentro de sus webs, presentados en una especie de galer\u00eda de arte.<\/p>\n\n\n\n

\u00bfDe qu\u00e9 va este sitio?<\/strong><\/h5>\n\n\n\n

Por medio de un lenguaje informativo e informal, vas aprendiendo sobre la importancia de la elecci\u00f3n de fuente y sus variables, c\u00f3mo utilizar correctamente la alineaci\u00f3n de los textos y por qu\u00e9 se necesita de un buen contraste. Para esto generaron textos est\u00e1ticos de lectura inmersiva que explican brevemente sobre los temas mencionados anteriormente. En los cuales la informaci\u00f3n presenta distintos niveles de jerarqu\u00eda determinados por la diferencia de tama\u00f1o y variable de la tipograf\u00eda Helvetica Neue<\/em><\/strong> (web safe font)<\/em> (t\u00edtulos: 76px, subt\u00edtulos: 39px, cuerpo: 11px) y t\u00edtulos principales y destacados de gran tama\u00f1o en la tipograf\u00eda Saol Display<\/em><\/strong> (web font)<\/em>.<\/p>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/figure>\n\n\n\n
Lo mejor de todo esto\u2026 \u00a1\u00a1No te vas a aburrir!!<\/strong><\/h5>\n\n\n\n

Lejos de ser un sitio web convencional, este busca que aprender sea una experiencia extraordinaria y llama tu atenci\u00f3n con una navegaci\u00f3n interactiva donde la funci\u00f3n de la tipograf\u00eda es importante. Como usuario, tendr\u00e1s que desplazarte en un scroll constante (a veces horizontal, otras vertical) en el cual descubrir\u00e1s im\u00e1genes y textos como im\u00e1gen (est\u00e1ticos y animados). Tambi\u00e9n ver\u00e1s algunos botones que, al posarte sobre ellos, har\u00e1n aparecer textos o im\u00e1genes y disfrutar\u00e1s de maravillosas animaciones mientras realices el scroll entre pantallas que aportan gran dinamismo a la experiencia. Al final de cada secci\u00f3n la web te invita a realizar un test para elegir la opci\u00f3n correcta seg\u00fan lo aprendido y debajo de ellos encontrar\u00e1s unos hipertextos que te llevar\u00e1n a otras p\u00e1ginas que consideran como buenas referencias en cada caso.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\u00a1Ojo! No todo lo que brilla es oro<\/strong><\/h5>\n\n\n\n

As\u00ed y todo se puede decir que hay un aspecto negativo del sitio: no tiene un responsive grid<\/em>. Al ser un sitio pensado para computadora, es necesario tener una a disposici\u00f3n. La web no cuenta con una grilla adaptable, por lo que no es navegable desde un celular y, a pesar de que te proponen rotar la pantalla, la navegaci\u00f3n no es placentera. Podr\u00eda visualizarse tambi\u00e9n desde una tablet pero, al igual que en el celular, la experiencia no es c\u00f3moda.<\/p>\n\n\n\n

Una situaci\u00f3n similar sucede cuando se intenta traducir la web a otro idioma. Algunos textos no pueden ser traducidos porque son manejados como imagen pero, los que s\u00ed pueden ser modificados, pierden por completo la forma en que fueron pensados y se producen desajustes que hacen imposible la lectura y comprensi\u00f3n de algunos de ellos.<\/p>\n\n\n\n

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

Lo que hace que para tener la experiencia completa y apreciar todo el trabajo realizado en esta web, es necesario tener accesibilidad a una computadora y visualizarla en el idioma ingl\u00e9s.<\/p>\n\n\n\n

Para concluir<\/strong>…<\/h5>\n\n\n\n

Podr\u00edamos decir que a pesar de las limitaciones que se presentan en ciertos tipos de dispositivos, cuando se realiza la navegaci\u00f3n en computadora, la interactividad del sitio es alta ya que presenta diversas maneras de influir sobre el contenido y responde correctamente ante la acci\u00f3n del usuario.<\/p>\n\n\n\n

\"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"

Dado que en los \u00faltimos a\u00f1os la tipograf\u00eda juega un rol cada vez m\u00e1s importante en los sitios web, el trabajo realizado con esta se vuelve m\u00e1s complejo. Ante esta situaci\u00f3n, la agencia de dise\u00f1o Obsy (una agencia ucraniana enfocada en crear grandes experiencias web y de dise\u00f1o) crea un sitio web: Typography Principles, donde […]<\/p>\n","protected":false},"author":72,"featured_media":1380,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[77,29,33,49,17,82,58,36],"comision":[14],"eje":[3],"class_list":["post-1356","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categoria","tag-diseno","tag-experienciadelectura","tag-experienciadeuso","tag-interaccion","tag-interfaz","tag-responsivegrid","tag-sitio-web","tag-tipografia-2","comision-aku-nika","eje-experiencia-lectura-uso"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1356","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\/72"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comments?post=1356"}],"version-history":[{"count":23,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1356\/revisions"}],"predecessor-version":[{"id":2429,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1356\/revisions\/2429"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media\/1380"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media?parent=1356"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/categories?post=1356"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/tags?post=1356"},{"taxonomy":"comision","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comision?post=1356"},{"taxonomy":"eje","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/eje?post=1356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}