{"id":171471,"date":"2024-05-06T09:55:22","date_gmt":"2024-05-06T12:55:22","guid":{"rendered":"https:\/\/www.comboinfinito.com.br\/principal\/?p=171471"},"modified":"2024-05-06T09:57:07","modified_gmt":"2024-05-06T12:57:07","slug":"persona-ui","status":"publish","type":"post","link":"https:\/\/www.comboinfinito.com.br\/principal\/persona-ui\/","title":{"rendered":"Persona e o poder de sua interface de usu\u00e1rio"},"content":{"rendered":"\n<p>Muitos aspectos de um jogo podem fascinar os jogadores e mant\u00ea-los imersos por dezenas de horas. Seja uma narrativa envolvente, um gameplay viciante ou uma trilha sonora \u00e9pica, a interface de usu\u00e1rio (UI) \u00e9 um elemento frequentemente subestimado nesse contexto. No meu caso, por exemplo, a UI tem um grande impacto no meu v\u00ednculo com o jogo, pois \u00e9 ela que me d\u00e1 as boas-vindas e ser\u00e1 minha principal interface visual durante toda a experi\u00eancia de jogo, seja para paus\u00e1-lo, subir de n\u00edvel, acessar configura\u00e7\u00f5es ou at\u00e9 mesmo durante os di\u00e1logos do jogo. Entre tantos jogos e franquias, a s\u00e9rie Persona se destacou por oferecer aos jogadores uma UI estilosa e marcante.<\/p><div id=\"combo-3086090774\" class=\"combo-paragrafo-1-2 combo-entity-placement\"><div style=\" margin: 10px auto;\">\r\n  <div style=\"text-align: center; \">\r\n    <span style=\"font-size: 10px; \">- PUBLICIDADE -<\/span>\r\n  <\/div>\r\n  <div class=\"pubad\" data-pos=\"LMR\" style=\"margin:0 auto; text-align: center; width: 336px; height: 280px;\"><\/div>\r\n<\/div><\/div>\n\n\n\n<p>Isso se deve ao excelente trabalho da Atlus em criar uma UI intuitiva e que represente bem o mundo do jogo. Esse estilo pr\u00f3prio de criar interfaces de usu\u00e1rio nasceu em 2006 com Persona 3, antes de se tornar um elemento fundamental dentro da franquia.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Mais do que uma UI. Uma identidade<\/strong><\/h4>\n\n\n\n<p>Persona 3, lan\u00e7ado em 2006 para PS2, foi o pioneiro nesse estilo e estrutura que agora estamos familiarizados, seja em sua est\u00e9tica musical ou visual. Por exemplo, a roda de a\u00e7\u00f5es dos personagens durante o combate, que se assemelha a um tambor de rev\u00f3lver, faz refer\u00eancia ao instrumento usado pelos personagens para invocar suas &#8220;personas&#8221;.<\/p>\n\n\n\n<p>Al\u00e9m desse detalhe incr\u00edvel, a cor azul em Persona 3, presente em toda a interface do jogo, reflete os temas de solid\u00e3o e depress\u00e3o abordados na hist\u00f3ria.<\/p><div id=\"combo-1384046625\" class=\"combo-paragrafo-3 combo-entity-placement\"><div style=\" margin: 10px auto;\">\r\n  <div style=\"text-align: center; \">\r\n    <span style=\"font-size: 10px; \">- PUBLICIDADE -<\/span>\r\n  <\/div>\r\n  <div class=\"pubad\" data-pos=\"LMR\" style=\"margin:0 auto; text-align: center; width: 336px; height: 280px;\"><\/div>\r\n<\/div><\/div>\n\n\n\n<p>Em fevereiro deste ano, Persona 3 recebeu um remake que aprimorou ainda mais essa ideia, tornando-o detentor de uma das interfaces de usu\u00e1rio mais bonitas j\u00e1 feitas para jogos. A cada novo acesso ao jogo, a UI traz uma anima\u00e7\u00e3o diferente do protagonista, como se estivesse imerso no tom azul.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.comboinfinito.com.br\/principal\/wp-content\/uploads\/2024\/05\/persona-1.jpg\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.comboinfinito.com.br\/principal\/wp-content\/uploads\/2024\/05\/persona-1-1024x576.jpg\" alt=\"Persona\" class=\"wp-image-171481\" srcset=\"https:\/\/www.comboinfinito.com.br\/principal\/wp-content\/uploads\/2024\/05\/persona-1-1024x576.jpg 1024w, https:\/\/www.comboinfinito.com.br\/principal\/wp-content\/uploads\/2024\/05\/persona-1-300x169.jpg 300w, https:\/\/www.comboinfinito.com.br\/principal\/wp-content\/uploads\/2024\/05\/persona-1-768x432.jpg 768w, https:\/\/www.comboinfinito.com.br\/principal\/wp-content\/uploads\/2024\/05\/persona-1-150x84.jpg 150w, https:\/\/www.comboinfinito.com.br\/principal\/wp-content\/uploads\/2024\/05\/persona-1.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Com Persona 4, lan\u00e7ado para PS2 em 2008, o padr\u00e3o foi mantido, dessa vez com toda a tem\u00e1tica dos anos 70 e a cor amarela predominante na interface, simbolizando felicidade. N\u00e3o \u00e9 \u00e0 toa que a UI e a roda de a\u00e7\u00f5es nos combates \u00e9 tomada pelo amarelo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.comboinfinito.com.br\/principal\/wp-content\/uploads\/2024\/05\/persona-4.jpg\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.comboinfinito.com.br\/principal\/wp-content\/uploads\/2024\/05\/persona-4-1024x576.jpg\" alt=\"\" class=\"wp-image-171486\" srcset=\"https:\/\/www.comboinfinito.com.br\/principal\/wp-content\/uploads\/2024\/05\/persona-4-1024x576.jpg 1024w, https:\/\/www.comboinfinito.com.br\/principal\/wp-content\/uploads\/2024\/05\/persona-4-300x169.jpg 300w, https:\/\/www.comboinfinito.com.br\/principal\/wp-content\/uploads\/2024\/05\/persona-4-768x432.jpg 768w, https:\/\/www.comboinfinito.com.br\/principal\/wp-content\/uploads\/2024\/05\/persona-4-150x84.jpg 150w, https:\/\/www.comboinfinito.com.br\/principal\/wp-content\/uploads\/2024\/05\/persona-4.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Em 2016, Persona 5 elevou esses conceitos a um novo n\u00edvel de criatividade, criando uma UI viva e interativa. Usando a cor vermelha como tema, que representa rebeli\u00e3o em muitos casos, o protagonista Joker se destaca nos momentos-chave do jogo.<\/p><div id=\"combo-1443207550\" class=\"combo-conteudo combo-entity-placement\"><div style=\" margin: 10px auto;\">\r\n  <div style=\"text-align: center; \">\r\n    <span style=\"font-size: 10px; \">- PUBLICIDADE -<\/span>\r\n  <\/div>\r\n  <div class=\"pubad\" data-pos=\"LMR\" style=\"margin:0 auto; text-align: center; width: 336px; height: 280px;\"><\/div>\r\n<\/div><\/div>\n\n\n\n<p>Cada aba do menu de Persona 5 apresenta uma rea\u00e7\u00e3o diferente de Joker, expressando seu esp\u00edrito rebelde. Essa rebeldia tamb\u00e9m se estende aos formatos das letras nos menus, que n\u00e3o seguem a mesma fonte. A Atlus transformou a UI e o menu de Persona 5 em organismos vivos que representam t\u00e3o bem o tema quanto a narrativa e o gameplay do jogo. Um exemplo \u00e9 a aba de Social Link, onde vemos o Rank de nosso v\u00ednculo social com os NPCs. Nesta aba, a UI traz Joker em um mesmo tra\u00e7o com os NPCs a qual ele est\u00e1 construindo um v\u00ednculo, representando, assim, a conex\u00e3o entre os dois indiv\u00edduos.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.comboinfinito.com.br\/principal\/wp-content\/uploads\/2024\/05\/persona-5-1.jpg\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.comboinfinito.com.br\/principal\/wp-content\/uploads\/2024\/05\/persona-5-1-1024x576.jpg\" alt=\"\" class=\"wp-image-171484\" srcset=\"https:\/\/www.comboinfinito.com.br\/principal\/wp-content\/uploads\/2024\/05\/persona-5-1-1024x576.jpg 1024w, https:\/\/www.comboinfinito.com.br\/principal\/wp-content\/uploads\/2024\/05\/persona-5-1-300x169.jpg 300w, https:\/\/www.comboinfinito.com.br\/principal\/wp-content\/uploads\/2024\/05\/persona-5-1-768x432.jpg 768w, https:\/\/www.comboinfinito.com.br\/principal\/wp-content\/uploads\/2024\/05\/persona-5-1-150x84.jpg 150w, https:\/\/www.comboinfinito.com.br\/principal\/wp-content\/uploads\/2024\/05\/persona-5-1.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Portanto, \u00e9 ineg\u00e1vel o talento da Atlus em criar interfaces de usu\u00e1rio criativas e marcantes, embora esse aspecto muitas vezes seja subestimado pelos jogadores. <\/p>\n\n\n\n<p>No entanto, para aqueles que se importam, os jogos da franquia Persona oferecem uma experi\u00eancia visualmente gratificante, assim como o pr\u00f3ximo RPG da Atlus, Metaphor: Refantazio, que est\u00e1 programado para ser lan\u00e7ado em outubro deste ano.<\/p>\n\n\n\n<p><strong>Persona encontrou um concorrente<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Metaphor: ReFantazio \u2014 The King\u2019s Trial | Xbox Series X|S, Windows PC\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/zmMz9QjUHmA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Em 11 de outubro de 2024, a Atlus lan\u00e7ar\u00e1 no mercado um novo RPG de seu est\u00fadio rec\u00e9m-fundado em 2016, o Studio Zero. Sob a lideran\u00e7a de ningu\u00e9m menos que Katsura Hashino, o designer de personagens Shigenori Soejima e o compositor Shoji Meguro, respons\u00e1veis por Persona 3, 4 e 5, este novo t\u00edtulo promete ser algo completamente novo. Chamado de Metaphor: Refatanzio, o jogo ter\u00e1 sua ambienta\u00e7\u00e3o em uma fantasia medieval, um contraste marcante com o tom moderno e estudantil da franquia Persona.<\/p>\n\n\n\n<p>Mas se h\u00e1 algo que este novo RPG herdar\u00e1 do popular RPG estudantil da Atlus e talvez at\u00e9 o aprimore, \u00e9 a qualidade visual de sua interface de usu\u00e1rio. Afinal, por tr\u00e1s desse projeto est\u00e3o as mentes que moldaram Persona at\u00e9 o que \u00e9 hoje aos nossos olhos.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.comboinfinito.com.br\/principal\/wp-content\/uploads\/2024\/04\/metaphor-refantzio-1-1.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.comboinfinito.com.br\/principal\/wp-content\/uploads\/2024\/04\/metaphor-refantzio-1-1-1024x576.jpg\" alt=\"Metaphor: Refantazio\" class=\"wp-image-169644\" srcset=\"https:\/\/www.comboinfinito.com.br\/principal\/wp-content\/uploads\/2024\/04\/metaphor-refantzio-1-1-1024x576.jpg 1024w, https:\/\/www.comboinfinito.com.br\/principal\/wp-content\/uploads\/2024\/04\/metaphor-refantzio-1-1-300x169.jpg 300w, https:\/\/www.comboinfinito.com.br\/principal\/wp-content\/uploads\/2024\/04\/metaphor-refantzio-1-1-768x432.jpg 768w, https:\/\/www.comboinfinito.com.br\/principal\/wp-content\/uploads\/2024\/04\/metaphor-refantzio-1-1-150x84.jpg 150w, https:\/\/www.comboinfinito.com.br\/principal\/wp-content\/uploads\/2024\/04\/metaphor-refantzio-1-1.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Portanto, fortemente inspirada pelas obras da era renascentista, Metaphor: Refantazio, ao contr\u00e1rio de Persona, n\u00e3o optou por uma cor \u00fanica para se representar. Sua UI e menus s\u00e3o uma explos\u00e3o de cores que se assemelham mais a um quadro pintado com pinceladas. Essa extravag\u00e2ncia visual diz muito sobre liberdade e pluralidade.<\/p>\n\n\n\n<p>Em suma, se a franquia Persona deixou um legado visual nos jogos, Metaphor: Refantazio est\u00e1 prestes a conquistar uma parte desse legado.<\/p>\n<div id=\"combo-1563699113\" class=\"combo-depois-do-conteudo combo-entity-placement\"><div id=\"target-outbrain\"><\/div>\r\n<!--OUTBRAIN-->\r\n<script type=\"text\/javascript\">\r\n\/*smartfeed*\/\r\ndocument.getElementById(\"target-outbrain\").insertAdjacentHTML('afterEnd','<div class=\"OUTBRAIN\" data-src='+ location.href +' data-widget-id=\"GS_4\"style =\"width:80%;margin:auto;\"><\/div>');\r\n<\/script>\r\n<script type=\"text\/javascript\" async=\"async\" src=\"\/\/widgets.outbrain.com\/outbrain.js\"><\/script>\r\n<!--OUTBRAIN--> <\/div>","protected":false},"excerpt":{"rendered":"<p>Muitos aspectos de um jogo podem fascinar os jogadores e mant\u00ea-los imersos por dezenas de horas. Seja uma narrativa envolvente, um gameplay viciante ou uma trilha sonora \u00e9pica, a interface de usu\u00e1rio (UI) \u00e9 um elemento frequentemente subestimado nesse contexto. No meu caso, por exemplo, a UI tem um grande impacto no meu v\u00ednculo com [&hellip;]<\/p>\n","protected":false},"author":40,"featured_media":171475,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_shortscore_rating":"","_shortscore_game":"","_shortscore_summary":"","footnotes":""},"categories":[12309,1,12293,241],"tags":[123,85592,84065,15344,16113,17735,5026,85593],"class_list":["post-171471","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-noticias","category-artigos","category-games","category-todas","tag-atlus","tag-interface-de-usuario","tag-metaphor-refantazio","tag-persona","tag-persona-3","tag-persona-4","tag-persona-5","tag-ui"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Persona e o poder de sua interface de usu\u00e1rio<\/title>\n<meta name=\"description\" content=\"A Atlus \u00e9 a \u00fanica desenvolvedora que se empenha entregar uma interface de usu\u00e1rio marcante, e Persona \u00e9 o exemplo deste excelente trabalho.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.comboinfinito.com.br\/principal\/persona-ui\/\" \/>\n<meta name=\"author\" content=\"Jo\u00e3o Ant\u00f4nio\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.comboinfinito.com.br\\\/principal\\\/persona-ui\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/www.comboinfinito.com.br\\\/principal\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Persona e o poder de sua interface de usu\u00e1rio\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Persona e o poder de sua interface de usu\u00e1rio","description":"A Atlus \u00e9 a \u00fanica desenvolvedora que se empenha entregar uma interface de usu\u00e1rio marcante, e Persona \u00e9 o exemplo deste excelente trabalho.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.comboinfinito.com.br\/principal\/persona-ui\/","author":"Jo\u00e3o Ant\u00f4nio","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/www.comboinfinito.com.br\/principal\/persona-ui\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.comboinfinito.com.br\/principal\/"},{"@type":"ListItem","position":2,"name":"Persona e o poder de sua interface de usu\u00e1rio"}]}]}},"_links":{"self":[{"href":"https:\/\/www.comboinfinito.com.br\/principal\/wp-json\/wp\/v2\/posts\/171471","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.comboinfinito.com.br\/principal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.comboinfinito.com.br\/principal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.comboinfinito.com.br\/principal\/wp-json\/wp\/v2\/users\/40"}],"replies":[{"embeddable":true,"href":"https:\/\/www.comboinfinito.com.br\/principal\/wp-json\/wp\/v2\/comments?post=171471"}],"version-history":[{"count":0,"href":"https:\/\/www.comboinfinito.com.br\/principal\/wp-json\/wp\/v2\/posts\/171471\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.comboinfinito.com.br\/principal\/wp-json\/wp\/v2\/media\/171475"}],"wp:attachment":[{"href":"https:\/\/www.comboinfinito.com.br\/principal\/wp-json\/wp\/v2\/media?parent=171471"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.comboinfinito.com.br\/principal\/wp-json\/wp\/v2\/categories?post=171471"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.comboinfinito.com.br\/principal\/wp-json\/wp\/v2\/tags?post=171471"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}