{"id":2237,"date":"2023-08-25T21:17:00","date_gmt":"2023-08-26T00:17:00","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/?p=2237"},"modified":"2023-08-25T22:26:58","modified_gmt":"2023-08-26T01:26:58","slug":"tendencias-ciclicas","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/tendencias-ciclicas\/","title":{"rendered":"Tendencias c\u00edclicas"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">AQuest <strong>es una productora y agencia de publicidad italiana enfocada en realizaci\u00f3n audiovisual. Fue nominada a diversos premios en la industria y destacada por <\/strong><em>W.<\/em> <strong>como <\/strong><em><strong>mejor dise\u00f1o de sitio web<\/strong><\/em><strong>, ganando el<\/strong> Awwwards <strong>en el a\u00f1o<\/strong> 2014.<\/h3>\n\n\n\n<p>La web est\u00e1 focalizada principalmente a la captaci\u00f3n de nuevos clientes mediante la exhibici\u00f3n de sus trabajos y evidenciando sus alianzas con marcas de renombre mundial. Su interfaz es interactiva utilizando im\u00e1genes disruptivas y combin\u00e1ndolas con el uso creativo de \u00edconos, animaciones y sonidos, demostrando su amplia experiencia en estos campos y vincul\u00e1ndola al branding de la empresa ya que pretenden asociar su marca a la fluidez del agua tanto por su nombre, paleta crom\u00e1tica y el uso de efectos en el dise\u00f1o de su sitio.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"467\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/AQ2-1024x467.jpg\" alt=\"\" class=\"wp-image-2302\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/AQ2-1024x467.jpg 1024w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/AQ2-300x137.jpg 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/AQ2-768x350.jpg 768w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/AQ2-1536x701.jpg 1536w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/AQ2-1200x548.jpg 1200w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/AQ2.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Secci\u00f3n de trabajos realizados en formato de tipograf\u00eda como imagen.<\/figcaption><\/figure>\n\n\n\n<p>La tipograf\u00eda cumple un rol destacado en esta puesta, utiliz\u00e1ndose de diversas formas al combinar variables y jerarqu\u00edas pasando de brutalizar los tama\u00f1os de cada titular en la secci\u00f3n de la pantalla principal, por ejemplo, hasta emplearla como formato de tipograf\u00eda como imagen. Con estos recursos pretende cortar la gran magnitud de texto que existe entre secciones para dar dinamismo a la navegaci\u00f3n y de esta forma que el lector no se canse al leer un gran volumen de informaci\u00f3n. Otro ejemplo de c\u00f3mo la tipograf\u00eda funciona marcando un orden en las secciones es el que se da en las subcategor\u00edas, donde podemos ver como son organizadas teniendo en cuenta dos tipos de interlinea siendo una para cada tipo de p\u00e1rrafo seg\u00fan la informaci\u00f3n sea la principal o la secundaria. Al entrar en una de estas subcategor\u00edas que m\u00e1s texto alberga, la cual es <em>about<\/em>, vemos una correlaci\u00f3n entre la interlinea de t\u00edtulos y los p\u00e1rrafos, en ellos vemos que es mayor que la interletra e interpalabra, por lo que esto ayuda a que sea m\u00e1s f\u00e1cil para el usuario poder leer la informaci\u00f3n en textos corridos.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"467\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/AQ3-1024x467.jpg\" alt=\"\" class=\"wp-image-2308\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/AQ3-1024x467.jpg 1024w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/AQ3-300x137.jpg 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/AQ3-768x350.jpg 768w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/AQ3-1536x701.jpg 1536w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/AQ3-1200x548.jpg 1200w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/AQ3.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Secci\u00f3n <em>about <\/em>en donde conviven textos corridos junto a material audiovisual interactivo.<\/figcaption><\/figure>\n\n\n\n<p>Teniendo en cuenta el a\u00f1o de realizaci\u00f3n de este sitio web y tomando el contexto actual podemos observar como las tendencias de alguna forma son c\u00edclicas y como en este caso un dise\u00f1o de hace 9 a\u00f1os sigue teniendo elementos que concuerdan con las tendencias actuales como, por ejemplo, varias marcas de renombre han optado por cambiar sus logotipos y emplear tipograf\u00edas sans serif en su lugar, al igual que en el caso de este sitio fueron implementadas las tipograf\u00edas <strong>Freight Sans Pro <\/strong>y<strong> Nobel.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"467\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/AQ4-1024x467.jpg\" alt=\"\" class=\"wp-image-2335\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/AQ4-1024x467.jpg 1024w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/AQ4-300x137.jpg 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/AQ4-768x350.jpg 768w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/AQ4-1536x701.jpg 1536w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/AQ4-1200x548.jpg 1200w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/AQ4.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Comparativa entre el sitio web visto desde una pantalla de notebook y un dispositivo m\u00f3vil.<\/figcaption><\/figure>\n\n\n\n<p>En donde m\u00e1s podemos percibir la diferencia entre el avance visual y tecnol\u00f3gico de la \u00e9poca actual en comparaci\u00f3n al de realizaci\u00f3n de la p\u00e1gina web es quiz\u00e1s en un efecto bastante utilizado, y que ya no lo es tanto, como el llamado <em>intro <\/em>o sonido que se ejecuta al entrar a la p\u00e1gina y que a pesar de tener su propio \u00edcono para desactivarlo nos resulta invasivo y nos quita la atenci\u00f3n que deber\u00eda enfocarse estrictamente en el contenido de la misma. Al igual que esta variable, gracias al avance tecnol\u00f3gico actual al ver el sitio en dispositivos m\u00f3viles, podemos confirmar que fue pensado para una \u00e9poca en la que el formato que primaba era el de las pantallas de computadoras y en cambio los dispositivos m\u00f3viles aun no estaban muy expandidos ya que su dise\u00f1o si bien es responsive est\u00e1 organizado en forma de lista y con los mismos parametros que la web, esto deja en evidencia por ejemplo que al tener una variable light para texto corrido y cambiar las dimensiones de pantalla a unas m\u00e1s peque\u00f1as cueste poder leer \u00f3ptimamente estos p\u00e1rrafos, lo que nos lleva a concluir que si bien los manejos de la tipograf\u00eda utilizados en este proyecto estaban adelantados a su \u00e9poca, y que ello de cierta forma ayud\u00f3 a que fuera un sitio din\u00e1mico y novedoso, siempre va a estar ligado al contexto y las nuevas tecnolog\u00edas que se vayan gestando y que siempre se necesitar\u00e1 una evaluaci\u00f3n de los recursos que siguen funcionando y los que necesiten quiz\u00e1s peque\u00f1os o grandes ajustes para que el mensaje pueda ser percibido de la manera m\u00e1s clara y acorde posible.<\/p>\n\n\n\n<p><strong>Fuentes:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Im\u00e1genes tomadas de:<a href=\"https:\/\/www.aquest.it\/it\"> https:\/\/www.aquest.it\/it<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/fonts.adobe.com\/fonts\/freight-sans\">https:\/\/fonts.adobe.com\/fonts\/freight-sans<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/fonts.adobe.com\/fonts\/nobel\">https:\/\/fonts.adobe.com\/fonts\/nobel<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/en.wikipedia.org\/wiki\/Nobel_(typeface)\">https:\/\/en.wikipedia.org\/wiki\/Nobel_(typeface)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/fonts.adobe.com\/designers\/tobias-frere-jones\">https:\/\/fonts.adobe.com\/designers\/tobias-frere-jones<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.dardenstudio.com\/\">https:\/\/www.dardenstudio.com\/<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/frerejones.com\/about\">https:\/\/frerejones.com\/about<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>AQuest es una productora y agencia de publicidad italiana enfocada en realizaci\u00f3n audiovisual. Fue nominada a diversos premios en la industria y destacada por W. como mejor dise\u00f1o de sitio web, ganando el Awwwards en el a\u00f1o 2014. La web est\u00e1 focalizada principalmente a la captaci\u00f3n de nuevos clientes mediante la exhibici\u00f3n de sus trabajos [&hellip;]<\/p>\n","protected":false},"author":113,"featured_media":2351,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[77,49,17,111,110,112,36,37],"comision":[15],"eje":[2],"class_list":["post-2237","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categoria","tag-diseno","tag-interaccion","tag-interfaz","tag-produccion","tag-publicidad","tag-realizacion-audiovisual","tag-tipografia-2","tag-web","comision-chino-cami","eje-contexto-visual-y-tecnologico"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/2237","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\/113"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comments?post=2237"}],"version-history":[{"count":20,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/2237\/revisions"}],"predecessor-version":[{"id":2545,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/2237\/revisions\/2545"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media\/2351"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media?parent=2237"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/categories?post=2237"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/tags?post=2237"},{"taxonomy":"comision","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comision?post=2237"},{"taxonomy":"eje","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/eje?post=2237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}