{"id":1096,"date":"2023-08-25T23:00:00","date_gmt":"2023-08-26T02:00:00","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/?p=1096"},"modified":"2023-08-25T23:06:28","modified_gmt":"2023-08-26T02:06:28","slug":"un-viaje-del-tipo-sensorial","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/un-viaje-del-tipo-sensorial\/","title":{"rendered":"Un viaje del TIPO-sensorial."},"content":{"rendered":"\n<p>En un mundo donde la tecnolog\u00eda avanza a pasos agigantados, es importante observar c\u00f3mo las p\u00e1ginas web pueden convertirse en un lienzo para explorar la convergencia entre el pasado y el presente, la tradici\u00f3n y la modernidad. La p\u00e1gina web de Zajno, es un ejemplo de c\u00f3mo el dise\u00f1o web puede evocar sensaciones de viaje a trav\u00e9s del tiempo y el espacio, todo mientras abraza las \u00faltimas tendencias tecnol\u00f3gicas.&nbsp;<\/p>\n\n\n\n<p>Esta interfaz tiene como objetivo proporcionar informaci\u00f3n detallada sobre el equipo (conocido como &#8220;Crew&#8221;), su portafolio de proyectos, su trayectoria y otros detalles relevantes, como por ejemplo: destacar con son personas j\u00f3venes con grandes ambiciones pero que tambi\u00e9n respetan los momentos en donde la relajaci\u00f3n y la diversi\u00f3n es necesaria para explotar la creatividad. Adem\u00e1s, se presenta como una invitaci\u00f3n abierta para que cualquier persona interesada en su trabajo pueda contactarlos y m\u00e1s importante pueda identificarse con su estilo y forma de ver el mundo.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"768\" style=\"aspect-ratio: 1360 \/ 768;\" width=\"1360\" controls src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/7-years-Google-Chrome-2023-08-24-20-02-47.mp4\"><\/video><\/figure>\n\n\n\n<p>Podemos decir que la p\u00e1gina de Zajno &#8220;7 years of Journey&#8221; es una experiencia visual y sensorial que invita al lector, a scrollear constantemente, y te mantiene atento en toda ocasi\u00f3n. Esta agencia nos envuelve en un viaje sensorial, porque abastece todos nuestros sentidos con m\u00fasica para escuchar, animaciones e informaci\u00f3n para leer y mirar y sensaciones al tocar. <\/p>\n\n\n\n<p>Al ser una agencia digital, el principal objetivo y funci\u00f3n de la interfaz es comunicar un mensaje a trav\u00e9s de lo visual utilizando recursos y lenguajes de programaci\u00f3n espec\u00edficos como el render, JavaScript, animaciones 2d y 3d y algunas interacciones. Estos recursos son una excusa para mostrar su trabajo, y su excelente desempe\u00f1o en estas habilidades gr\u00e1ficas y tecnol\u00f3gicas.<\/p>\n\n\n\n<p>Como sabemos, esta p\u00e1gina no es una interfaz aislada. Si bien podr\u00eda parecerlo al principio, luego descubrimos que esta no es la p\u00e1gina principal de la Agencia en cuesti\u00f3n. Y al compararlas, con la p\u00e1gina oficial que se encuentra en esta direcci\u00f3n<a href=\"https:\/\/zajno.com\/\"> https:\/\/zajno.com\/<\/a>, <\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"768\" style=\"aspect-ratio: 1360 \/ 768;\" width=\"1360\" controls src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Zajno-_-Digital-Design-Studio-Google-Chrome-2023-08-24-19-53-28.mp4\"><\/video><\/figure>\n\n\n\n<p>Podemos decir que ambas mantienen una identidad visual marcada, con un dise\u00f1o minimalista, sin dejar de lado los detalles y las animaciones interactivas. Lo que sucede es que, en la p\u00e1gina principal de Zajno, la comunicaci\u00f3n y la tipograf\u00eda cumple un rol m\u00e1s informativo y posee amplias cajas de texto inmersivo para justamente invitar al lector a conocer m\u00e1s a fondo sus propuestas y la complejidad de la agencia y su trabajo. Est\u00e1 a las claras que la tipograf\u00eda es la protagonista, y los diferentes niveles de lectura se dan al achicar o agrandar el texto.<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"602\" height=\"451\" src=\"https:\/\/lh6.googleusercontent.com\/GahM0wanRXLNWmt8HJwqLt35UOjYoeG5184qymsDJIIljH_u0tztl9WeuSkRqinNDpV3hll1TZKkUgy7CNTAyG0v_SLEDPRR-DPcTzDXFvy1KgLc7wyiWHSYJjtto-xXiKvOKgzIDAwPo4SQT47Za2c\"><\/p>\n\n\n\n<p>En la p\u00e1gina homenaje, el rol tipogr\u00e1fico que observamos son dos variantes de diferentes familias tipogr\u00e1ficas. La primera que predomina m\u00e1s es la Untitled, \u00e9sta se desarrolla por toda la p\u00e1gina web, y se presenta en peque\u00f1os p\u00e1rrafos de cuerpo tipogr\u00e1fico a 112pt teniendo un gran impacto visual en la versi\u00f3n de computadora.<\/p>\n\n\n\n<p>A su vez deja al espectador viendo siempre un mensaje en ese viaje que lo invita a scrollear, y podemos decir que los peque\u00f1os p\u00e1rrafos mantienen un color gris oscuro como mancha visual. Tambi\u00e9n, se caracteriza por ser un sans serif o palo seco de trazo fino, con una estructura cl\u00e1sica que se puede observar en tama\u00f1o de ancho y alto de la O muy caracter\u00edstica de estas tipograf\u00edas, es decir de f\u00e1cil lectura por su morfolog\u00eda ya que es bastante homog\u00e9nea, sin embargo la Silkserif al ser una Tipograf\u00eda con remates, o serif, se destaca por sobre la otra al no tener trazos homog\u00e9neos sino m\u00e1s contrastados por sus finos y gruesos. Ambas conviven, combinan y hacen un buen contraste m\u00e1s que las composiciones. Se destacan morfol\u00f3gicamente. Ambas variables son similares y comparten los trazos finos (Sans Serif- Untitled) de una con los trazos gruesos de la otra (Serif- Silk).&nbsp;<\/p>\n\n\n\n<p>Para contraponer en el entorno visual que est\u00e1 utilizando la agencia Zajno en la interfaz, unen la idea del pasado y presente rompiendo con dos familias tipogr\u00e1ficas diferentes para connotar esta idea del viaje del antes y del despu\u00e9s en su desarrollo de sus proyectos como crecimiento propio y como tambi\u00e9n las nuevas ideas y tecnolog\u00edas del momento.<\/p>\n\n\n\n<p>Podemos decir que el estilo de estas tipograf\u00edas dan una identidad minimalista fresca, moderna e innovadora. Esta misma se observa si nos vamos a su p\u00e1gina principal&nbsp; https:\/\/zajno.com\/ . Si bien la tipograf\u00eda Sohne Halbfett ( Sans Serif ), es m\u00e1s pesada, utilizan una Semibold de f\u00e1cil lectura, simple y c\u00f3moda para leer.<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/0as2cjxWqZQBqW4v6MeLhf0Wat4lrfv53qFS6fK0hV5AWKjUgI-uw1RugaMvhHozNUbbnHABTPidAr-pC33T235KvW2UW7C9Hu85CIlhURt8QIpbA0zWtik4YA80cyf3JgzrP1jUeO4p0OSMgeTNrrs\" width=\"602\" height=\"451\"><\/p>\n\n\n\n<p>En la versi\u00f3n m\u00f3vil se ve una adaptaci\u00f3n acorde y c\u00f3moda para leer y desplegar las tipograf\u00edas. En lo visual tiene la misma organizaci\u00f3n y estructura central, llev\u00e1ndote a una experiencia similar a la de la computadora.<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/9mQWe270onyuCax3YwTElM5N2mOUDo9k_hi9lAwx6G7ADuyj4VHveYvQzleCyShMXzVDu5R5Hy0ASpnehlE5JrHiL-KdBbLzpl5iex4_Lrx9SxVeK3cgIMtfY3xHSo2ODoJjL7zq5BYWEFLJ0uEIJjo\" width=\"602\" height=\"281\"><\/p>\n\n\n\n<p>Los textos son cortos y contundentes. Y las transiciones del texto comparten la fluidez de las animaciones que suceden por atr\u00e1s.&nbsp;<\/p>\n\n\n\n<p>En la interfaz se utilizan diferentes estilos tipogr\u00e1ficos, como la distorsi\u00f3n del texto, que se puede ver en la siguientes im\u00e1genes:<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/jVUKGUnxjHr1qtCR8iuASek2DQtVzJgtzkGTQNQ7Bnz0EL-Te8eYgtYJ7rK7izP6Rzn1f_5rsk482_rzSG1kNcTzNyO8d9PHbsBLX-dnTBOJBb314cm5Hz27jIssXO0SWLpUZD1JP-_rTHF80lxQoi8\" width=\"602\" height=\"281\"><\/p>\n\n\n\n<p>Otro aspecto importante en cuanto a la identidad y sistema visual de la marca\/agencia es los c\u00f3digos de color y la paleta crom\u00e1tica de ambas interfaces. Tanto en la oficial como en la pagina homenaje, se respeta el blanco y negro como principales colores identitarios. Sin embargo, en ambas \u00e9ste se utiliza de diferente manera; por ejemplo: en el sitio web principal el fondo de la totalidad es blanco mientras que el texto est\u00e1 escrito en negro. Sin embargo, aparece el color rojo cuando descansas el cursor en los \u201cbotones\u201d, es decir cuando es un lugar al que apretar. El color a su vez aparece cuando pasas por las im\u00e1genes, y lo que era una foto en blanco y negro se convierte a color y con animaciones interactivas.<\/p>\n\n\n\n<p>En el sitio web homenaje, esto se maneja distinto. El fondo de la interfaz es negro, y los textos aparecen en blanco. El color \u00fanicamente aparece en algunos renders y especialmente en las im\u00e1genes del crew y los proyectos, quienes en esta p\u00e1gina son los verdaderos protagonistas.<\/p>\n\n\n\n<p>En s\u00edntesis, ambas p\u00e1ginas comparten un correlato, comparten la misma esencia e identidad visual. Lo que cambia es la informaci\u00f3n y la importancia que se le da a cada recurso y elemento gr\u00e1fico y tipogr\u00e1fico colocado en cada pieza.<\/p>\n\n\n\n<p>Las familias tipogr\u00e1ficas acompa\u00f1an a un ritmo de lectura fluido y grato, as\u00ed como la experiencia que la agencia trata de plasmar.<\/p>\n\n\n\n<p>Pensamos a su vez, que hoy en d\u00eda las interfaces son una herramienta para la sociedad, en la que uno puede poner su propia esencia en ellas y mostrarle al mundo una peque\u00f1a parte de lo que uno es. En el pasado, las p\u00e1ginas simplemente eran informativas y conforme fue pasando el tiempo y evolucionando las tecnolog\u00edas, en la actualidad podemos decir con seguridad que las interfaces ya no son solo un m\u00e9todo informativo sino que tambi\u00e9n puede llevarte a que presencies diversas experiencias.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En un mundo donde la tecnolog\u00eda avanza a pasos agigantados, es importante observar c\u00f3mo las p\u00e1ginas web pueden convertirse en un lienzo para explorar la convergencia entre el pasado y el presente, la tradici\u00f3n y la modernidad. La p\u00e1gina web de Zajno, es un ejemplo de c\u00f3mo el dise\u00f1o web puede evocar sensaciones de viaje [&hellip;]<\/p>\n","protected":false},"author":55,"featured_media":1118,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"comision":[14],"eje":[2],"class_list":["post-1096","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categoria","comision-aku-nika","eje-contexto-visual-y-tecnologico"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1096","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\/55"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comments?post=1096"}],"version-history":[{"count":15,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1096\/revisions"}],"predecessor-version":[{"id":1158,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1096\/revisions\/1158"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media\/1118"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media?parent=1096"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/categories?post=1096"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/tags?post=1096"},{"taxonomy":"comision","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comision?post=1096"},{"taxonomy":"eje","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/eje?post=1096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}