{"id":252,"date":"2023-08-24T12:28:59","date_gmt":"2023-08-24T15:28:59","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/?p=252"},"modified":"2023-08-24T12:29:00","modified_gmt":"2023-08-24T15:29:00","slug":"friccion-positiva","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/friccion-positiva\/","title":{"rendered":"Fricci\u00f3n Positiva"},"content":{"rendered":"\n<p class=\"has-text-align-left\" style=\"font-style:normal;font-weight:600\">DVTK es un porfolio digital que tiene como objetivo principal dar a conocer los proyectos realizados para exponer sus habilidades y servicios. Con un tono informativo, en donde los momentos a los que se dirige al usuario son de manera formal. Est\u00e1 dirigido a aquellos que est\u00e9n interesados en buscar un estudio creativo, como tambi\u00e9n para estudiantes y profesionales del \u00e1rea como fuente de inspiraci\u00f3n.<\/p>\n\n\n\n<p style=\"font-size:20px\">La interfaz en su primer acercamiento es difusa, ya que utiliza una composici\u00f3n del sitio web no tan habitual, pero una vez comprendido el mismo se puede observar el orden dado principalmente por las diferentes tipograf\u00edas, sus variables y tama\u00f1os. Tambi\u00e9n podemos observar que la imagen cumple un rol secundario, ya que, este no se observa a simple vista, sino que aparece en relaci\u00f3n a las interacciones del usuario. Est\u00e1 pensado para que se navegue verticalmente, y que con el movimiento del mouse se activen acciones como, apariciones de im\u00e1genes y m\u00e1s informaci\u00f3n. <\/p>\n\n\n\n<p style=\"font-size:20px\">El uso de la tipograf\u00eda exhibe una grilla que se desarrolla a lo largo de la interfaz y en sus distintas entradas, evidenci\u00e1ndose gran parte de esta en el momento de la interacci\u00f3n con el usuario. Tambi\u00e9n la tipograf\u00eda, junto con la imagen, funcionan como una segunda capa que se integra a los t\u00edtulos de mayor importancia.<\/p>\n\n\n\n<p style=\"font-size:20px\">Podemos identificar dos momentos. El primero, el cual se encuentra en el inicio del sitio, es desordenado, no se puede reconocer por d\u00f3nde comenzar a leer, a pesar de que se identifica una jerarqu\u00eda de informaci\u00f3n. Y un segundo momento, en el cual se ingresa a cada proyecto. En estos se puede ver una estructura de lectura m\u00e1s organizada, ya que contiene un t\u00edtulo al comienzo y un texto de lectura inmersiva acompa\u00f1ado de im\u00e1genes relacionadas con sus ep\u00edgrafes correspondientes.<\/p>\n\n\n\n<p style=\"font-size:20px\">La tipograf\u00eda est\u00e1 seleccionada con el fin de que su lectura sea sencilla y r\u00e1pida. En cuanto al formato de los textos, y en base al dispositivo computadora podemos decir que la tipograf\u00eda <strong>Dutch 801 BT Roman Headline <\/strong>es utilizada para t\u00edtulos con una variable Medium en caja baja, y un interletrado e interlineado cerrado, que en ciertas ocasiones contiene hiperv\u00ednculos. <\/p>\n\n\n\n<p style=\"font-size:20px\">Por otro lado, tenemos la tipograf\u00eda <strong>Scto-Grotesk-B<\/strong> que es utilizada tanto para t\u00edtulos y textos primarios y secundarios. En el sitio podemos observar distintas variables de esta tipograf\u00eda: Regular, It\u00e1lica y bold tanto de caja alta como de caja baja con un interletrado normal y un interlineado en ciertas ocasiones cerrado y con hiperv\u00ednculos. Cuando observamos los textos inmersivos, creemos que se vuelve un poco cansador y dificil seguir su lectura.<\/p>\n\n\n\n<p style=\"font-size:20px\">Estamos frente a una interfaz responsive, lo cual se adapta a todo tipo de dispositivos y formatos de pantalla. En base a esto, la tipograf\u00eda mantiene sus jerarqu\u00edas, utilizando tama\u00f1os apropiados en relaci\u00f3n al tipo de dispositivo utilizado. Tambi\u00e9n al momento de cambiar de dispositivo, notamos que se pierden ciertas interacciones al de pasar de la computadora al celular, al no contar con el uso del mouse por lo que se vuelve un poco mas est\u00e1tica la navegaci\u00f3n.<\/p>\n\n\n\n<p style=\"font-size:20px\">En conclusi\u00f3n, estamos en presencia de un sitio animado donde la participaci\u00f3n del usuario es primordial, al ser este quien decide donde empezar a leer y navegar. Tambi\u00e9n la tipograf\u00eda al ser un elemento estructurante de la interfaz es totalmente responsable del \u00e9xito o fracaso del objetivo de la interfaz y su entendimiento por parte del usuario.&nbsp;&nbsp;<\/p>\n\n\n\n<p style=\"font-size:20px;font-style:normal;font-weight:400\"><strong>FUENTES<\/strong><\/p>\n\n\n\n<p>Sitio web: <a href=\"https:\/\/dvtk.us\/\">https:\/\/dvtk.us\/<\/a> <\/p>\n\n\n\n<p>Info del estudio: <a href=\"https:\/\/awards.latinamericandesign.org\/jury_category\/digital\/\">https:\/\/awards.latinamericandesign.org\/jury_category\/digital\/<\/a><\/p>\n\n\n\n<p>Tipograf\u00eda (Scto Grotesk B): <a href=\"https:\/\/www.schick-toikka.com\/studio\">https:\/\/www.schick-toikka.com\/studio<\/a>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>DVTK es un porfolio digital que tiene como objetivo principal dar a conocer los proyectos realizados para exponer sus habilidades y servicios. Con un tono informativo, en donde los momentos a los que se dirige al usuario son de manera formal. Est\u00e1 dirigido a aquellos que est\u00e9n interesados en buscar un estudio creativo, como tambi\u00e9n [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":342,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[34,29,17,20,26],"comision":[13],"eje":[3],"class_list":["post-252","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categoria","tag-dvtk","tag-experienciadelectura","tag-interfaz","tag-tipografia","tag-ux-ui","comision-pato-majo","eje-experiencia-lectura-uso"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/252","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\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comments?post=252"}],"version-history":[{"count":47,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/252\/revisions"}],"predecessor-version":[{"id":350,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/252\/revisions\/350"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media\/342"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media?parent=252"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/categories?post=252"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/tags?post=252"},{"taxonomy":"comision","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comision?post=252"},{"taxonomy":"eje","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/eje?post=252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}