{"id":1851,"date":"2023-08-25T18:56:58","date_gmt":"2023-08-25T21:56:58","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/?p=1851"},"modified":"2023-08-25T18:56:59","modified_gmt":"2023-08-25T21:56:59","slug":"de-disenador-a-disenador","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/de-disenador-a-disenador\/","title":{"rendered":"De Dise\u00f1ador a Dise\u00f1ador"},"content":{"rendered":"\n

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

La interfaz que analizamos es la p\u00e1gina web TOOOLS.design, que fue creada para usuarios dise\u00f1adores en busca de herramientas que le faciliten el trabajo, actualiz\u00e1ndose cada semana con la adici\u00f3n de cinco nuevos recursos. La audiencia abarca todo tipo de profesionales del rubro, los cuales pueden sugerir herramientas para ser publicadas en el sitio. <\/p>\n\n\n\n

Observamos una p\u00e1gina intuitiva, f\u00e1cil de navegar, no tiene mucha densidad de informaci\u00f3n, o m\u00e1s bien, tiene la justa y necesaria para cumplir el prop\u00f3sito de la p\u00e1gina. Observamos dos familias tipogr\u00e1ficas distintas: Source Sans Pro (la m\u00e1s predominante) y Paralucent. La interfaz jerarquiza contenidos utilizando recursos como la variaci\u00f3n de tama\u00f1os y variables tipogr\u00e1ficas entre t\u00edtulos y ep\u00edgrafes (los primeros aparecen en mayor tama\u00f1o y variable Bold, y los segundos en menor tama\u00f1o y variable Regular), haciendo que la tipograf\u00eda contribuya a su \u00e9xito al utilizarse fuentes sans serif que dan cuenta de un estilo visual mas simplista o minimalista, y dejando espacios en blanco que ayudan a no distraer a la persona usuaria de otra cosa que no sea buscar su herramienta adecuada. Tambi\u00e9n se le aporta jerarqu\u00eda sum\u00e1ndole una t\u00e9cnica de interacci\u00f3n visual que reduce la opacidad del elemento que est\u00e1 sobre el cursor para facilitar su distinci\u00f3n, aunque este recurso s\u00f3lo est\u00e1 habilitado en formato para computadora ya que la navegaci\u00f3n del usuario en un celular es distinta. Se podr\u00eda decir que hay una s\u00edntesis de recursos (tanto en la tipograf\u00eda como los elementos que la rodean) que acompa\u00f1a a una comunicaci\u00f3n inmediata y funcional al prop\u00f3sito de la interfaz, sin m\u00e1s rodeos. La tipograf\u00eda, adem\u00e1s de su rol est\u00e9tico, tambi\u00e9n cumple la funci\u00f3n de exponer, explicar y dar orden a los elementos del campo.<\/p>\n\n\n\n

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

La interfaz cuenta con un dise\u00f1o est\u00e1tico, adaptable al dispositivo en el que se lo consume, y eso hace que var\u00ede la forma en la que los elementos se muestran, aunque en ambas se puede observar una grilla ortogonal que organiza todos los contenidos de manera clara e intuitiva: el t\u00edtulo introductorio y un ep\u00edgrafe, luego las secciones para orientarse dependiendo de lo que se busque (si se quiere inspiraci\u00f3n, ilustraciones, mockups, libros, etc.), y luego se muestra cada secci\u00f3n por separado tambi\u00e9n. Posee recursos hipertextuales ya que, al hacer clic en alg\u00fan bot\u00f3n, aparecen nuevos v\u00ednculos o textos que no son visibles sin acceder a ellos. Adem\u00e1s, estos recursos tienen una relaci\u00f3n directa con la tipograf\u00eda ya que esta informa previamente de lo que se trata cada elemento antes de acceder a \u00e9l.<\/p>\n\n\n\n

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

Adem\u00e1s de la tipograf\u00eda, la interfaz utiliza otros elementos gr\u00e1ficos como los logos de los recursos que publica, \u00edconos ilustrativos vectorizados que se ubican con los botones de las secciones, o un cuadro ilustrativo que resume gr\u00e1ficamente la utilidad de la interfaz. Tambi\u00e9n tiene gradientes en el fondo, que no deja de ser una caracter\u00edstica muy sutil que no distrae del objetivo principal: encontrar la herramienta necesaria. Esto tambi\u00e9n funciona al usar la tipograf\u00eda en color negro (o gris oscuro para los peque\u00f1os p\u00e1rrafos), generando contraste y resalt\u00e1ndola.<\/p>\n\n\n\n

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

La interfaz que analizamos es la p\u00e1gina web TOOOLS.design, que fue creada para usuarios dise\u00f1adores en busca de herramientas que le faciliten el trabajo, actualiz\u00e1ndose cada semana con la adici\u00f3n de cinco nuevos recursos. La audiencia abarca todo tipo de profesionales del rubro, los cuales pueden sugerir herramientas para ser publicadas en el sitio.  Observamos […]<\/p>\n","protected":false},"author":99,"featured_media":1922,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"comision":[15],"eje":[3],"class_list":["post-1851","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categoria","comision-chino-cami","eje-experiencia-lectura-uso"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1851","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\/99"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comments?post=1851"}],"version-history":[{"count":4,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1851\/revisions"}],"predecessor-version":[{"id":2184,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1851\/revisions\/2184"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media\/1922"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media?parent=1851"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/categories?post=1851"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/tags?post=1851"},{"taxonomy":"comision","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comision?post=1851"},{"taxonomy":"eje","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/eje?post=1851"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}