{"id":4237,"date":"2018-05-24T02:06:20","date_gmt":"2018-05-24T05:06:20","guid":{"rendered":"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/?p=4237"},"modified":"2018-05-24T02:06:20","modified_gmt":"2018-05-24T05:06:20","slug":"juegos-tipograficos","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/juegos-tipograficos\/","title":{"rendered":"Juegos Tipogr\u00e1ficos"},"content":{"rendered":"

Con motivo del pasado trabajo pr\u00e1ctico del p\u00f3ster y en vista de los que est\u00e1n por venir me pareci\u00f3 un buen momento para compartir esta p\u00e1gina que puede llegar a ser de ayuda al momento de elegir las familias tipogr\u00e1ficas con las que pensamos laburar.<\/p>\n

Typeconnection<\/a> es un recurso web que sirve para combinar tipograf\u00edas. Naci\u00f3 como proyecto de tesis de la dise\u00f1adora Aura Seltzer en 2012. Ella imagino la p\u00e1gina como una posibilidad de acercar la tipograf\u00eda a quien desee introducirse a ella y que lo puedan hacer, a la vez, de manera l\u00fadica y amigable, por lo cual creo este peque\u00f1o juego, algo as\u00ed como una especie de tinder tipogr\u00e1fico (?)<\/p>\n

\"\"<\/p>\n

Al iniciar nos propone elegir entre 5 tipograf\u00edas. (Adobe Garamond Pro, ITC Century, Univers, Archer e ITC Stone Sans) En este caso vamos con la font del Adri, Univers.<\/p>\n

\"\"<\/p>\n

La pantalla siguiente nos propone encontrarle la combinaci\u00f3n correcta seg\u00fan 4 estrategias (la primera opci\u00f3n, por razones obvias no da posibilidad a elegir combinaci\u00f3n ya que habla de una misma familia, en esta opci\u00f3n encontramos informaci\u00f3n y caracter\u00edsticas de la misma.)<\/p>\n

\"\"<\/p>\n

Las estrategias son las siguientes:<\/p>\n

1. Confiar en la familia.\u00a0<\/strong>La primer estrategia es, quiz\u00e1s, la mas segura de todas, tiene que ver con elegir superfamilias, estas nos dan la ventaja de tener muchas variables para combinar mucho mas si se cuentan con distintas versiones, un buen ejemplo que me viene a la mente es Alegreya, que cuenta con una versi\u00f3n serif<\/a> y una sans<\/a>\u00a0ademas de la versi\u00f3n en versalitas.<\/p>\n

2. Buscar parecidos.\u00a0<\/strong>La idea es buscar combinaciones similares, esto nos puede otorgar uniformidad al proyecto pero debemos ser cuidadosos con la elecci\u00f3n, ya que si tienen demasiadas similitudes pueden causar un efecto extra\u00f1o, lo que hace que el posible lector enfoque su atenci\u00f3n en buscar las diferencias en lugar de la lectura. Buscar similitudes en la altura de x, ascendentes, descendentes puede ser una medida confiable.<\/p>\n

3. Abrazar al otro.\u00a0<\/strong>Esta combinaci\u00f3n propone combinar tipograf\u00edas que contrasten en peso, escala o clasificaci\u00f3n. Opci\u00f3n a mi parecer, la mas interesante de todas ya que rompe la monoton\u00eda y genera piezas con cierto dinamismo, algo mas arriesgadas.<\/p>\n

4. Explorar el pasado.\u00a0<\/strong>Indaga mas en la investigaci\u00f3n que en lo visual, propone encontrar relaciones hist\u00f3ricas, esto seria poder pensar en la herramienta de construcci\u00f3n, (pincel, pluma) en el medio de salida (papel, pantalla, metal, madera) o en su contexto hist\u00f3rico. Esta estrategia ademas se alimenta de las anteriores.<\/p>\n

Al pasar el mouse por las opciones nos amplia la info, para este ejemplo voy con la opci\u00f3n 2.<\/p>\n

\"\"<\/p>\n

Despues de elegir la estrategia nos toca buscarle pareja, para que no se sienta sola voy a presentarle a Glypha ya que Maple y Futura no muestran similitudes aparentes a Univers.<\/p>\n

\"\"<\/p>\n

Despu\u00e9s de la elecci\u00f3n, la p\u00e1gina nos muestra las tipos superpuestas para compararlas, ac\u00e1 tenemos la opci\u00f3n de tildar una u otra para poder buscar mas info en los c\u00edrculos que detallan sus caracter\u00edsticas particulares. Podemos ver claramente las relaciones de estructura que hay entre las dos. Ac\u00e1, debo admitir, estoy haciendo un toque de trampa, porque se que las dos tipos son dise\u00f1os de Frutiger, y tambi\u00e9n se (gracias a esta p\u00e1g.) que Frutiger se baso en la estructura de Univers para dise\u00f1ar Glypha. Tener esto en cuenta nos sirve para relacionarlo con la estrategia numero 4 (antes detallada) que nos propone revisar el contexto hist\u00f3rico de las tipograf\u00edas para encontrar posibles combinaciones, saber quien las dise\u00f1o es un m\u00e9todo confiable, ya que los tip\u00f3grafos suelen usar estructuras similares en sus dise\u00f1os, o los suelen “tomar prestados”, un buen ejemplo para ampliar sobre esto es la relaci\u00f3n estructural entre Walbaum (Romana Moderna) y Akzidenz (Sans Grotesca) en esta entrada de OERT<\/a><\/p>\n

\"\"\"\"<\/p>\n

Continuando. Al darle al bot\u00f3n “send them on a date”<\/em> vamos a obtener una respuesta que puede ser positiva o negativa, lo bueno de esto, para bien o mal, es que la dise\u00f1adora justifica el motivo de porque una combinaci\u00f3n puede funcionar o no, esto vuelve a mostrar el rol did\u00e1ctico y pedag\u00f3gico del proyecto. En este caso la combinaci\u00f3n es acertada y hay pareja, se nos muestra un ejemplo gr\u00e1fico de la combinaci\u00f3n en funcionamiento, informaci\u00f3n de ambas tipograf\u00edas y se nos invita a volver a jugar.<\/p>\n

\"\"<\/p>\n

Para finalizar, tengamos en cuenta que para combinar no hay una formula infalible o \u00fanica, es un trabajo que lleva tiempo y muuucha dedicaci\u00f3n, salvo que seas un iluminado de la sensibilidad tipogr\u00e1fica, hay que laburar. Esto puede tener tanto de matem\u00e1tico como de subjetivo, hay que entrenar el ojo todo el tiempo, desarrollar y ampliar la sensibilidad todo el tiempo, creo que eso es lo mas lindo de la tipograf\u00eda, te exige todo el tiempo.<\/p>\n

A modo de cierre comparto tres enlaces que inspiraron typeconnection, estos siguen la metodolog\u00eda de aprender mediante un juego, son bastante simples pero muy efectivos y entretenidos.<\/p>\n

1.Kern Type<\/a>\u00a0Juego para entrenar el interletrado, se empieza con dos signos y se va aumentando a medida que avanza, solo hay 10 palabras para ajustar y al finalizar tenemos una devoluci\u00f3n en porcentaje.<\/p>\n

\"\" \"\"<\/p>\n

2. Shape Type<\/a>\u00a0Este, es un poco mas complicado quiz\u00e1s, tenemos que completar la forma del signo usando los manejad\u00f3res. 10 signos y una devoluci\u00f3n en porcentaje.<\/p>\n

\"\"\"\"\"\"<\/p>\n

3. Font Game<\/a>\u00a0En el jueguito de la p\u00e1gina ilovetypography<\/a> tenemos una familia y cuatro opciones, es simple, que familia es?<\/p>\n

\"\"<\/p>\n

Creo que apropiarse del medio de manera simple, entretenida y por sobre todo educativa, adaptando contenidos y apuntando a las nuevas generaciones es un lugar que como dise\u00f1adores tenemos que apuntar a ocupar y explotar cada vez mas. La finalidad del post fue mostrar que una buena idea, bi\u00e9n aplicada, puede ser de total beneficio para la comunidad. Creo que tenemos una responsabilidad de cara a la sociedad y nos tenemos que hacer cargo.<\/p>\n

Perd\u00f3n por la impuntualidad (me hago cargo) y nos vemos en el taller!<\/p>\n

Abrazo!<\/p>\n","protected":false},"excerpt":{"rendered":"

Typeconnection, un recurso web para aprender, en clave de juego, a combinar tipograf\u00edas.<\/p>\n","protected":false},"author":10,"featured_media":4238,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_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":"Juegos Tipogr\u00e1ficos #\u200eTipoblog #Tipografía2 #Cá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}},"categories":[20,25],"tags":[32,68,49,35,69,70,71],"class_list":["post-4237","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-educacion","category-tecnologia","tag-anatomia","tag-clasificacion-tipografica","tag-combinacion","tag-familia-tipografica","tag-forma","tag-interletra","tag-kerning"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/05\/typeconnection_0.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9TJog-16l","_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/posts\/4237","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\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/comments?post=4237"}],"version-history":[{"count":6,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/posts\/4237\/revisions"}],"predecessor-version":[{"id":4258,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/posts\/4237\/revisions\/4258"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/media\/4238"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/media?parent=4237"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/categories?post=4237"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/tags?post=4237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}