{"id":361,"date":"2023-08-25T18:41:21","date_gmt":"2023-08-25T21:41:21","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/?p=361"},"modified":"2023-08-25T19:07:54","modified_gmt":"2023-08-25T22:07:54","slug":"brutalismo-web","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/brutalismo-web\/","title":{"rendered":"Brutalismo web"},"content":{"rendered":"\n

Para desarrollar nuestro an\u00e1lisis elegimos la p\u00e1gina web del estudio estadounidense  Raw Materials. La misma cumple la funci\u00f3n de portfolio, p\u00e1gina de presentaci\u00f3n y de contacto para el estudio. Creada este mismo a\u00f1o (2023), la interfaz es en s\u00ed misma un ejemplo de c\u00f3mo conciben sus proyectos: se mantienen a la vanguardia en cuanto a est\u00e9tica y experiencia de usuario. Est\u00e1 dirigida a marcas que precisan de productos digitales creativos, esta es su especialidad dentro de la industria.<\/p>\n\n\n\n

Podemos enmarcar la est\u00e9tica propuesta dentro de la corriente del dise\u00f1o web brutalista, que es un estilo altamente responsive<\/em>. Usualmente este tipo de interfaces usan tipograf\u00edas sans serif, con gran contraste de escala y con una \u201cfuncionalidad en bruto\u201d. El or\u00edgen de esta est\u00e9tica surge en respuesta al dise\u00f1o web minimalista que domin\u00f3 durante muchos a\u00f1os las tendencias del dise\u00f1o web.<\/p>\n\n\n\n

La interfaz es mayormente tipogr\u00e1fica con miscel\u00e1neas divisorias de secciones. La estructura est\u00e1 generada mayormente por solapas que se dibujan mediante miscel\u00e1neas. Los textos tienen varios niveles de lectura utilizando el contraste de escalas. Est\u00e1n compuestos en una sola variable de la familia Stabil Grotesk, una tipograf\u00eda sans serif de lectura, que igualmente funciona bien como tipograf\u00eda de display. La elecci\u00f3n tipogr\u00e1fica de una sans muy noble y con detalles y terminaciones modernas va de la mano con la imagen eficaz, vanguardista y profesional que quieren transmitir.<\/p>\n\n\n\n

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

Siendo que trabajan para empresas de tecnolog\u00eda, buscan explotar en su interfaz los recursos tecnol\u00f3gicos disponibles actualmente: hay animaciones tanto 2d como 3d a lo largo del recorrido que hacen la experiencia m\u00e1s multisensorial, recursos hipertextuales, aunque pocos, ya que la web aloja gran parte de la informaci\u00f3n. Utiliza el lenguaje Javascript y saca elementos de una librer\u00eda para poder renderizar los modelos 3D, entre otras cosas.<\/p>\n\n\n\n

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

El usuario puede decidir si lee el contenido scrolleando de forma lineal o de forma alternada seg\u00fan clickea las solapas. Se busca que el usuario scrollee<\/em>, expanda solapas y swipee<\/em>. Estos mecanismo permiten acceder a la informaci\u00f3n de forma continua y completa, sin la necesidad de tener que estar cargando p\u00e1ginas nuevas ni accediendo constantemente a hiperv\u00ednculos ni pesta\u00f1as. Tanto la solapa como el scrolleo son formas de navegar interfaces que se han desarrollado hist\u00f3ricamente en el dise\u00f1o de usabilidad web. <\/p>\n\n\n\n

La p\u00e1gina web est\u00e1 creada en un entorno digital contempor\u00e1neo en un momento donde cada vez m\u00e1s la marcas necesitan productos digitales de alto desempe\u00f1o y el dise\u00f1o web est\u00e1 en auge gracias a los avances tecnol\u00f3gicos. En este contexto, Raw Materials busca posicionarse con una identidad propia y una postura con respecto a c\u00f3mo debe ser el dise\u00f1o de los entornos digitales. Esta lectura nos permite entender el por qu\u00e9 del conjunto de decisiones tomadas a la hora de dise\u00f1ar la interfaz.<\/p>\n","protected":false},"excerpt":{"rendered":"

Para desarrollar nuestro an\u00e1lisis elegimos la p\u00e1gina web del estudio estadounidense  Raw Materials. La misma cumple la funci\u00f3n de portfolio, p\u00e1gina de presentaci\u00f3n y de contacto para el estudio. Creada este mismo a\u00f1o (2023), la interfaz es en s\u00ed misma un ejemplo de c\u00f3mo conciben sus proyectos: se mantienen a la vanguardia en cuanto a […]<\/p>\n","protected":false},"author":16,"featured_media":2236,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"comision":[12],"eje":[2],"class_list":["post-361","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categoria","comision-juan-juli","eje-contexto-visual-y-tecnologico"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/361","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\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comments?post=361"}],"version-history":[{"count":6,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/361\/revisions"}],"predecessor-version":[{"id":388,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/361\/revisions\/388"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media\/2236"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media?parent=361"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/categories?post=361"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/tags?post=361"},{"taxonomy":"comision","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comision?post=361"},{"taxonomy":"eje","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/eje?post=361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}