{"id":445,"date":"2023-08-24T14:35:30","date_gmt":"2023-08-24T17:35:30","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/?p=445"},"modified":"2023-08-24T14:35:30","modified_gmt":"2023-08-24T17:35:30","slug":"diseno-anti-diseno","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/diseno-anti-diseno\/","title":{"rendered":"Dise\u00f1o Anti-Dise\u00f1o"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

Daniel Spatzek<\/strong> es un dise\u00f1ador gr\u00e1fico austr\u00edaco especializado en dise\u00f1o y desarrollo web. Dise\u00f1\u00f3 esta landing portfolio como una declaraci\u00f3n personal y su abordaje fue principalmente art\u00edstico. La ruptura de los conceptos tradicionales y normativos del dise\u00f1o es el concepto rector del proyecto.

Una de las caracter\u00edsticas a simple vista es las relaciones que genera entre el uso de la tipograf\u00eda y la imagen. Crea situaciones en las que estas se funden y complementan. En la portada de la landing, elije una im\u00e1gen de fondo con muchas micro situaciones que hacen que la tipograf\u00eda no sea visible f\u00e1cilmente, pero al mismo tiempo ubica estrat\u00e9gicamente aquellos datos que el quiere que se lean, como lo es su nombre y su especialidad. La elecci\u00f3n tipogr\u00e1fica que realiza es estrat\u00e9gica para no competir con el resto de los elementos que se ven en pantalla, as\u00ed la Suisse Int\u2019l, una sans serif grotesca es una elecci\u00f3n segura y cl\u00e1sica que le permite brindar informaci\u00f3n clara, pero sin quitarle protagonismo a la imagen. Asi es como crea una situaci\u00f3n ir\u00f3nica de tipograf\u00eda como imagen con un texto con los \u201cmandamientos\u201d del dise\u00f1o, que luego el no cumple.<\/p>\n\n\n\n

Daniel propone una landing en la que cada secci\u00f3n tiene sus caracter\u00edsticas y reglas propias, pero que todas juntas crean una pieza coherente (dentro de la disrupci\u00f3n que el plantea), y fluida.
En la segunda pantalla la tipograf\u00eda es la protagonista, ya que muestra los proyectos m\u00e1s importantes en los que trabaj\u00f3. Para generar interacci\u00f3n propone un hoover que cambia la fuente sans Suisse Int\u2019l por la Sang Bleu OG Serif, ambas mantienen una estructura de base muy similar, que permite la adaptabilidad web sin que cambien los tama\u00f1os. Al clickear en cada proyecto se desliza una media pesta\u00f1a que muestra un preview de cada proyecto.<\/p>\n\n\n\n

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

En la secci\u00f3n \u201cMy process\u201d, el dise\u00f1ador brinda informaci\u00f3n sobre los diferentes estadios que atraviesa al abordar un proyecto. Spatzek introduce nuevamente reglas distintas que en las secciones anteriores: otro uso de la grilla, diferente color de fondo y textura, navegaci\u00f3n horizontal. En cuanto a lo tipogr\u00e1fico, tambi\u00e9n propone nuevas situaciones: junto al titular aparece un bloque de texto justificado con grandes r\u00edos, en los p\u00e1rrafos de texto de cada etapa del proceso se utiliza sangr\u00eda, ambas decisiones sin justificaci\u00f3n funcional. Otra caracter\u00edstica peculiar de esta secci\u00f3n es que la alineaci\u00f3n de cada etapa est\u00e1 dada por la \u00faltima l\u00ednea de cada p\u00e1rrafo, y no por el titular, que tiene mayor peso, lo cual ser\u00eda una decisi\u00f3n m\u00e1s predecible.<\/p>\n\n\n\n

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

La tipograf\u00eda como imagen vuelve a aparecen como protagonista sobre un fondo negro y en may\u00fascula de manera ciertamente brutalista, rompiendo todo el ruido y eclecticismo que propone el resto de la web. Esta frase conocida, convive con una banana flotante de manera aleatoria la cual no tiene raz\u00f3n de ser, m\u00e1s que la de agregar un elemento 3D en tendencia a la landing.<\/p>\n\n\n\n

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

Consideramos que la principal caracter\u00edstica de la interfaz es la variedad de recursos utilizados, tanto tipogr\u00e1ficos como de imagen, lo que le otorga una identidad sumamente ecl\u00e9ctica. Cada secci\u00f3n de la web parece constituir un universo con reglas diferentes del anterior: mientras que en una secci\u00f3n el bloque de texto est\u00e1 en min\u00fascula y marginado a la derecha, en otra puede estar en may\u00fascula y justificado, sin una decisi\u00f3n funcional que lo sustente. Rompe las convenciones, demostrando que el antidise\u00f1o puede ser y es posible.<\/p>\n","protected":false},"excerpt":{"rendered":"

Daniel Spatzek es un dise\u00f1ador gr\u00e1fico austr\u00edaco especializado en dise\u00f1o y desarrollo web. Dise\u00f1\u00f3 esta landing portfolio como una declaraci\u00f3n personal y su abordaje fue principalmente art\u00edstico. La ruptura de los conceptos tradicionales y normativos del dise\u00f1o es el concepto rector del proyecto. Una de las caracter\u00edsticas a simple vista es las relaciones que genera […]<\/p>\n","protected":false},"author":22,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"comision":[13],"eje":[5],"class_list":["post-445","post","type-post","status-publish","format-standard","hentry","category-sin-categoria","comision-pato-majo","eje-sistema-y-recursos"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/445","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\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comments?post=445"}],"version-history":[{"count":19,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/445\/revisions"}],"predecessor-version":[{"id":607,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/445\/revisions\/607"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media?parent=445"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/categories?post=445"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/tags?post=445"},{"taxonomy":"comision","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comision?post=445"},{"taxonomy":"eje","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/eje?post=445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}