{"id":859,"date":"2023-08-24T23:48:16","date_gmt":"2023-08-25T02:48:16","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/?p=859"},"modified":"2023-08-24T23:48:16","modified_gmt":"2023-08-25T02:48:16","slug":"la-construccion-de-una-identidad-a-partir-de-la-tipografia","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/la-construccion-de-una-identidad-a-partir-de-la-tipografia\/","title":{"rendered":"La construcci\u00f3n de una identidad a partir de la tipograf\u00eda"},"content":{"rendered":"\n

El sitio web del estudio de arquitectura ARC, tiene un dise\u00f1o moderno con tipograf\u00edas que acompa\u00f1an la identidad, elegante, con dise\u00f1os para compa\u00f1\u00edas, y residencias manteniendo frialdad con colores neutros y solo algunos destacados. La web refleja esto, con colores desaturados, miscel\u00e1neas finas y geom\u00e9tricas y familias de la fundidora Panagram Panagram que acompa\u00f1a la identidad.<\/p>\n\n\n\n

Focalizando en la experiencia de<\/strong> lectura y el uso <\/strong>de la interfaz, es posible se\u00f1alar que hay dos formas de navegaci\u00f3n: Una es scrolleando. Primero, vemos un ejemplo de su trabajo, junto con una tipograf\u00eda animada que alterna entre distintos t\u00e9rminos relevantes. Esto le muestra al usuario sus valores y modernidad, al no estar est\u00e1tico y el mismo efecto est\u00e1 en las transiciones. Debajo, vemos im\u00e1genes de sus proyectos. Apoy\u00e1ndose en cada foto, se puede ver el nombre del cliente y este es un hipertexto que lleva a m\u00e1s informaci\u00f3n. Adem\u00e1s, el dinamismo es \u00fatil para no sobrecargar la web y permitir a los clientes ver cada foto claramente y luego ahondar en las propuestas. Entre las fotos se ve un listado de datos, respaldando al estudio. El final del sitio consiste en un mensaje para el cliente, enfatizado su importancia por su gran tama\u00f1o.<\/p>\n\n\n\n

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

En estos ejemplos vemos c\u00f3mo la tipograf\u00eda, a trav\u00e9s de su tama\u00f1o, aparici\u00f3n o dinamismo, gu\u00eda al usuario marcando niveles de lectura.<\/p>\n\n\n\n

La segunda forma de navegaci\u00f3n es con el men\u00fa, que dirige a cada secci\u00f3n v\u00eda hipertextos. La tipograf\u00eda cambia de color al apoyarse para que sea claro que te dirigir\u00e1 a otra parte. As\u00ed, se consolida que la p\u00e1gina es un todo, recorrible linealmente pero cada secci\u00f3n de ella funciona individualmente.<\/p>\n\n\n\n

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

Podemos destacar que a\u00fan con poca diversidad de elementos, y usados de maneras muy similares, logra un recorrido estructurado e instintivo y distintas jerarqu\u00edas. Una de las tipograf\u00edas solo se usa en destacados y la otra, en cuerpos chicos; las im\u00e1genes ejemplifican sus trabajos, en cuadros sin marco, y, excepto la primera, son del mismo tama\u00f1o; las miscel\u00e1neas se usan pocas veces.<\/p>\n\n\n\n

Adem\u00e1s de la forma de utilizar la tipograf\u00eda, las fuentes elegidas son quienes terminan de definir el car\u00e1cter del estudio y sitio web. La fuente utilizada para textos, la PP Object Sans es sans serif, redondeada, geom\u00e9trica y simple. Tiene formas subyacentes circulares, curvas continuas y trazos regulares. Es perfecta para complementar con la PP Right Sans, usada para display. Esta tiene trazos graduales con un gran contraste entre finos y gruesos, -siendo los finos muy similares al trazo de la de texto que la acompa\u00f1a-, formas subyacentes cuadradas y curvas quebradas. Ambas tienen un estilo moderno que le dan una apariencia pulida pero fresca.<\/p>\n\n\n\n

Al cambiar la pagina al ruso, se suma un men\u00fa que se recorre horizontalmente, irrumpiendo con su simplicidad y fluidez, y al cliquear sus \u00edtems, nos lleva a textos de lectura inmersiva que no est\u00e1n en la original. La tipograf\u00eda est\u00e1 bien lograda para los signos en ruso que mantienen el mismo estilo e identidad que los latinos.<\/p>\n\n\n\n

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

En mobile el sitio pierde dinamismo. La animaci\u00f3n de la tipograf\u00eda no est\u00e1 y es reemplazada por el nombre del estudio no animado, y, por c\u00f3mo se cortan los signos, \u201cARC\u201d parece decir \u201cABC\u201d. Las im\u00e1genes tienen movimiento pero, con una palabra corta, los tama\u00f1os quedan desproporcionados. Luego, se ven las fotos opacas con el nombre del cliente ya encima, al no tener mouse. Al ser un soporte vertical, los proyectos est\u00e1n intercalados por listados y texto, lo cu\u00e1l es confuso e
interrumpe el recorrido. Entonces, creemos que, aunque sigue teniendo una navegaci\u00f3n f\u00e1cil y cumple su funci\u00f3n, es menos fluido y pierde impacto.<\/p>\n\n\n\n

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

El sitio web del estudio de arquitectura ARC, tiene un dise\u00f1o moderno con tipograf\u00edas que acompa\u00f1an la identidad, elegante, con dise\u00f1os para compa\u00f1\u00edas, y residencias manteniendo frialdad con colores neutros y solo algunos destacados. La web refleja esto, con colores desaturados, miscel\u00e1neas finas y geom\u00e9tricas y familias de la fundidora Panagram Panagram que acompa\u00f1a la […]<\/p>\n","protected":false},"author":48,"featured_media":883,"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-859","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\/859","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\/48"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comments?post=859"}],"version-history":[{"count":9,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/859\/revisions"}],"predecessor-version":[{"id":928,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/859\/revisions\/928"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media\/883"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media?parent=859"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/categories?post=859"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/tags?post=859"},{"taxonomy":"comision","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comision?post=859"},{"taxonomy":"eje","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/eje?post=859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}