{"id":1027,"date":"2023-08-25T18:50:05","date_gmt":"2023-08-25T21:50:05","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/?p=1027"},"modified":"2023-08-25T18:50:05","modified_gmt":"2023-08-25T21:50:05","slug":"saturacion-mata-diseno","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/saturacion-mata-diseno\/","title":{"rendered":"\u00bfSaturaci\u00f3n mata dise\u00f1o?"},"content":{"rendered":"\n

Uno pensar\u00eda que en una web ecommerce creada para la venta de un producto novedoso, su imagen ser\u00eda protagonista, sin embargo, este es un caso particular. La tipograf\u00eda es quien se la roba.<\/strong><\/p>\n\n\n\n

La pieza analizada forma parte de una web pensada para vender un producto no convencional. Una masa para cookies que se presenta de una manera llamativa, con elementos y recursos gr\u00e1ficos que generan impacto. Desde un uso crom\u00e1tico con colores intensos y vibrantes, la exacerbaci\u00f3n de los recursos, hasta un empleo de la tipograf\u00eda de una forma m\u00e1s conceptual y no meramente formal.<\/strong><\/p>\n\n\n

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

Dentro de la composici\u00f3n tipogr\u00e1fica se plantean tres claros niveles de lectura. Para los t\u00edtulos se emplea la GT Maru Mega<\/strong>, una fuente de caracteres redondeados y gruesos, que generan espacios internos angostos en sus encuentros, haciendo de esto una contraforma cerrada. \u00c9sta es combinada con la tipograf\u00eda Recoleta<\/strong>, una familia serif que se muestra con una variable bold que contrasta en cuanto a pesos visuales. Para las descripciones se usa la Pangram<\/strong>, de caracter\u00edsticas geom\u00e9tricas, que aportan un poco de calma entre tantas curvas que plantean las otras familias tipogr\u00e1ficas tan complejas. D\u00e1ndole un peso visual un poco menor que ayuda a equilibrar la composici\u00f3n adem\u00e1s de darle un car\u00e1cter m\u00e1s de lectura, pero sin perder la identidad buscada.<\/p>\n\n\n\n

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

Creemos que la selecci\u00f3n y combinaci\u00f3n tipogr\u00e1fica no es ingenua<\/strong> ya que vemos reflejada en ellas el esp\u00edritu contempor\u00e1neo que se quiere transmitir. \u00c9sta est\u00e1 establecida por la intenci\u00f3n de cautivar a un p\u00fablico joven que se vea identificado tanto con el producto en s\u00ed, como en el dinamismo y modernidad que se refleja en los recursos.  Incluso, se puede observar que la tipograf\u00eda Maru, principalmente establece una relaci\u00f3n morfol\u00f3gica con el producto<\/strong> que se est\u00e1 vendiendo (esponjoso, blando, mullido), lo cual es reflejado en las caracter\u00edsticas formales de la tipograf\u00eda. Pudiendo ver que las decisiones tipogr\u00e1ficas no son meramente est\u00e9ticas sino que establecen una relaci\u00f3n con el concepto de la marca y su producto.<\/p>\n\n\n\n

La influencia psicod\u00e9lica perdura en el tiempo<\/strong><\/p>\n\n\n\n

Los recursos visuales se sistematizan a lo largo de toda la web, compartiendo la relaci\u00f3n de grandeza y explosi\u00f3n de colores. Todo est\u00e1 lleno.<\/strong> Si no desborda de elementos, el espacio est\u00e1 ocupado por el uso del color vibrante o la gran escala de las im\u00e1genes.  Esto podr\u00eda tomarse como un gui\u00f1o a las piezas gr\u00e1ficas psicod\u00e9licas. Las tramas org\u00e1nicas<\/strong> y un estilo que cita la idea del espacio, como lo sol\u00eda hacer el movimiento psicod\u00e9lico. Incluso se puede ver que el uso tipogr\u00e1fico refuerza la idea de movimiento que plantean las im\u00e1genes dentro de la web, jugando al borde de la legibilidad<\/strong> como se plantea en ese movimiento dado en los 60.<\/p>\n\n\n\n

\n

\u201cUna lectura lenta  donde el texto toma un gran protagonismo generando movimiento y contraformas particulares, y en el algunos casos llegan a formar parte de la imagen. El texto es casi ininteligible por lo que se necesita contemplar un largo rato el dise\u00f1o para entenderlo\u201d. <\/p>\nMilagros Capalbo- La psicodelia y su revoluci\u00f3n est\u00e9tica” Catedra Cosgaya<\/cite><\/blockquote>\n\n\n\n

 Si bien es una afirmaci\u00f3n que hace alusi\u00f3n a la psicodelia podemos hacer una analog\u00eda con la pieza elegida, pudiendo a trav\u00e9s de la utilizaci\u00f3n de estos recursos, llegar al resultado esperado de generar impacto y un gran llamado de atenci\u00f3n.<\/strong><\/p>\n\n\n

\n
\"\"
Psicodelia, San Francisco 1967. James Gardner<\/figcaption><\/figure>\n<\/div>\n\n\n
\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/div><\/div>\n\n\n\n

Para dar cierre…<\/strong><\/p>\n\n\n\n

La composici\u00f3n tipogr\u00e1fica de la pieza y los recursos visuales empleados remiten a un perfil identitario, no elegidos al azar, que a trav\u00e9s de los mismos marcan ciertos valores que quiere promulgar la marca<\/strong> (dinamismo, juventud, modernidad, movimiento) transmitiendo esta  determinada intenci\u00f3n de manera visual. De esta forma, para dirigir el discurso hacia quien quieren llamar la atenci\u00f3n, el mensaje se refuerza y se potencia a trav\u00e9s del uso tipogr\u00e1fico.<\/p>\n\n\n\n\n\n\n\n

Fuentes<\/strong><\/p>\n\n\n\n

https:\/\/www.grillitype.com\/typeface\/gt-maru<\/a><\/p>\n\n\n\n

https:\/\/bid20.bid-dimad.org\/proyecto\/recoleta\/#:~:text=Fundada%20en%20Chile%20en%20el,que%20expresa%20su%20identidad%20latinoamericana.<\/a><\/p>\n\n\n\n

https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2016\/la-psicodelia-y-su-revolucion-estetica\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Uno pensar\u00eda que en una web ecommerce creada para la venta de un producto novedoso, su imagen ser\u00eda protagonista, sin embargo, este es un caso particular. La tipograf\u00eda es quien se la roba. La pieza analizada forma parte de una web pensada para vender un producto no convencional. Una masa para cookies que se presenta […]<\/p>\n","protected":false},"author":12,"featured_media":2083,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[96,33,17,95,106,20,26,37],"comision":[14],"eje":[5],"class_list":["post-1027","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categoria","tag-combinacion","tag-experienciadeuso","tag-interfaz","tag-psicodelia","tag-saturacion","tag-tipografia","tag-ux-ui","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\/1027","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\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comments?post=1027"}],"version-history":[{"count":29,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1027\/revisions"}],"predecessor-version":[{"id":2138,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1027\/revisions\/2138"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media\/2083"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media?parent=1027"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/categories?post=1027"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/tags?post=1027"},{"taxonomy":"comision","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comision?post=1027"},{"taxonomy":"eje","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/eje?post=1027"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}