{"id":5455,"date":"2018-08-16T20:28:47","date_gmt":"2018-08-16T23:28:47","guid":{"rendered":"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/?p=5455"},"modified":"2018-08-16T20:28:47","modified_gmt":"2018-08-16T23:28:47","slug":"suenan-los-androides-con-tipografias-electricas","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/suenan-los-androides-con-tipografias-electricas\/","title":{"rendered":"\u00bfSue\u00f1an los androides con tipograf\u00edas el\u00e9ctricas?"},"content":{"rendered":"<p>Una tecnolog\u00eda que en d\u00e9cadas pasadas parec\u00eda cosa de ciencia ficci\u00f3n, o que solo la podr\u00edan utilizar grandes empresas o asociaciones cient\u00edficas: la <strong>inteligencia artificial (AI)<\/strong>. Hoy en d\u00eda esta tecnolog\u00eda ya es una herramienta de uso diario y experimentaci\u00f3n constante. El uso actual m\u00e1s expandido de la inteligencia artificial es el <strong><em>machine learning<\/em><\/strong> o aprendizaje autom\u00e1tico, y est\u00e1 basado en la idea de que deber\u00edamos dar a las m\u00e1quinas acceso a los datos y permitirles aprender por s\u00ed mismos.<\/p>\n<figure id=\"attachment_5456\" aria-describedby=\"caption-attachment-5456\" style=\"width: 380px\" class=\"wp-caption alignright\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"5456\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/suenan-los-androides-con-tipografias-electricas\/virtual_8992a7_5321567\/\" data-orig-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/08\/Virtual_8992a7_5321567.gif\" data-orig-size=\"380,214\" 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=\"Virtual_8992a7_5321567\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Flexible Muscle-Based Locomotion for Bipedal Creatures&lt;\/p&gt;\n\" data-large-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/08\/Virtual_8992a7_5321567.gif\" class=\"size-full wp-image-5456\" src=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/08\/Virtual_8992a7_5321567.gif\" alt=\"\" width=\"380\" height=\"214\" \/><figcaption id=\"caption-attachment-5456\" class=\"wp-caption-text\"><span style=\"color: #999999\"><em>Flexible Muscle-Based Locomotion for Bipedal Creatures.<\/em> Se necesito llegar a la generaci\u00f3n 999 para que el modelo caminara sin problemas.<br \/><\/span><\/figcaption><\/figure>\n<p>Como lo dice su nombre, una m\u00e1quina (en realidad un algoritmo) revisa datos y es capaz de predecir comportamientos futuros. En lugar de escribir c\u00f3digo, se alimenta con datos a un algoritmo gen\u00e9rico y este construye su propia l\u00f3gica basada en los datos. Esto implica que luego, estos sistemas se mejoran de forma aut\u00f3noma con el tiempo a partir de la sucesi\u00f3n de varias generaciones exitosas.<\/p>\n<p>No es la inteligencia artificial que nos suele venir a la mente al o\u00edr la palabra, no van a desarrollar emociones o esclavizarnos (a\u00fan). Y aunque se intenta que las AI emulen habilidades como memoria, lenguaje, aprendizaje, expresi\u00f3n o reconocimiento de patrones, tampoco son completamente aut\u00f3nomas al hacerlo. Se puede decir que son m\u00e1s bien <strong>\u201cinteligencias aumentadas\u201d<\/strong>, todav\u00eda requieren de la inteligencia humana para definir reglas y orientar el camino.<\/p>\n<p>Ciertamente, lo incre\u00edble de las AI y el <em>machine learning<\/em> es la flexibilidad en sus aplicaciones. Hay desde AI\u2019s que son el cerebro detr\u00e1s de los veh\u00edculos aut\u00f3nomos desarrollados por Google, trabajan en los sistemas de detecci\u00f3n de fraude de los bancos, son algoritmos que simulan y <a href=\"https:\/\/www.youtube.com\/watch?v=pgaEE27nsQw\">recrean acciones biol\u00f3gicas<\/a>, y hasta hay inteligencias como <strong>MarI\/O<\/strong>, que aprendi\u00f3 a jugar al Super Mario World.<\/p>\n<p style=\"text-align: center\"><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/qv6UVOQ0F44?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=es-AR&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span><\/p>\n<p>Y ya hay y se siguen desarrollando todo el tiempo diversas inteligencias relacionadas al mundo del arte y del dise\u00f1o: AI que <a href=\"https:\/\/deepart.io\/\">modifican fotograf\u00edas<\/a>, que <a href=\"https:\/\/paintschainer.preferred.tech\">pintan bocetos<\/a> o que <a href=\"https:\/\/www.moma.org\/calendar\/exhibitions\/history\/identifying-art\">identifican obras.<\/a><\/p>\n<p>&nbsp;<\/p>\n<h2>FONT MAP<\/h2>\n<p>Algo interesante que me encontr\u00e9 este a\u00f1o es un experimento devenido en proyecto: <a href=\"http:\/\/fontmap.ideo.com\/\"><strong>Font Map<\/strong><\/a>, realizado por el dise\u00f1ador de software estadounidense <a href=\"https:\/\/medium.com\/ideo-stories\/organizing-the-world-of-fonts-with-ai-7d9e49ff2b25\">Kevin Ho<\/a>. Inspirado en proyectos donde se hizo uso del <em>machine learning<\/em> para organizar fotograf\u00edas en mapas visuales, Kevin se pregunt\u00f3 si pod\u00eda hacer lo mismo con tipograf\u00eda, para crear herramientas que ayuden a los dise\u00f1adores.<\/p>\n<p>As\u00ed fue que empez\u00f3 con <a href=\"http:\/\/fontmap.ideo.com\/\">Font Map<\/a>, una herramienta interactiva que permite navegar entre tipograf\u00edas, haciendo clic en ellas y viendo cuales son las m\u00e1s cercanas en parentesco.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"5458\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/suenan-los-androides-con-tipografias-electricas\/font_map_ideo-0-png\/\" data-orig-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/08\/font_map_ideo.0.png.jpg\" data-orig-size=\"920,613\" 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=\"font_map_ideo.0.png\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/08\/font_map_ideo.0.png.jpg\" class=\"wp-image-5458 aligncenter\" src=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/08\/font_map_ideo.0.png-300x200.jpg\" alt=\"\" width=\"920\" height=\"613\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/08\/font_map_ideo.0.png-300x200.jpg 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/08\/font_map_ideo.0.png-768x512.jpg 768w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/08\/font_map_ideo.0.png.jpg 920w\" sizes=\"auto, (max-width: 920px) 100vw, 920px\" \/><\/p>\n<p>Construy\u00f3 el mapa utilizando un algoritmo de aprendizaje autom\u00e1tico que puede ordenar las fuentes por caracter\u00edsticas visuales, como el peso, si es serif o san-serif, y cursiva o no cursiva. Tomando de muestra una imagen que gener\u00f3 para cada tipograf\u00eda con la palabra <em>handgloves<\/em> y trav\u00e9s de un algoritmo que reconociera las caracter\u00edsticas visuales notables de cada familia es que cre\u00f3 un mapa con 750 familias de Google Fonts organizadas en un espacio 2D.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"5459\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/suenan-los-androides-con-tipografias-electricas\/1-e1tpe2ppzhktpibqgr7dfa\/\" data-orig-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/08\/1-e1Tpe2pPZhkTPiBQgr7DFA.jpeg\" data-orig-size=\"1000,749\" 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=\"1 e1Tpe2pPZhkTPiBQgr7DFA\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/08\/1-e1Tpe2pPZhkTPiBQgr7DFA.jpeg\" class=\"aligncenter size-full wp-image-5459\" src=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/08\/1-e1Tpe2pPZhkTPiBQgr7DFA.jpeg\" alt=\"\" width=\"1000\" height=\"749\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/08\/1-e1Tpe2pPZhkTPiBQgr7DFA.jpeg 1000w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/08\/1-e1Tpe2pPZhkTPiBQgr7DFA-300x225.jpeg 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/08\/1-e1Tpe2pPZhkTPiBQgr7DFA-768x575.jpeg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p>Los resultados fueron sorprendentemente precisos y el algoritmo logr\u00f3 organizar grupos de familias similares, as\u00ed como separar tipograf\u00edas m\u00e1s extra\u00f1as y con menos relaciones. Una vez creado el mapa, y con ayuda de otros dise\u00f1adores, lo tradujo en una herramienta online que sea interesante y \u00fatil para los dise\u00f1adores.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"5460\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/suenan-los-androides-con-tipografias-electricas\/font_map\/\" data-orig-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/08\/font_map.gif\" data-orig-size=\"400,223\" 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=\"font_map\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/08\/font_map.gif\" class=\"alignleft size-full wp-image-5460\" src=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/08\/font_map.gif\" alt=\"\" width=\"400\" height=\"223\" \/><\/p>\n<p>El mapa sirve como un vistazo r\u00e1pido y organizado de <strong>750 familias tipogr\u00e1ficas<\/strong>, y es \u00fatil al momento de tener que buscar una tipograf\u00eda para un proyecto cuando el sistema de b\u00fasqueda tradicional por categor\u00edas no nos da los resultados que queremos.<\/p>\n<p>&nbsp;<\/p>\n<h4><\/h4>\n<h4>FINALMENTE<\/h4>\n<p>Nos abre la ventana a pensar en las posibilidades que nos pueden dar los sistemas de inteligencia artificial al momento de ayudar en el proceso del dise\u00f1o. Como lo plantea el creador de Font Map, es un proceso que puede ser aplicable a infinidad de otras variables y escalas m\u00e1s grandes. Dado que la inteligencia artificial es ahora es <strong>m\u00e1s accesible que nunca<\/strong>, los dise\u00f1adores tenemos la oportunidad de pensar c\u00f3mo se puede aplicar el aprendizaje autom\u00e1tico para mejorar los productos y la experiencia de dise\u00f1o.<\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<p>Dejo enlace a la p\u00e1gina <a href=\"https:\/\/experiments.withgoogle.com\/\">Experiments with Google<\/a>, d\u00f3nde encontr\u00e9 por primera vez la aplicaci\u00f3n de Font Map y donde hay muchos otros experimentos con AI, de arte, dise\u00f1o y tecnolog\u00eda.<\/p>\n<p><a href=\"https:\/\/experiments.withgoogle.com\/\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"5466\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/suenan-los-androides-con-tipografias-electricas\/onpaste-20180816-200321\/\" data-orig-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/08\/OnPaste.20180816-200321.png\" data-orig-size=\"1222,511\" 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=\"OnPaste.20180816-200321\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/08\/OnPaste.20180816-200321-1024x428.png\" class=\"alignnone size-full wp-image-5466\" src=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/08\/OnPaste.20180816-200321.png\" alt=\"\" width=\"1222\" height=\"511\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/08\/OnPaste.20180816-200321.png 1222w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/08\/OnPaste.20180816-200321-300x125.png 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/08\/OnPaste.20180816-200321-768x321.png 768w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/08\/OnPaste.20180816-200321-1024x428.png 1024w\" sizes=\"auto, (max-width: 1222px) 100vw, 1222px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Un vistazo r\u00e1pido sobre la inteligencia artificial y su aplicaci\u00f3n en el dise\u00f1o: \u00bflas AI son nuestras esclavas o van a dominar al mundo? \u00bfQu\u00e9 es el machine learning y c\u00f3mo se come? \u00bfPara qu\u00e9 me sirve a m\u00ed que estoy hace 30 minutos bucando una tipograf\u00eda en Google Fonts?<\/p>\n","protected":false},"author":114,"featured_media":5469,"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":"","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":[21,25],"tags":[166,165,167],"class_list":["post-5455","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ciencia","category-tecnologia","tag-ai","tag-inteligencia-artificial","tag-machine-learning"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/08\/OnPaste.20180816-202046.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9TJog-1pZ","_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/posts\/5455","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\/114"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/comments?post=5455"}],"version-history":[{"count":9,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/posts\/5455\/revisions"}],"predecessor-version":[{"id":5471,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/posts\/5455\/revisions\/5471"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/media\/5469"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/media?parent=5455"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/categories?post=5455"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/tags?post=5455"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}