{"id":4216,"date":"2018-05-23T15:12:53","date_gmt":"2018-05-23T18:12:53","guid":{"rendered":"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/?p=4216"},"modified":"2018-05-23T15:26:33","modified_gmt":"2018-05-23T18:26:33","slug":"la-tipografia-de-stranger-things","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/la-tipografia-de-stranger-things\/","title":{"rendered":"La tipograf\u00eda de Stranger Things"},"content":{"rendered":"<p>Como la gran mayor\u00eda de nosotros es probable que te hayas dejado llevar por el gran universo de la serie de ciencia ficci\u00f3n Stranger Things, la cual tuvo su primer temporada el 15 de Julio del 2016, ya sea por la recomendaci\u00f3n de un amigo o por simple curiosidad devoraste cap\u00edtulo tras cap\u00edtulo sin poder parar. El desarrollo de la trama y los personajes son realmente buenos, pero como dise\u00f1adores tenemos la mirada en cada detalle. Todo el tiempo estamos viendo la manera actual de comunicarnos a trav\u00e9s del dise\u00f1o.<\/p>\n<p>Por esta raz\u00f3n mi mirada va dirigida hacia el titulo de Stranger Things, ya que su apertura es refrescantemente simple, muestra solo lo que es necesario para establecer el estado de \u00e1nimo.<br \/>\nMuestra algo mucho m\u00e1s importante a\u00fan, que pod\u00e9s hacer mucho con la tipo.<\/p>\n<p>\u00bfPero como lograr que un logotipo sea tan pregnante y reconocido en tan poco tiempo?<\/p>\n<p>Tres conceptos importantes: reconocimiento, escala y paleta.<\/p>\n<h4><strong>1.\u00a0 Reconocimiento<\/strong><\/h4>\n<p>El logotipo de\u00a0<em>Stranger Things<\/em>\u00a0es probable que te resulte extra\u00f1amente familiar, y te transporta a una \u00e9poca en la que Stephen King reinaba como el rey (escritor estadounidense de novelas de terror, ficci\u00f3n sobrenatural, misterio, ciencia ficci\u00f3n y fantas\u00eda).\u00a0Los creadores del programa, Matt y Ross Duffer, citan directamente a King como la inspiraci\u00f3n detr\u00e1s del logotipo del programa, habiendo enviado copias de las novelas de King a Imaginary Forces, el estudio creativo detr\u00e1s de la secuencia del t\u00edtulo.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"4217\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/la-tipografia-de-stranger-things\/king-covers\/\" data-orig-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/05\/king-covers.png\" data-orig-size=\"800,464\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"king-covers\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/05\/king-covers.png\" class=\"aligncenter wp-image-4217 size-full\" src=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/05\/king-covers.png\" alt=\"\" width=\"800\" height=\"464\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/05\/king-covers.png 800w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/05\/king-covers-300x174.png 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/05\/king-covers-768x445.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Inmediatamente reconocible para cualquiera que haya vivido en los 80, esas tapas te dan escalofr\u00edos.\u00a0Usando una versi\u00f3n modificada del tipo de letra distintivo Benguiat, el logo de <em>Stranger Things<\/em>\u00a0juega respetuosa y efectivamente con ese reconocimiento en la secuencia del t\u00edtulo, estableciendo el estado de \u00e1nimo para lo que sigue.<\/p>\n<p>&nbsp;<\/p>\n<h4><strong>2. Escala<\/strong><\/h4>\n<p><span style=\"font-style: inherit;font-weight: inherit\">L\u00edneas rojas brillantes entran en el marco.<\/span>\u00a0<span style=\"font-style: inherit;font-weight: inherit\">Al principio uno podr\u00eda pensar que son formas simples, pero pronto se da cuenta de que es un primer plano de la articulaci\u00f3n de la N, el arco de la R y la S. Est\u00e1n tan cerca que se puede distinguir part\u00edculas individuales de grano de pel\u00edcula.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"4218\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/la-tipografia-de-stranger-things\/stranger-n\/\" data-orig-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/05\/stranger-n.jpeg\" data-orig-size=\"800,400\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"stranger-n\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/05\/stranger-n.jpeg\" class=\"aligncenter wp-image-4218 size-full\" src=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/05\/stranger-n.jpeg\" alt=\"\" width=\"800\" height=\"400\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/05\/stranger-n.jpeg 800w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/05\/stranger-n-300x150.jpeg 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/05\/stranger-n-768x384.jpeg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Un acercamiento extremo es una t\u00e9cnica cinematogr\u00e1fica que cuando se usa con moderaci\u00f3n y con intenci\u00f3n puede invocar emociones intensas del espectador.\u00a0Al acercarte de cerca y de forma personal, el espectador alcanza un nuevo nivel de intimidad con la escena.\u00a0Esta intimidad hace que el espectador se vuelva vulnerable, y la vulnerabilidad provoca una emoci\u00f3n m\u00e1s profunda, en este caso, inquietud o incluso miedo.<\/p>\n<p>&nbsp;<\/p>\n<h4>3. Paleta<\/h4>\n<p><span style=\"font-style: inherit;font-weight: inherit\">Encontrar la combinaci\u00f3n correcta de tipograf\u00edas puede ser tedioso.<\/span>\u00a0<span style=\"font-style: inherit;font-weight: inherit\">Aunque no existen reglas, hay algunas t\u00e9cnicas que utilizan los dise\u00f1adores para guiarnos a trav\u00e9s del proceso.\u00a0<\/span><span style=\"font-style: inherit;font-weight: inherit\">Utilizando algunas de estas t\u00e9cnicas, el emparejamiento del serif decorativo Benguiat y el sans serif geom\u00e9trico Avant Garde construye una paleta tipogr\u00e1fica que efectivamente establece el tono del espect\u00e1culo.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"4219\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/la-tipografia-de-stranger-things\/stranger-benguiat\/\" data-orig-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/05\/stranger-benguiat.jpeg\" data-orig-size=\"800,399\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"stranger-benguiat\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/05\/stranger-benguiat.jpeg\" class=\"aligncenter wp-image-4219 size-full\" src=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/05\/stranger-benguiat.jpeg\" alt=\"\" width=\"800\" height=\"399\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/05\/stranger-benguiat.jpeg 800w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/05\/stranger-benguiat-300x150.jpeg 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/05\/stranger-benguiat-768x383.jpeg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Lo que interesa particularmente sobre los 2 tipos de letra es su alianza hist\u00f3rica.\u00a0<span style=\"font-style: inherit;font-weight: inherit\">Cada uno fue dise\u00f1ado por h\u00e9roes tipogr\u00e1ficos y viejos amigos, Ed Benguiat (Benguiat) y Herb Lubalin (Avant Garde).<\/span>\u00a0<span style=\"font-style: inherit;font-weight: inherit\">Cada uno fue lanzado por el ITC en la d\u00e9cada de 1970.<\/span>\u00a0<span style=\"font-style: inherit;font-weight: inherit\">Y cada uno se inspir\u00f3 en distintos movimientos art\u00edsticos de principios del siglo XX: Benguiat por Art Nouveau y Avant Garde por Bauhaus.<\/span><\/p>\n<p><span style=\"font-style: inherit;font-weight: inherit\">La d\u00e9cada de 1980 revivi\u00f3 la tipograf\u00eda retro de varios per\u00edodos art\u00edsticos de una manera que dio un nuevo significado a su uso.<\/span>\u00a0<span style=\"font-style: inherit;font-weight: inherit\">Al usarlos de nuevo en 2016, como lo hizo el equipo\u00a0<\/span><em style=\"font-weight: inherit\">Stranger Things<\/em>\u00a0brillantemente, nos recuerda el poder hist\u00f3rico de la tipograf\u00eda y la propiedad trascendental del dise\u00f1o.<\/p>\n<p><span style=\"font-style: inherit;font-weight: inherit\"><em style=\"font-weight: inherit\">Nota:<\/em>\u00a0Las im\u00e1genes utilizadas son del dise\u00f1ador y animador Eric Demeusy.\u00a0<\/span><\/p>\n<p><a href=\"http:\/\/ericdemeusy.com\/strangerthings\">http:\/\/ericdemeusy.com\/strangerthings<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Algunos datos sobre la fuente elegida para el logotipo de la serie.<\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"La tipograf\u00eda de Stranger Things  #\u200eTipoblog #Tipograf&iacute;a2 #C&aacute;tedraCosgaya #\u200eFADU #\u200eUBA","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[22,24],"tags":[],"class_list":["post-4216","post","type-post","status-publish","format-standard","hentry","category-genero","category-sociedad"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9TJog-160","_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/posts\/4216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/comments?post=4216"}],"version-history":[{"count":9,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/posts\/4216\/revisions"}],"predecessor-version":[{"id":4228,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/posts\/4216\/revisions\/4228"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/media?parent=4216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/categories?post=4216"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/tags?post=4216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}