{"id":1097,"date":"2023-08-25T19:18:09","date_gmt":"2023-08-25T22:18:09","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/?p=1097"},"modified":"2023-08-25T19:18:09","modified_gmt":"2023-08-25T22:18:09","slug":"inmersos-en-la-digitalidad","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/inmersos-en-la-digitalidad\/","title":{"rendered":"Inmersos en la digitalidad"},"content":{"rendered":"\n

conference.awwwards.com<\/a> es un sitio web digital para promover el evento The Amsterdam Conference<\/em> que se lleva a cabo todos los a\u00f1os, cuyo dise\u00f1o es actualizado anualmente para adaptarse a cada edici\u00f3n. Este evento est\u00e1 destinado para la gente interesada en el dise\u00f1o y en el desarrollo web, y su intenci\u00f3n es introducirnos al evento y a sus presentadores para persuadirnos en la venta de entradas.<\/h2>\n\n\n\n

Tanto la web como el evento est\u00e1n destinados a j\u00f3venes estudiantes o recibidos de carreras afines al dise\u00f1o que buscan perfeccionarse con los m\u00e1s prestigiosos del \u00e1rea del dise\u00f1o. Se enmarca en un estilo muy actual que busca dar cuenta de las enorme exploraci\u00f3n que nos permite la tecnolog\u00eda hoy con el fin de persuadir por medio de la novedad y del impacto a las personas dedicadas al rubro.<\/p>\n\n\n\n

La tipograf\u00eda, la protagonista estrella<\/mark><\/strong>
Lo que resulta atractivo de esta interfaz es que la propia tipograf\u00eda es protagonista, creando la identidad del sitio y un lenguaje que permite al usuario introducirse en un universo tecnol\u00f3gico muy particular sostenido por las decisiones tipogr\u00e1ficas tratadas tanto como im\u00e1gen o de manera funcional.
Las familias que componen la interfaz son Chakra Petch y Fk Raster Grotesk.<\/strong> Por un lado, Chakra (Webfont), utilizada para t\u00edtulos y paquetes de texto, se caracteriza por ser limpia, legible y vers\u00e1til m\u00e1s all\u00e1 de que est\u00e9 ornamentada. Sus signos est\u00e1n dise\u00f1ados en forma de cuadrados sans serif con esquinas c\u00f3nicas. Esta tipograf\u00eda se usa para titulares de gran tama\u00f1o para acompa\u00f1ar a la tipograf\u00eda display en su dosificaci\u00f3n, para los hiperv\u00ednculos, o para los peque\u00f1os paquetes de car\u00e1cter informativo y funcionales con cuerpo de lectura, que no tienen un justificado tipogr\u00e1fico, est\u00e1n compuestos por tres o cuatro l\u00edneas cada uno y est\u00e1n perfectamente alineados en una grilla evidente. Por otro lado, Fk Raster Grotesk (Variable font) empleada como tipograf\u00eda display para los t\u00edtulos, est\u00e1 inspirada en las fuentes pixelares m\u00e1s primitivas. Transiciona de car\u00e1cteres duros y cuadrados a formas redondeadas. Otorga al dise\u00f1o un aspecto m\u00e1s visual que funcional, por lo que es necesario que est\u00e9 dosificado. Es interesante c\u00f3mo ambas tipograf\u00edas est\u00e1n combinadas de forma tal que, por su morfolog\u00eda, el ajuste del kerning, tracking e interlineado, generan una sensaci\u00f3n de unidad en la que los saltos entre una fuente y otra resulta casi imperceptible a la lectura. <\/p>\n\n\n\n

Arquitectura de la informaci\u00f3n<\/mark><\/strong>
La estructura de informaci\u00f3n es clara, din\u00e1mica e intuitiva <\/strong>por el uso del espacio. Es una web que utiliza el aire compositivo a su favor. Los elementos se organizan espacialmente sobre una grilla responsiva, que se adapta al tama\u00f1o y orientaci\u00f3n de la pantalla, asegurando consistencia a trav\u00e9s de cualquier dispositivo.<\/p>\n\n\n\n

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

Dise\u00f1o responsivo – img 1<\/em>. web en desktop; img 2<\/em>. web en celular<\/p>\n\n\n\n

Su arquitectura de informaci\u00f3n propone una experiencia de navegaci\u00f3n que nos permite explorar las secciones de la web, estableciendo un di\u00e1logo cercano con el usuario, acompa\u00f1ado por la jerarqu\u00eda de la informaci\u00f3n: los textos display son utilizados para t\u00edtulos e hiperv\u00ednculos importantes, seguido por componentes web como men\u00faes de navegaci\u00f3n, botones y textos de car\u00e1cter interactivo con operaciones cin\u00e9ticas que se activan con movimientos del cursor.<\/p>\n\n\n\n

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

Dise\u00f1o cin\u00e9tico – img. 3.<\/em> interacciones del cursor y de navegaci\u00f3n<\/p>\n\n\n\n

Dentro de las p\u00e1ginas siguientes al landing page, a las que se llegan a trav\u00e9s de los hipertextos, encontramos bloques informativos de mayor densidad, que, al no estar justificados, generan un color de texto parejo.<\/p>\n\n\n\n

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

Texto m\u00e1s denso – img. 4.<\/em> secci\u00f3n m\u00e1s informativa y funcional<\/p>\n\n\n\n

Se utiliza una paleta de color reducida (rojo, blanco y negro); los textos est\u00e1n en plenos de color que permiten una lectura clara y fluida. Si bien la tipograf\u00eda adquiere gran preponderancia, constituye un 80% de la web, dejando lugar a im\u00e1genes fotogr\u00e1ficas e iconogr\u00e1ficas, junto a sonidos que acompa\u00f1an en la navegaci\u00f3n que refuerzan el contenido y nos ayudan a estar inmersos en el universo propuesto. <\/p>\n\n\n\n

Podemos decir…<\/mark><\/strong>
Es una interfaz impactante e interesante que f\u00e1cilmente se convierte en una obra de dise\u00f1o en s\u00ed misma. Combina la eficacia en la difusi\u00f3n de informaci\u00f3n con la exploraci\u00f3n visual y explotaci\u00f3n de recursos tipogr\u00e1ficos.<\/p>\n\n\n\n

FUENTES<\/strong>
https:\/\/fonts.google.com\/specimen\/Chakra+Petch<\/a>
https:\/\/fonts.floriankarsten.com\/fk-raster-grotesk<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

conference.awwwards.com es un sitio web digital para promover el evento The Amsterdam Conference que se lleva a cabo todos los a\u00f1os, cuyo dise\u00f1o es actualizado anualmente para adaptarse a cada edici\u00f3n. Este evento est\u00e1 destinado para la gente interesada en el dise\u00f1o y en el desarrollo web, y su intenci\u00f3n es introducirnos al evento y […]<\/p>\n","protected":false},"author":36,"featured_media":1189,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"comision":[12],"eje":[3],"class_list":["post-1097","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categoria","comision-juan-juli","eje-experiencia-lectura-uso"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1097","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\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comments?post=1097"}],"version-history":[{"count":8,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1097\/revisions"}],"predecessor-version":[{"id":1339,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1097\/revisions\/1339"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media\/1189"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media?parent=1097"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/categories?post=1097"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/tags?post=1097"},{"taxonomy":"comision","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comision?post=1097"},{"taxonomy":"eje","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/eje?post=1097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}