{"id":1382,"date":"2023-08-25T18:10:13","date_gmt":"2023-08-25T21:10:13","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/?p=1382"},"modified":"2023-08-25T18:10:13","modified_gmt":"2023-08-25T21:10:13","slug":"la-expresividad-del-silencio","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/la-expresividad-del-silencio\/","title":{"rendered":"La expresividad del silencio"},"content":{"rendered":"\n<p class=\"has-accent-color has-text-color\" style=\"font-size:24px\"><strong>C23Studio es un estudio que ofrece una experiencia privada de tatuaje ubicado en Brooklyn, Nueva York. En este post analizaremos la interfaz de su sitio web donde promocionan los servicios del estudio, y, adem\u00e1s, hacer que el p\u00fablico de todo el mundo conozca su filosof\u00eda y lo que representa para ellos realizar tatuajes. Te introducen en su mundo del tatuaje desde un lado sobrio y elegante. Sin inundarte de informaci\u00f3n te presentan sus ideales y te brindan sus datos de contacto para comunicarte con ellos. A simple vista la interfaz se muestra minimalista, simple, tranquila y distinguida por su sutileza.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><\/ul>\n\n\n\n<p>Acompa\u00f1ada por miscel\u00e1neas y algunas im\u00e1genes y videos curados, la tipograf\u00eda toma el protagonismo y ordena la composici\u00f3n del sitio web. En la composici\u00f3n se evidencia una grilla ortogonal que se va llenando por los elementos y permite dejar grandes espacios en blanco que ordenan la lectura y ayudan a jerarquizar los componentes. A su vez, las jerarqu\u00edas tambi\u00e9n se dan por las diferencias de tama\u00f1os, mostrando, por ejemplo, t\u00edtulos de gran tama\u00f1o que se adaptan al ancho completo de las pantallas y que est\u00e1n acompa\u00f1ados por textos de bajada informativa o subt\u00edtulos con dimensiones mucho m\u00e1s peque\u00f1as. Para un sitio que no tiene demasiada densidad de informaci\u00f3n, este juego de tama\u00f1os y espacios llenos y vac\u00edos le aporta una gran variabilidad y contribuye positivamente al minimalismo buscado en la interfaz. El uso de una paleta de colores totalmente acotada con elementos blancos sobre fondo negro (o viceversa) m\u00e1s la utilizaci\u00f3n\u00a0de una \u00fanica tipograf\u00eda de palo seco moderna, universal y sobria, como es la Helv\u00e9tica Neue, acent\u00faan tambi\u00e9n este minimalismo en la composici\u00f3n desde la morfolog\u00eda, que junto a los grandes espacios en blanco envuelven a la interfaz de\u00a0tranquilidad, seriedad y elegancia, transmitiendo un poco ese silencio en el que trabaja el estudio.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>\u201c\u2026Cuando ingresa a nuestro estudio, se aleja del ajetreo y el bullicio de la vida cotidiana y se adentra en el mundo curativo de los tatuajes: un espacio seguro, donde est\u00e1 invitado a desafiar los l\u00edmites de tus propios puntos de vista y creatividad, y marca tu cuerpo y alma de por vida\u2026 \u201c<\/em> \u00a0<\/p>\n<cite>C23Studio<\/cite><\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/c23-Studio-_-Tattoo-Studio-Google-Chrome-25_8_2023-17_44_57-1024x576.png\" alt=\"\" class=\"wp-image-1818\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/c23-Studio-_-Tattoo-Studio-Google-Chrome-25_8_2023-17_44_57-1024x576.png 1024w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/c23-Studio-_-Tattoo-Studio-Google-Chrome-25_8_2023-17_44_57-300x169.png 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/c23-Studio-_-Tattoo-Studio-Google-Chrome-25_8_2023-17_44_57-768x432.png 768w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/c23-Studio-_-Tattoo-Studio-Google-Chrome-25_8_2023-17_44_57-1200x675.png 1200w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/c23-Studio-_-Tattoo-Studio-Google-Chrome-25_8_2023-17_44_57.png 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/c23-Studio-_-Tattoo-Studio-Google-Chrome-25_8_2023-17_25_48-1024x576.png\" alt=\"\" class=\"wp-image-1820\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/c23-Studio-_-Tattoo-Studio-Google-Chrome-25_8_2023-17_25_48-1024x576.png 1024w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/c23-Studio-_-Tattoo-Studio-Google-Chrome-25_8_2023-17_25_48-300x169.png 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/c23-Studio-_-Tattoo-Studio-Google-Chrome-25_8_2023-17_25_48-768x432.png 768w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/c23-Studio-_-Tattoo-Studio-Google-Chrome-25_8_2023-17_25_48-1200x675.png 1200w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/c23-Studio-_-Tattoo-Studio-Google-Chrome-25_8_2023-17_25_48.png 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Todas estas buenas decisiones compositivas que fueron tomadas con un objetivo claro tanto funcional como sensorial, se ven minimizadas a la hora de ingresar al sitio web desde un dispositivo m\u00f3vil. Si bien la interfaz tiene un dise\u00f1o adaptable, lo cual prioriza la funcionalidad de la estructura de informaci\u00f3n, al modificar autom\u00e1ticamente sus dimensiones en funci\u00f3n de esta adaptabilidad se pierden algunas de las decisiones que evocan esas sensaciones de tranquilidad y silencio. Los espacios en blanco se ven un poco m\u00e1s apretados por la informaci\u00f3n, pareci\u00e9ndose m\u00e1s un error en el margen que una decisi\u00f3n fuerte en la composici\u00f3n. Adem\u00e1s, las diferencias de tama\u00f1os de los cuerpos tipogr\u00e1ficos se ven menos exageradas, lo que genera otro tipo de orden jer\u00e1rquico entre los elementos. Por otro lado, el ajuste del tama\u00f1o de los bloques de textos que est\u00e1n alineados a la izquierda genera un desflecado bastante irregular. Todas estas modificaciones que funcionan a favor de la legibilidad de la interfaz atentan contra la expresividad que connotan las decisiones compositivas del dise\u00f1o principal. Esto nos hace preguntarnos: \u00bfla adaptaci\u00f3n al dispositivo m\u00f3vil fue resuelto de la mejor manera? \u00bfse pudo haber resuelto de alguna manera en la que se evidencien mejor las decisiones en cuanto a los vac\u00edos? \u00bffueron contempladas estas modificaciones bajo decisiones de dise\u00f1o conscientes, o se dieron de forma totalmente autom\u00e1tica?<\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\" style=\"grid-template-columns:85% auto\"><figure class=\"wp-block-media-text__media\"><video controls src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/001-online-video-cutter.com_.mov\"><\/video><\/figure><div class=\"wp-block-media-text__content\">\n<p><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-media-text is-stacked-on-mobile\" style=\"grid-template-columns:85% auto\"><figure class=\"wp-block-media-text__media\"><video controls src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/002-online-video-cutter.com_.mov\"><\/video><\/figure><div class=\"wp-block-media-text__content\">\n<p><\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p class=\"has-text-align-left\">Lo m\u00e1s probable es que la interfaz se haya programado para adaptarse autom\u00e1ticamente. Esto ayuda quiz\u00e1 a que se priorice la funci\u00f3n de lectura en dispositivos m\u00f3viles, pero pierde toda la gracia y b\u00fasqueda sensorial proyectada por el dise\u00f1ador, dejando adem\u00e1s algunas inconsistencias en los espaciados y alineaciones de los elementos.<\/p>\n\n\n\n<p>Sabemos que en los a\u00f1os que corren, el <em>dise\u00f1o responsive<\/em> es sumamente importante para los sitios web ya que el 55% de las visitas online a nivel mundial proceden de dispositivos m\u00f3viles. Es por eso que ya no solo importa una buena legibilidad sino tambi\u00e9n que el dise\u00f1o no se disuelva a medida que se cambia de dispositivos, y as\u00ed lograr un buen equilibrio entre la adaptabilidad y las decisiones de dise\u00f1o.\u00a0<\/p>\n","protected":false},"excerpt":{"rendered":"<p>C23Studio es un estudio que ofrece una experiencia privada de tatuaje ubicado en Brooklyn, Nueva York. En este post analizaremos la interfaz de su sitio web donde promocionan los servicios del estudio, y, adem\u00e1s, hacer que el p\u00fablico de todo el mundo conozca su filosof\u00eda y lo que representa para ellos realizar tatuajes. Te introducen [&hellip;]<\/p>\n","protected":false},"author":74,"featured_media":1762,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[90,20,37],"comision":[15],"eje":[4],"class_list":["post-1382","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categoria","tag-minimalismo","tag-tipografia","tag-web","comision-chino-cami","eje-composicion"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1382","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\/74"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comments?post=1382"}],"version-history":[{"count":4,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1382\/revisions"}],"predecessor-version":[{"id":1878,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1382\/revisions\/1878"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media\/1762"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media?parent=1382"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/categories?post=1382"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/tags?post=1382"},{"taxonomy":"comision","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comision?post=1382"},{"taxonomy":"eje","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/eje?post=1382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}