{"id":6534,"date":"2018-11-06T19:59:46","date_gmt":"2018-11-06T22:59:46","guid":{"rendered":"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/?p=6534"},"modified":"2018-11-06T19:59:46","modified_gmt":"2018-11-06T22:59:46","slug":"tipografia-y-ui-ux-en-videojuegos","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/tipografia-y-ui-ux-en-videojuegos\/","title":{"rendered":"Tipograf\u00eda y UI\/UX en videojuegos."},"content":{"rendered":"<p>Rara vez se menciona o considera al videojuego en el conjunto de plataformas digitales en cuanto tipograf\u00eda se refiere. En todo Tipoblog 2018 encontr\u00e9 un solo post del tema (The Namco Font, lo recomiendo) que sirve de ejemplo a lo que me refiero. Y no, no hago este post en defensa del Fortnite, famoso juego de moda que debe de haber escuchado por su hermanx\/sobrinx\/hijx, sino por simple y pura investigaci\u00f3n tipogr\u00e1fica o de dise\u00f1o.<\/p>\n<div data-carousel-extra='{&quot;blog_id&quot;:1,&quot;permalink&quot;:&quot;https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/tipografia-y-ui-ux-en-videojuegos\/&quot;}' id='gallery-1' class='gallery galleryid-6534 gallery-columns-3 gallery-size-large'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/11\/Gran-Turismo-1.png'><img loading=\"lazy\" decoding=\"async\" width=\"320\" height=\"240\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/11\/Gran-Turismo-1.png\" class=\"attachment-large size-large\" alt=\"\" aria-describedby=\"gallery-1-6537\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/11\/Gran-Turismo-1.png 320w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/11\/Gran-Turismo-1-300x225.png 300w\" sizes=\"auto, (max-width: 320px) 100vw, 320px\" data-attachment-id=\"6537\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/tipografia-y-ui-ux-en-videojuegos\/gran-turismo-1\/\" data-orig-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/11\/Gran-Turismo-1.png\" data-orig-size=\"320,240\" 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=\"Gran Turismo 1\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Men\u00fa de Gran Turismo, Playstation One (1998)&lt;\/p&gt;\n\" data-large-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/11\/Gran-Turismo-1.png\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-6537'>\n\t\t\t\tMen\u00fa de Gran Turismo, Playstation One (1998)\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/11\/Gran-Turismo-2.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/11\/Gran-Turismo-2-1024x576.jpg\" class=\"attachment-large size-large\" alt=\"\" aria-describedby=\"gallery-1-6538\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/11\/Gran-Turismo-2-1024x576.jpg 1024w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/11\/Gran-Turismo-2-300x169.jpg 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/11\/Gran-Turismo-2-768x432.jpg 768w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/11\/Gran-Turismo-2.jpg 1920w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-attachment-id=\"6538\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/tipografia-y-ui-ux-en-videojuegos\/gran-turismo-2\/\" data-orig-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/11\/Gran-Turismo-2.jpg\" data-orig-size=\"1920,1080\" 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=\"Gran Turismo 2\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Men\u00fa de Gran Turismo Sport, Playstation 4 (2014) &lt;\/p&gt;\n\" data-large-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/11\/Gran-Turismo-2-1024x576.jpg\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-6538'>\n\t\t\t\tMen\u00fa de Gran Turismo Sport, Playstation 4 (2014) \n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\n<p>Como sucede en una publicaci\u00f3n impresa, aplicaci\u00f3n m\u00f3vil o medio digital, en el videojuego tambi\u00e9n es necesaria una organizaci\u00f3n y jerarquizaci\u00f3n efectiva de la informaci\u00f3n a comunicar. El buen dise\u00f1o gr\u00e1fico en un juego se comporta como un traductor, en \u00e9l se busca sem\u00e1ntica y estil\u00edsticamente inmersar de manera m\u00e1s f\u00e1cil al jugador; un mal dise\u00f1o entonces, se transforma en un obst\u00e1culo y puede hacer la diferencia entre el \u00e9xito y el fracaso, o entre un juego memorable y uno que no.<\/p>\n<p>Con el paso del tiempo y la evoluci\u00f3n de la tecnolog\u00eda y la industria, mas funciones se vieron agregadas a los men\u00faes, tales como la opci\u00f3n de compartir en redes sociales, la tienda donde descargar contenido adicional, el modo multijugador, etc. y los desarrolladores se vieron obligados a una mayor inversi\u00f3n en este aspecto. Est\u00e1n los que cumplen funcionalmente, los que ademas de cubrir el aspecto funcional, unen tipograf\u00eda y\u00a0miscel\u00e1nea conceptualmente al contenido y los que claramente, fallan o ni siquiera intentaron una experiencia inmersiva del usuario.<\/p>\n<p>Para cerrar, algunos ejemplos de UI creativas:<\/p>\n<p><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\/QmQZg2990ck?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;start=240&#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><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\/JreuK6Pj3cU?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>As\u00ed como tambi\u00e9n negativas, donde se encuentran claramente problemas de jerarqu\u00edas y combinatoria de familias:<\/p>\n<div data-carousel-extra='{&quot;blog_id&quot;:1,&quot;permalink&quot;:&quot;https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/tipografia-y-ui-ux-en-videojuegos\/&quot;}' id='gallery-2' class='gallery galleryid-6534 gallery-columns-3 gallery-size-large'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/tipografia-y-ui-ux-en-videojuegos\/31811-menu-mario-party-8\/'><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"348\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/11\/31811-menu-Mario-Party-8.png\" class=\"attachment-large size-large\" alt=\"\" aria-describedby=\"gallery-2-6541\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/11\/31811-menu-Mario-Party-8.png 640w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/11\/31811-menu-Mario-Party-8-300x163.png 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-attachment-id=\"6541\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/tipografia-y-ui-ux-en-videojuegos\/31811-menu-mario-party-8\/\" data-orig-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/11\/31811-menu-Mario-Party-8.png\" data-orig-size=\"640,348\" 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=\"31811-menu-Mario-Party-8\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Mario Party 8, Nintendo (2007)&lt;\/p&gt;\n\" data-large-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/11\/31811-menu-Mario-Party-8.png\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-2-6541'>\n\t\t\t\tMario Party 8, Nintendo (2007)\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/tipografia-y-ui-ux-en-videojuegos\/super-smash-bros-for-wii-u-menu-2\/'><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/11\/Super-Smash-Bros-for-Wii-U-Menu-2-1024x576.jpg\" class=\"attachment-large size-large\" alt=\"\" aria-describedby=\"gallery-2-6542\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/11\/Super-Smash-Bros-for-Wii-U-Menu-2-1024x576.jpg 1024w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/11\/Super-Smash-Bros-for-Wii-U-Menu-2-300x169.jpg 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/11\/Super-Smash-Bros-for-Wii-U-Menu-2-768x432.jpg 768w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/11\/Super-Smash-Bros-for-Wii-U-Menu-2.jpg 1280w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-attachment-id=\"6542\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/tipografia-y-ui-ux-en-videojuegos\/super-smash-bros-for-wii-u-menu-2\/\" data-orig-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/11\/Super-Smash-Bros-for-Wii-U-Menu-2.jpg\" data-orig-size=\"1280,720\" 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=\"Super-Smash-Bros-for-Wii-U-Menu-2\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Super Smash Bros. , Nintendo (2014)&lt;\/p&gt;\n\" data-large-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/11\/Super-Smash-Bros-for-Wii-U-Menu-2-1024x576.jpg\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-2-6542'>\n\t\t\t\tSuper Smash Bros. , Nintendo (2014)\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\n<p>Gracias por leer!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Un breve vistazo en la actualidad e importancia del dise\u00f1o gr\u00e1fico en la industria gamer.<\/p>\n","protected":false},"author":218,"featured_media":6544,"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":[27,25],"tags":[],"class_list":["post-6534","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cultura","category-tecnologia"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/11\/3058375-persona.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9TJog-1Ho","_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/posts\/6534","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\/218"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/comments?post=6534"}],"version-history":[{"count":6,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/posts\/6534\/revisions"}],"predecessor-version":[{"id":6545,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/posts\/6534\/revisions\/6545"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/media\/6544"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/media?parent=6534"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/categories?post=6534"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/tags?post=6534"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}