{"id":1272,"date":"2023-08-25T15:13:47","date_gmt":"2023-08-25T18:13:47","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/?p=1272"},"modified":"2023-08-25T15:13:48","modified_gmt":"2023-08-25T18:13:48","slug":"nostalgia-cibernetica-diseno-web-que-cruza-decadas","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/nostalgia-cibernetica-diseno-web-que-cruza-decadas\/","title":{"rendered":"Nostalgia Cibern\u00e9tica: Dise\u00f1o Web que Cruza D\u00e9cadas"},"content":{"rendered":"\n

“Hay un frenes\u00ed por lo ya vivido, por la nostalgia, que no para de impulsar el consumo vintage y retro en todos los \u00e1mbitos. (\u2026) Los innovadores y digitalizados millennials han optado por recuperar los productos de sus predecesores, lo que ha convertido el consumo vintage y retro en un punto de encuentro intergeneracional. <\/em>“<\/p>\n\n\n\n

(Mayte Rius, 2017, La Vanguardia)<\/p>\n\n\n\n

El pasado es el nuevo presente. \u00daltimamente hemos experimentado un resurgimiento de modas y tendencias de \u00e9pocas pasadas, sobre todo de las d\u00e9cadas de los \u201880, \u201890 y 2000, y el \u00e1mbito del dise\u00f1o no es excepci\u00f3n.<\/p>\n\n\n\n

Esta interfaz es una p\u00e1gina web interactiva, que fue desarrollada para mostrar los conocimientos de su autor y ofrecer sus servicios como ingeniero en software.  A pesar de que esta p\u00e1gina surge en un contexto actual, emula al pasado, buscando generar cierta paradoja que remite a la est\u00e9tica de las primeras p\u00e1ginas web. Se combina un dise\u00f1o web simple encapsulado en un render 3D con interacciones complejas. <\/p>\n\n\n\n

Cuando abrimos la web lo primero que encontramos es una p\u00e1gina de carga, con lenguaje de programaci\u00f3n. Luego, nos lleva a un cuadro de di\u00e1logo que dice \u201c(…) click start to begin”. La tipograf\u00eda usada en esta secci\u00f3n es Consolas, una monoespaciada, que si bien no estaba disponible en los 90, responde a la est\u00e9tica y es usada por programadores actualmente. A partir de ah\u00ed somos transportados a una realidad 3D con un ordenador de los 90. Una vez que uno se centra en el monitor de la computadora, nos recibe la p\u00e1gina de Hefferman que podemos explorar libremente.<\/p>\n\n\n\n

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

La web se toma licencias para que, sin perder la est\u00e9tica, se pueda navegar sin dificultades. La estructura de la p\u00e1gina es lineal. El men\u00fa de navegaci\u00f3n, ubicado en el lateral izquierdo, utiliza may\u00fasculas para destacarse. Los enlaces est\u00e1n subrayados y cambian de color al ser visitados, recordando la simplicidad de la interacci\u00f3n web en sus primeras ediciones.<\/p>\n\n\n\n

Cabe destacar la fuente que se usa para los t\u00edtulos: es una variable serif, en bold, con contraste entre sus finos y gruesos. Sumado a eso se usa en un cuerpo notoriamente mayor que el resto. Le otorga a la web una identidad propia, que no solo recae en la est\u00e9tica de los software de los 90.<\/p>\n\n\n\n

El cuerpo del texto se compone en una tipograf\u00eda serif (Times New Roman), que al ser una tipograf\u00eda dise\u00f1ada para la impresi\u00f3n de peri\u00f3dicos cuenta con una altura de x alta y descendentes cortas para permitir interl\u00edneas ajustadas . El uso de esta tipograf\u00eda est\u00e1 basado en un criterio conceptual y estil\u00edstico. Esta fuente era muy usada en aquellos tiempos ya que era una de las pocas disponibles en los primeros softwares.<\/p>\n\n\n\n

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

A pesar de que la tipograf\u00eda se alinea de una forma veros\u00edmil con las tendencias de dise\u00f1o de los a\u00f1os \u00b490, es clave c\u00f3mo se rompe este estereotipo gr\u00e1fico-tecnol\u00f3gico. Al combinarlo con un espacio 3d, permite explorar el entorno por fuera de la computadora, potenciando el contraste entre tecnolog\u00edas.<\/p>\n\n\n\n

Al tratar de lograr que la experiencia sea lo m\u00e1s realista posible, la vista no es el \u00fanico sentido interpelado. El programador de la p\u00e1gina genera en la pantalla un efecto de interferencia visual (noise<\/em>), al que se le suma el zumbido del ordenador. Adem\u00e1s cuando clickeas una pesta\u00f1a nueva se escucha el sonido ic\u00f3nico del mouse.<\/p>\n\n\n\n

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

En conclusi\u00f3n, esta interfaz fusiona de manera ingeniosa elementos nost\u00e1lgicos de los softwares de los \u201990, con tecnolog\u00edas modernas y t\u00e9cnicas de dise\u00f1o avanzadas. A trav\u00e9s de una selecci\u00f3n tipogr\u00e1fica, la interfaz logra evocar la est\u00e9tica de los primeros sistemas inform\u00e1ticos. La disposici\u00f3n de las fuentes tipogr\u00e1ficas, desde la Serif en t\u00edtulos hasta la Times New Roman para el cuerpo de texto, establece un equilibrio con lo retro, pero termina sacrificando la lectura inmersiva.<\/p>\n\n\n\n

Esta p\u00e1gina logra hacernos reflexionar sobre lo lejos que hemos llegado en el dise\u00f1o de interfaz. Se captura un momento crucial en la historia digital. Funciona casi como una c\u00e1psula del tiempo que contrasta la actualidad con la \u00e9poca cuando la posibilidad en l\u00ednea apenas estaba tomando forma y donde los dise\u00f1adores se aventuraban por primera vez en los l\u00edmites de la tecnolog\u00eda.<\/p>\n","protected":false},"excerpt":{"rendered":"

“Hay un frenes\u00ed por lo ya vivido, por la nostalgia, que no para de impulsar el consumo vintage y retro en todos los \u00e1mbitos. (\u2026) Los innovadores y digitalizados millennials han optado por recuperar los productos de sus predecesores, lo que ha convertido el consumo vintage y retro en un punto de encuentro intergeneracional. “ […]<\/p>\n","protected":false},"author":66,"featured_media":1316,"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-1272","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\/1272","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\/66"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comments?post=1272"}],"version-history":[{"count":6,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1272\/revisions"}],"predecessor-version":[{"id":1350,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1272\/revisions\/1350"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media\/1316"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media?parent=1272"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/categories?post=1272"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/tags?post=1272"},{"taxonomy":"comision","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comision?post=1272"},{"taxonomy":"eje","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/eje?post=1272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}