{"id":606,"date":"2023-08-26T01:44:38","date_gmt":"2023-08-26T04:44:38","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/?p=606"},"modified":"2023-08-26T01:47:00","modified_gmt":"2023-08-26T04:47:00","slug":"tan-divertido-que-me-quiero-ir","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/tan-divertido-que-me-quiero-ir\/","title":{"rendered":"Tan divertido&#8230; que me quiero ir"},"content":{"rendered":"\n<p>Studio Job es un estudio de dise\u00f1o que combina t\u00e9cnicas tradicionales y modernas para producir piezas \u00fanicas dirigidas a clientes de alto perfil econ\u00f3mico, galer\u00edas y marcas. Sus obras se caracterizan por ser del estilo <em>Kitsch<\/em>, absurdas e ir\u00f3nicas.<\/p>\n\n\n\n<p>En su interfaz la tipograf\u00eda tiene un rol protagonista en cada una de sus secciones y presenta diversas familias. Un primer grupo <strong>organiza y jerarquiza<\/strong> las m\u00faltiples categor\u00edas de la p\u00e1gina. La familia <strong>Graphik<\/strong>, aplicada en el men\u00fa, facilita la experiencia de navegaci\u00f3n por su ubicaci\u00f3n constante en la interfaz. As\u00ed mismo, se utiliza en situaciones de lectura inmersiva como explicaciones de proyectos o informaci\u00f3n sobre el estudio, siendo esta la \u00fanica instancia donde se utilizan las variables de esta familia. <\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\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-full\"><img loading=\"lazy\" decoding=\"async\" width=\"521\" height=\"355\" data-id=\"2701\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-25-231909-2.png\" alt=\"\" class=\"wp-image-2701\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-25-231909-2.png 521w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-25-231909-2-300x204.png 300w\" sizes=\"auto, (max-width: 521px) 100vw, 521px\" \/><figcaption class=\"wp-element-caption\">Tipograf\u00eda Graphik aplicada al men\u00fa<\/figcaption><\/figure>\n<\/figure>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"455\" height=\"385\" data-id=\"2700\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-25-232030-3.png\" alt=\"\" class=\"wp-image-2700\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-25-232030-3.png 455w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-25-232030-3-300x254.png 300w\" sizes=\"auto, (max-width: 455px) 100vw, 455px\" \/><figcaption class=\"wp-element-caption\">Tipograf\u00eda Graphik y sus variables aplicada a texto de corrido<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<p>Otra tipograf\u00eda que tiene esta finalidad es <strong>Bowlby One<\/strong> empleada en la secci\u00f3n <em>News<\/em> para titulares, acompa\u00f1ado de miscel\u00e1neas que gu\u00edan y estructuran la navegaci\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"367\" data-id=\"2624\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/image-38-edited-1.png\" alt=\"\" class=\"wp-image-2624\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/image-38-edited-1.png 480w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/image-38-edited-1-300x229.png 300w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><figcaption class=\"wp-element-caption\">Tipograf\u00eda Bowlby One aplicada a titular<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<p>Un segundo grupo emplea <strong>tipograf\u00edas display<\/strong>, funcionan como <strong>im\u00e1gen o como indicadores de interacci\u00f3n<\/strong>. Estas familias dan identidad a la interfaz en conjunto con miscel\u00e1neas, texturas o iconograf\u00eda que contribuyen al rol ret\u00f3rico y conceptual de la interfaz. Tienen diversos lenguajes como fotograf\u00eda, ilustraci\u00f3n y collage. Estos elementos y la tipograf\u00eda display se relacionan por la multitud de morfolog\u00edas, tipolog\u00edas y paletas. A\u00fan as\u00ed la tipograf\u00eda est\u00e1 por encima de estos recursos lo que jerarquiza y organiza los contenidos. <\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"740\" height=\"156\" data-id=\"2747\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/manitos-4.jpg\" alt=\"\" class=\"wp-image-2747\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/manitos-4.jpg 740w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/manitos-4-300x63.jpg 300w\" sizes=\"auto, (max-width: 740px) 100vw, 740px\" \/><figcaption class=\"wp-element-caption\">Iconograf\u00eda <\/figcaption><\/figure>\n<\/figure>\n\n\n\n<p>Se observa una paleta policrom\u00e1tica que, junto a los recursos, hacen que la <strong>densidad de informaci\u00f3n sea muy alta<\/strong>. Sin embargo, en instancias de venta o de lectura inmersiva se facilita al usuario la accesibilidad y localizaci\u00f3n empleando fondos predominantemente blancos. El uso de miscel\u00e1neas es constante y organizativo en relaci\u00f3n con la densidad de informaci\u00f3n que presenta la interfaz. Se emplean <strong>l\u00edneas negras<\/strong> para delimitar publicaciones y \u00e1reas de interacci\u00f3n. Por otro lado, hay <strong>tipograf\u00eda e iconograf\u00eda interactiva<\/strong> que busca interpelar al usuario por medio de formatos audiovisuales y otras que te permiten acceder a secciones de contenido. Estas contrastan con elementos pr\u00f3ximos por medio del color, diferentes fuentes y pesos.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" controls poster=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-25-224842.png\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Diseno-sin-titulo-1.mp4\"><\/video><\/figure>\n\n\n\n<p>Estos componentes y comportamientos est\u00e1n relacionados con la industria y su contexto hist\u00f3rico. Emplea diversas fuentes de <strong>car\u00e1cter l\u00fadico<\/strong> y recursos gr\u00e1ficos con cierto grado de <strong>arbitrariedad<\/strong>. La est\u00e9tica bizarra que tienen sus productos es <strong>presentada como experiencia<\/strong> en su interfaz. Esta se percibe al ingresar desde una computadora, donde el nivel de informaci\u00f3n visual e interactivo es abrumador y genera cierto rechazo. M\u00e1s all\u00e1 de que mantenga paridades en cuanto a recursos gr\u00e1ficos, audiovisuales y organizaci\u00f3n de la informaci\u00f3n, la <strong>baja adaptabilidad<\/strong> hace que se pierda esta experiencia al utilizarse desde otros dispositivos. Si bien responde de modo aceptable y adapta sus fuentes y recursos, al rotar un celular o cambiar la resoluci\u00f3n de una pesta\u00f1a web la p\u00e1gina llega a un <em>breakpoint<\/em> en el que ya no permite su adaptabilidad. Adem\u00e1s en celulares hemos encontrado dificultad para visualizar todo el contenido y la experiencia que propone a nivel web, as\u00ed como la fluidez de las animaciones.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-5 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"989\" height=\"824\" data-id=\"2744\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/image-47.png\" alt=\"\" class=\"wp-image-2744\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/image-47.png 989w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/image-47-300x250.png 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/image-47-768x640.png 768w\" sizes=\"auto, (max-width: 989px) 100vw, 989px\" \/><figcaption class=\"wp-element-caption\">Pantalla que indica el l\u00edmite de adaptabilidad de la interfaz<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<p>A pesar de estos detalles, la interfaz est\u00e1 bien dise\u00f1ada y tiene una identidad que sobresale por su originalidad y potencia visual.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Studio Job es un estudio de dise\u00f1o que combina t\u00e9cnicas tradicionales y modernas para producir piezas \u00fanicas dirigidas a clientes de alto perfil econ\u00f3mico, galer\u00edas y marcas. Sus obras se caracterizan por ser del estilo Kitsch, absurdas e ir\u00f3nicas. En su interfaz la tipograf\u00eda tiene un rol protagonista en cada una de sus secciones y [&hellip;]<\/p>\n","protected":false},"author":33,"featured_media":2576,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"[]"},"categories":[1],"tags":[77,49,17,108,107,125,36,37],"comision":[14],"eje":[5],"class_list":["post-606","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categoria","tag-diseno","tag-interaccion","tag-interfaz","tag-kitsch","tag-sistema-y-recursos","tag-studio-job","tag-tipografia-2","tag-web","comision-aku-nika","eje-sistema-y-recursos"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/606","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\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comments?post=606"}],"version-history":[{"count":28,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/606\/revisions"}],"predecessor-version":[{"id":2769,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/606\/revisions\/2769"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media\/2576"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media?parent=606"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/categories?post=606"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/tags?post=606"},{"taxonomy":"comision","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comision?post=606"},{"taxonomy":"eje","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/eje?post=606"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}