{"id":2690,"date":"2023-08-26T10:00:00","date_gmt":"2023-08-26T13:00:00","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/?p=2690"},"modified":"2023-08-26T02:45:26","modified_gmt":"2023-08-26T05:45:26","slug":"apartheid-una-investigacion-con-retorica","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/apartheid-una-investigacion-con-retorica\/","title":{"rendered":"Apartheid: Una investigaci\u00f3n con ret\u00f3rica"},"content":{"rendered":"\n<p class=\"has-secondary-color has-background-background-color has-text-color has-background\" style=\"font-size:16px\">En el siguiente texto vamos a abordar una p\u00e1gina web creada por una estudiante que investig\u00f3 sobre los hechos ocurridos en Sud\u00e1frica a mediados de la segunda mitad del siglo XX y c\u00f3mo esta a trav\u00e9s del us\u00f3 tipogr\u00e1fico, una paleta de colores definida y la ret\u00f3rica de la imagen logr\u00f3 ir m\u00e1s all\u00e1 de las palabras.<\/p>\n\n\n\n<p>La interfaz hist\u00f3rico\/educativa Apartheid es una interfaz digital intuitiva para una p\u00e1gina web, que busca informar sobre el\u00a0<strong><em>apartheid<\/em><\/strong> el cual\u00a0fue un sistema de segregaci\u00f3n racial que se instal\u00f3 en Sud\u00e1frica durante el siglo XX. Mediante este sistema, la minor\u00eda de poblaci\u00f3n blanca mantuvo privilegios pol\u00edticos, econ\u00f3micos y sociales, y se le negaron los derechos y se limitaron las\u00a0libertades\u00a0del resto de la\u00a0poblaci\u00f3n.<\/p>\n\n\n\n<p>El Sitio Web cuenta con un <strong>dise\u00f1o intuitivo<\/strong> donde el usuario debe deslizarse sobre la p\u00e1gina para conocer su contenido de manera lineal.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-201230-1-edited.png\" alt=\"\" class=\"wp-image-2786\" style=\"width:611px;height:344px\" width=\"611\" height=\"344\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-201230-1-edited.png 1829w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-201230-1-edited-300x169.png 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-201230-1-edited-1024x576.png 1024w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-201230-1-edited-768x432.png 768w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-201230-1-edited-1536x864.png 1536w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-201230-1-edited-1200x675.png 1200w\" sizes=\"auto, (max-width: 611px) 100vw, 611px\" \/><\/figure>\n\n\n\n<p>Su lanzamiento fue el 20 de agosto de 2017 e <strong>inicialmente se conoc\u00eda como Interface<\/strong>. La fuente Inter ha sido ampliamente descrita como un cruce entre la popular Helvetica y San Francisco (SF) Pro.<\/p>\n\n\n\n<p>La tipograf\u00eda cuenta con un gran protagonismo y es acompa\u00f1ada mayormente por im\u00e1genes. La interfaz adem\u00e1s cuenta con videos e ilustraciones interactivas.<\/p>\n\n\n\n<p>Inter se destaca por su altura x relativamente alta, esto se destaca ya que la p\u00e1gina web fue creada para ser traducida en Ingl\u00e9s y Ruso ya que la fuente es altamente legible en sus variables y glifos, <strong>adem\u00e1s la fuente tiene una amplia compatibilidad con varios idiomas.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-204756-edited-1.png\" alt=\"\" class=\"wp-image-2714\" style=\"width:610px;height:343px\" width=\"610\" height=\"343\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-204756-edited-1.png 1882w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-204756-edited-1-300x169.png 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-204756-edited-1-1024x576.png 1024w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-204756-edited-1-768x432.png 768w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-204756-edited-1-1536x864.png 1536w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-204756-edited-1-1200x675.png 1200w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/figure>\n\n\n\n<p>La tipograf\u00eda Inter <strong><a href=\"https:\/\/hipfonts.com\/inter-font\/?expand_article=1\" data-type=\"link\" data-id=\"https:\/\/hipfonts.com\/inter-font\/?expand_article=1\">fue creada expl\u00edcitamente para pantallas<\/a><\/strong> de computadora, Se utiliza la familia sans serif Inter en distintas variables y tama\u00f1os, seg\u00fan la funcionalidad que se le d\u00e9 al texto. Para los t\u00edtulos y destacados se utiliza la variable bold y se centra el texto. En el caso del cuerpo se utiliza la variable regular y se alinea el texto a la derecha<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"608\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/inter-ui_fp-710.png\" alt=\"\" class=\"wp-image-2715\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/inter-ui_fp-710.png 710w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/inter-ui_fp-710-300x257.png 300w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/><\/figure>\n\n\n\n<p>La paleta de colores que utiliza la p\u00e1gina son una escala de grises blanco, negro y rojo que generan alto contraste entre estas que utilizan para crear jerarqu\u00edas que se diferencian mediante las diferentes escalas tipogr\u00e1ficas.<\/p>\n\n\n\n<p><strong>Es una interfaz digital de tipo<\/strong> <em><strong>longread<\/strong><\/em> para una p\u00e1gina web, utilizado para contenidos de larga extensi\u00f3n que abordan el tema central bajo una perspectiva profunda para los lectores este tipo de contenido cuenta con un m\u00ednimo de palabras, tras una investigaci\u00f3n existe un \u201cpromedio\u201d que dice que el texto debe presentar al menos 1500 palabras su densidad de informaci\u00f3n es baja por ende el usuario puede desplazarse y leer con tranquilidad la informaci\u00f3n que le es suministrada por el dise\u00f1ador, no es alta ni baja, tiene la informaci\u00f3n e im\u00e1genes necesarias para transmitir el mensaje a los usuarios interesados en esta.<\/p>\n\n\n\n<p>Como mencionamos anteriormente podemos observar que la tipograf\u00eda cuenta con el rol fundamental del sitio, pero cuenta con un contenido estructurante en la composici\u00f3n y estas son las im\u00e1genes que acompa\u00f1an en ritmo a la tipograf\u00eda, adem\u00e1s de esto podremos encontrar videos que acompa\u00f1an al contenido e <strong>ilustraciones interactivas y animadas.<\/strong> <\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" controls src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Apartheid2.mp4\"><\/video><\/figure>\n\n\n\n<p>El tama\u00f1o de la pantalla es de 1920 x 1080 (16:9) y (ya que esta p\u00e1gina cuenta con una grilla adaptable para dispositivos m\u00f3viles) 1080 x 1920 (9:16) con una resoluci\u00f3n de imagen de <strong>1080p y 1080i <\/strong>respectivamente.Se puede apreciar un eje central a partir del cual se estructura la interfaz. <strong>Los t\u00edtulos, destacados e ilustraciones mayormente se encuentran centrados,<\/strong> mientras que el cuerpo se ubica en la mitad derecha del plano, jugando as\u00ed con los vac\u00edos y el peso de la tipograf\u00eda, con el fin de hacer m\u00e1s amena la lectura.<strong> Los destacados de mayor tama\u00f1o se alinean a la izquierda y ocupan la totalidad del plano para dar impacto visual.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><\/ul>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1020\" style=\"aspect-ratio: 1920 \/ 1020;\" width=\"1920\" controls src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Apartheid.mp4\"><\/video><\/figure>\n\n\n\n<p>En ciertos destacados se utilizan recursos como el <strong>tachado de palabras <\/strong>y la aparici\u00f3n de frases a medida que se<em><strong> scrollea<\/strong><\/em> la p\u00e1gina, para hacer alusi\u00f3n a lo que estaba invisibilizado o prohibido durante el Apartheaid.<\/p>\n\n\n\n<p>Las im\u00e1genes que acompa\u00f1an el texto en su mayor\u00eda se alinean a la derecha y var\u00edan su tama\u00f1o, habiendo excepciones donde se agregan im\u00e1genes alineadas a la izquierda. Algunas se encuentran al corte en un extremo, y otras cuentan con m\u00e1rgenes.<\/p>\n\n\n\n<p>En el caso de las im\u00e1genes que acompa\u00f1an al t\u00edtulo, \u00e9stas se encuentran <strong>centradas y al corte de la pantalla<\/strong>, en el cuerpo se utiliza una sangr\u00eda exagerada para jugar con los vac\u00edos, pero en el caso de las oraciones cortas no funciona efectivamente.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1182\" height=\"665\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-201420-edited.png\" alt=\"\" class=\"wp-image-2721\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-201420-edited.png 1182w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-201420-edited-300x169.png 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-201420-edited-1024x576.png 1024w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-201420-edited-768x432.png 768w\" sizes=\"auto, (max-width: 1182px) 100vw, 1182px\" \/><\/figure>\n\n\n\n<p>Esta investigaci\u00f3n conto, no solo, con elementos gr\u00e1ficos que destacaron como el uso de fotograf\u00edas, paleta crom\u00e1tica y mapas interactivos, tambi\u00e9n conto con una tipograf\u00eda <em><strong>sans serif <\/strong><\/em>que le otorga el tono y la contundencia con la que trabaja el informe; El usuario recorre el sitio de manera lineal mientras lee y contempla el contenido que descubre a trav\u00e9s del uso de la ret\u00f3rica que la autora supo trabajar con los momentos de vac\u00edos en momentos exactos donde el texto habla sobre los derechos humanos y como una poblaci\u00f3n estaba literalmente dividida en cuatro grupos: blancos, negros, asi\u00e1ticos y &#8220;de color&#8221;. <br><br><strong>Este contenido esta destinado a toda la comunidad<\/strong> para informarse sobre los la crisis pol\u00edtico-econ\u00f3mica y los acontecimientos que sucedieron a partir de 1948 en Sud\u00e1frica.<\/p>\n\n\n\n<p class=\"has-text-align-center\" style=\"font-size:16px\">Gracias<\/p>\n\n\n\n<p>Fuentes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Igor; What Is Inter Font And Why Should You Use It?<a href=\"https:\/\/hipfonts.com\/inter-font\/?expand_article=1\">https:\/\/hipfonts.com\/inter-font\/?expand_article=1<\/a><\/li>\n\n\n\n<li>Google Fonts; Inter                                   <a href=\"https:\/\/fonts.google.com\/specimen\/Inter\">https:\/\/fonts.google.com\/specimen\/Inter<\/a><\/li>\n\n\n\n<li>Mercedes J\u00e1uregui, Natalia Pano;Glosario web <a href=\"http:\/\/www.oert.org\/glosario-web\/\">http:\/\/www.oert.org\/glosario-web\/<\/a><\/li>\n\n\n\n<li>Enuga S. Reddy; La lucha contra el apartheid : Lecciones para el mundo de hoy                                                              <a href=\"https:\/\/www.un.org\/es\/cr%C3%B3nica-onu\/la-lucha-contra-el-apartheid-lecciones-para-el-mundo-de-hoy\">https:\/\/www.un.org\/es\/cr%C3%B3nica-onu\/la-lucha-contra-el-apartheid-lecciones-para-el-mundo-de-hoy<\/a><\/li>\n\n\n\n<li>Escola d&#8217;art i superior de disseny; Psicolog\u00eda del color: El color y las emociones\u00a0                                         <a href=\"https:\/\/perio.unlp.edu.ar\/catedras\/ecal\/wp-content\/uploads\/sites\/125\/2020\/04\/Psicologia-del-color.pdf\">https:\/\/perio.unlp.edu.ar\/catedras\/ecal\/wp-content\/uploads\/sites\/125\/2020\/04\/Psicologia-del-color.pdf<\/a><\/li>\n\n\n\n<li>Francisco Roca; Primeras Tipograf\u00edas Digitales <a href=\"https:\/\/proyectoidis.org\/primeras-tipografias-digitales\/\">https:\/\/proyectoidis.org\/primeras-tipografias-digitales\/<\/a><\/li>\n\n\n\n<li>Mar\u00eda Ledesma Mabel L\u00f3pez; Ret\u00f3ricas del dise\u00f1o social. <a href=\"https:\/\/wolkowiczeditores.com.ar\/product\/retoricas-del-diseno-social\/\">https:\/\/wolkowiczeditores.com.ar\/product\/retoricas-del-diseno-social\/<\/a><\/li>\n\n\n\n<li>Alejandro Herrero; 25 Grids de dise\u00f1o web responsive <a href=\"https:\/\/www.somoswaka.com\/blog\/2015\/04\/25-grids-diseno-web-responsive\/\">https:\/\/www.somoswaka.com\/blog\/2015\/04\/25-grids-diseno-web-responsive\/<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>En el siguiente texto vamos a abordar una p\u00e1gina web creada por una estudiante que investig\u00f3 sobre los hechos ocurridos en Sud\u00e1frica a mediados de la segunda mitad del siglo XX y c\u00f3mo esta a trav\u00e9s del us\u00f3 tipogr\u00e1fico, una paleta de colores definida y la ret\u00f3rica de la imagen logr\u00f3 ir m\u00e1s all\u00e1 de [&hellip;]<\/p>\n","protected":false},"author":124,"featured_media":2761,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[126,29,33,17,20,37],"comision":[14],"eje":[3],"class_list":["post-2690","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categoria","tag-derechos-humanos","tag-experienciadelectura","tag-experienciadeuso","tag-interfaz","tag-tipografia","tag-web","comision-aku-nika","eje-experiencia-lectura-uso"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/2690","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\/124"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comments?post=2690"}],"version-history":[{"count":28,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/2690\/revisions"}],"predecessor-version":[{"id":2805,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/2690\/revisions\/2805"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media\/2761"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media?parent=2690"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/categories?post=2690"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/tags?post=2690"},{"taxonomy":"comision","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comision?post=2690"},{"taxonomy":"eje","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/eje?post=2690"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}