{"id":5684,"date":"2026-02-26T09:21:17","date_gmt":"2026-02-26T12:21:17","guid":{"rendered":"https:\/\/thiagorossi.com.br\/blog\/?p=5684"},"modified":"2026-02-27T09:16:49","modified_gmt":"2026-02-27T12:16:49","slug":"interface-de-usuario-no-gdevelop5","status":"publish","type":"post","link":"https:\/\/thiagorossi.com.br\/blog\/interface-de-usuario-no-gdevelop5\/","title":{"rendered":"Interface de usu\u00e1rio no GDevelop5"},"content":{"rendered":"<span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Tempo de leitura: <\/span> <span class=\"rt-time\"> 3<\/span> <span class=\"rt-label rt-postfix\">minutos<\/span><\/span>\n<p class=\"has-medium-font-size wp-block-paragraph\">Interface de usu\u00e1rio no GDevelop5: A <strong>interface de usu\u00e1rio (UI)<\/strong> \u00e9 um dos elementos mais importantes de qualquer jogo. Ela conecta o jogador \u00e0s mec\u00e2nicas, fornece informa\u00e7\u00f5es essenciais e garante que a experi\u00eancia seja clara e envolvente. No <strong>GDevelop5<\/strong>, criar menus, HUDs (Heads-Up Display) e bot\u00f5es interativos \u00e9 simples e intuitivo, gra\u00e7as ao sistema de <strong>eventos visuais<\/strong> e aos objetos prontos que a engine oferece.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Neste artigo, vamos explorar como construir interfaces funcionais e atraentes no GDevelop5, mostrando passo a passo como criar menus principais, HUDs informativos e bot\u00f5es interativos que tornam o jogo mais profissional e acess\u00edvel.<\/p>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">\ud83e\udde0 O papel da interface de usu\u00e1rio<\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">A interface de usu\u00e1rio cumpre fun\u00e7\u00f5es essenciais:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-medium-font-size\"><strong>Comunica\u00e7\u00e3o<\/strong>: mostra ao jogador informa\u00e7\u00f5es como pontua\u00e7\u00e3o, vidas e progresso.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Controle<\/strong>: permite navegar entre menus, iniciar fases ou acessar op\u00e7\u00f5es.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Imers\u00e3o<\/strong>: refor\u00e7a a identidade visual do jogo com elementos gr\u00e1ficos e interativos.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Feedback<\/strong>: responde \u00e0s a\u00e7\u00f5es do jogador com mudan\u00e7as visuais ou sonoras.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">\ud83e\udde9 Criando menus no GDevelop5<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Passo 1: Estrutura do menu<\/h3>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Um menu principal geralmente inclui:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-medium-font-size\">Bot\u00e3o <strong>Jogar<\/strong>.<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Bot\u00e3o <strong>Op\u00e7\u00f5es<\/strong>.<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Bot\u00e3o <strong>Sair<\/strong>.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Passo 2: Adicionar objetos de texto ou bot\u00f5es<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li class=\"has-medium-font-size\">Clique em <strong>Adicionar objeto<\/strong> \u2192 <strong>Texto<\/strong> ou <strong>Bot\u00e3o Sprite<\/strong>.<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Crie os bot\u00f5es necess\u00e1rios e posicione-os na cena.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Passo 3: Configurar eventos<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-medium-font-size\"><strong>Se<\/strong> o jogador clicar no bot\u00e3o \u201cJogar\u201d \u2192 mudar para a cena da primeira fase.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Se<\/strong> clicar em \u201cOp\u00e7\u00f5es\u201d \u2192 abrir cena de configura\u00e7\u00f5es.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Se<\/strong> clicar em \u201cSair\u201d \u2192 fechar o jogo.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">\ud83c\udfa8 Criando HUDs (Heads-Up Display)<\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">O HUD \u00e9 a interface que aparece durante o jogo para mostrar informa\u00e7\u00f5es importantes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Elementos comuns do HUD<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-medium-font-size\"><strong>Pontua\u00e7\u00e3o<\/strong>: n\u00famero de moedas ou pontos coletados.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Vidas<\/strong>: quantidade de tentativas restantes.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Tempo<\/strong>: cron\u00f4metro da fase.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Passo 1: Adicionar objetos de texto<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li class=\"has-medium-font-size\">Crie objetos de texto como \u201cPontua\u00e7\u00e3o\u201d, \u201cVidas\u201d e \u201cTempo\u201d.<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Posicione-os em \u00e1reas fixas da tela (canto superior ou inferior).<\/li>\n<\/ol>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Passo 2: Atualizar com eventos<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-medium-font-size\"><strong>Se<\/strong> o jogador coletar moeda \u2192 atualizar texto \u201cPontua\u00e7\u00e3o\u201d.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Se<\/strong> o jogador perder vida \u2192 atualizar texto \u201cVidas\u201d.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Sempre<\/strong> \u2192 atualizar texto \u201cTempo\u201d com vari\u00e1vel de cron\u00f4metro.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">\ud83d\udd79\ufe0f Criando bot\u00f5es interativos<\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Bot\u00f5es s\u00e3o fundamentais para menus e HUDs.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Passo 1: Criar bot\u00e3o sprite<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li class=\"has-medium-font-size\">Adicione objeto <strong>Sprite<\/strong> com imagem de bot\u00e3o.<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Configure estados: normal, pressionado, desativado.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Passo 2: Configurar eventos<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-medium-font-size\"><strong>Se<\/strong> o jogador clicar no bot\u00e3o \u2192 executar a\u00e7\u00e3o correspondente.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Se<\/strong> o mouse passar sobre o bot\u00e3o \u2192 mudar anima\u00e7\u00e3o para destacar.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">\u2699\ufe0f Boas pr\u00e1ticas para UI no GDevelop5<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-medium-font-size\"><strong>Clareza<\/strong>: use textos e \u00edcones simples e f\u00e1ceis de entender.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Consist\u00eancia<\/strong>: mantenha o mesmo estilo visual em menus e HUDs.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Feedback<\/strong>: destaque bot\u00f5es ao passar o mouse ou ao clicar.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Organiza\u00e7\u00e3o<\/strong>: posicione elementos de forma que n\u00e3o atrapalhem a jogabilidade.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">\ud83e\uddf1 Exemplo pr\u00e1tico: jogo com menu e HUD<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li class=\"has-medium-font-size\">Cena \u201cMenuPrincipal\u201d com bot\u00f5es \u201cJogar\u201d e \u201cSair\u201d.<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Cena \u201cFase1\u201d com HUD mostrando pontua\u00e7\u00e3o e vidas.<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Eventos configurados:\n<ul class=\"wp-block-list\">\n<li>Bot\u00e3o \u201cJogar\u201d \u2192 mudar para \u201cFase1\u201d.<\/li>\n\n\n\n<li>Bot\u00e3o \u201cSair\u201d \u2192 fechar jogo.<\/li>\n\n\n\n<li>Coleta de moeda \u2192 atualizar pontua\u00e7\u00e3o no HUD.<\/li>\n\n\n\n<li>Colis\u00e3o com inimigo \u2192 reduzir vidas no HUD.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Esse conjunto j\u00e1 cria uma interface funcional e completa.<\/p>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">\ud83c\udf0d Vantagens da interface de usu\u00e1rio no GDevelop5<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-medium-font-size\"><strong>Facilidade<\/strong>: criar menus e HUDs \u00e9 r\u00e1pido e intuitivo.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Flexibilidade<\/strong>: elementos podem ser personalizados com imagens e anima\u00e7\u00f5es.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Imers\u00e3o<\/strong>: refor\u00e7a a identidade visual do jogo.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Multiplataforma<\/strong>: menus e HUDs funcionam em PC, mobile e web.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">\ud83c\udfc1 Conclus\u00e3o<\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">A <strong>interface de usu\u00e1rio no GDevelop5<\/strong> \u00e9 essencial para criar jogos claros, organizados e envolventes. Com menus, HUDs e bot\u00f5es interativos, voc\u00ea garante que o jogador tenha controle total sobre a experi\u00eancia e receba feedback imediato das a\u00e7\u00f5es.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">O segredo est\u00e1 em planejar uma interface simples, consistente e funcional, que complemente a jogabilidade sem atrapalhar.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">\ud83c\udfae O GDevelop5 mostra que qualquer pessoa pode criar interfaces profissionais sem precisar de conhecimentos avan\u00e7ados.<\/p>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">\ud83d\ude80 Estruture suas ideias e organize seus projetos<\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Agora que voc\u00ea sabe como criar jogos de plataforma no GDevelop5, \u00e9 hora de pensar em como organizar suas ideias para projetos maiores. \u00c9 exatamente isso que voc\u00ea encontra no meu livro <strong>GDD \u2013 O Guia Definitivo<\/strong>, onde ensino como criar um <strong>Game Design Document<\/strong>, onde de forma simples e eficiente voc\u00ea ainda tem um modelo de GDD em 1 p\u00e1gina, perfeito para equipes pequenas ou projetos solo.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">E para ver tudo isso funcionando na pr\u00e1tica, voc\u00ea pode <strong>conhecer e jogar meu pr\u00f3prio game<\/strong>, desenvolvido seguindo as mesmas t\u00e9cnicas que compartilho no livro. Assim, al\u00e9m de aprender, voc\u00ea experimenta como aplicar esse conhecimento em projetos reais.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"410\" src=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2026\/02\/banner_ebook_gdd-1024x410.png\" alt=\"\" class=\"wp-image-5697\" srcset=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2026\/02\/banner_ebook_gdd-1024x410.png 1024w, https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2026\/02\/banner_ebook_gdd-300x120.png 300w, https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2026\/02\/banner_ebook_gdd-768x307.png 768w, https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2026\/02\/banner_ebook_gdd-920x368.png 920w, https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2026\/02\/banner_ebook_gdd.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons has-custom-font-size is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\" style=\"font-size:1.25em\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-75 is-style-fill tr-blog-btn\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/thiagorossi.com.br\/gdd-o-guia-definitivo\" style=\"border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#2f68e0\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>QUERO SABER +<\/strong><\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"410\" src=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2026\/02\/banner_meus_jogos-1024x410.png\" alt=\"\" class=\"wp-image-5698\" srcset=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2026\/02\/banner_meus_jogos-1024x410.png 1024w, https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2026\/02\/banner_meus_jogos-300x120.png 300w, https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2026\/02\/banner_meus_jogos-768x307.png 768w, https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2026\/02\/banner_meus_jogos-920x368.png 920w, https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2026\/02\/banner_meus_jogos.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-75 is-style-fill tr-blog-btn\"><a class=\"wp-block-button__link has-background has-custom-font-size wp-element-button\" href=\"https:\/\/thiagorossi.com.br\/meus-jogos\" style=\"border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#2f68e0;font-size:1.25em\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>QUERO JOGAR<\/strong><\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p><span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Tempo de leitura: <\/span> <span class=\"rt-time\"> 3<\/span> <span class=\"rt-label rt-postfix\">minutos<\/span><\/span>Interface de usu\u00e1rio no GDevelop5: A interface de usu\u00e1rio (UI) \u00e9 um dos elementos mais&#8230;<\/p>\n","protected":false},"author":1,"featured_media":5631,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[55],"tags":[61],"class_list":["post-5684","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gdevelop-5","tag-interface-do-usuario","wpcat-55-id"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Interface de usu\u00e1rio no GDevelop5 - BLOG THIAGO ROSSI<\/title>\n<meta name=\"description\" content=\"Interface de usu\u00e1rio no GDevelop5: A interface de usu\u00e1rio (UI) \u00e9 um dos elementos mais importantes de qualquer jogo. Ela conecta o jogador...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thiagorossi.com.br\/blog\/interface-de-usuario-no-gdevelop5\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Interface de usu\u00e1rio no GDevelop5 - BLOG THIAGO ROSSI\" \/>\n<meta property=\"og:description\" content=\"Interface de usu\u00e1rio no GDevelop5: A interface de usu\u00e1rio (UI) \u00e9 um dos elementos mais importantes de qualquer jogo. Ela conecta o jogador...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thiagorossi.com.br\/blog\/interface-de-usuario-no-gdevelop5\/\" \/>\n<meta property=\"og:site_name\" content=\"BLOG THIAGO ROSSI\" \/>\n<meta property=\"article:published_time\" content=\"2026-02-26T12:21:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-27T12:16:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2026\/02\/Capa-Cursos.png\" \/>\n\t<meta property=\"og:image:width\" content=\"758\" \/>\n\t<meta property=\"og:image:height\" content=\"426\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Thiago Rossi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thiago Rossi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/interface-de-usuario-no-gdevelop5\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/interface-de-usuario-no-gdevelop5\\\/\"},\"author\":{\"name\":\"Thiago Rossi\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/5f28286948ec2afdeb2e044a2196cd87\"},\"headline\":\"Interface de usu\u00e1rio no GDevelop5\",\"datePublished\":\"2026-02-26T12:21:17+00:00\",\"dateModified\":\"2026-02-27T12:16:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/interface-de-usuario-no-gdevelop5\\\/\"},\"wordCount\":774,\"publisher\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/interface-de-usuario-no-gdevelop5\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Capa-Cursos.png\",\"keywords\":[\"interface do usu\u00e1rio\"],\"articleSection\":[\"GDevelop 5\"],\"inLanguage\":\"pt-BR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/interface-de-usuario-no-gdevelop5\\\/\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/interface-de-usuario-no-gdevelop5\\\/\",\"name\":\"Interface de usu\u00e1rio no GDevelop5 - BLOG THIAGO ROSSI\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/interface-de-usuario-no-gdevelop5\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/interface-de-usuario-no-gdevelop5\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Capa-Cursos.png\",\"datePublished\":\"2026-02-26T12:21:17+00:00\",\"dateModified\":\"2026-02-27T12:16:49+00:00\",\"description\":\"Interface de usu\u00e1rio no GDevelop5: A interface de usu\u00e1rio (UI) \u00e9 um dos elementos mais importantes de qualquer jogo. Ela conecta o jogador...\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/interface-de-usuario-no-gdevelop5\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/interface-de-usuario-no-gdevelop5\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/interface-de-usuario-no-gdevelop5\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Capa-Cursos.png\",\"contentUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Capa-Cursos.png\",\"width\":758,\"height\":426,\"caption\":\"Game Engine GDvelop5\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/interface-de-usuario-no-gdevelop5\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Interface de usu\u00e1rio no GDevelop5\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/\",\"name\":\"THIAGO ROSSI\",\"description\":\"Mais de 20 anos de experi\u00eancia no mercado de TI!\",\"publisher\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#organization\"},\"alternateName\":\"TR | CURSO WEB DEV\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#organization\",\"name\":\"THIAGO ROSSI\",\"alternateName\":\"TR | CURSO WEB DEV\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/new-logo.webp\",\"contentUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/new-logo.webp\",\"width\":300,\"height\":300,\"caption\":\"THIAGO ROSSI\"},\"image\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/linkedin.com\\\/in\\\/thiagox86\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/5f28286948ec2afdeb2e044a2196cd87\",\"name\":\"Thiago Rossi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g\",\"caption\":\"Thiago Rossi\"},\"description\":\"Com mais de 20 anos de jornada na tecnologia, minha trajet\u00f3ria evoluiu do ensino t\u00e9cnico \u00e0 arquitetura de sistemas complexos. Hoje, foco minha expertise no desenvolvimento de solu\u00e7\u00f5es de Intelig\u00eancia Artificial nativa e an\u00e1lise de dados p\u00fablicos, utilizando o ecossistema PHP para transformar dados brutos em transpar\u00eancia e efici\u00eancia. Como autor e desenvolvedor, acredito na democratiza\u00e7\u00e3o do conhecimento. Essa vis\u00e3o resultou em uma biblioteca de mais de 530 artigos gratuitos, cobrindo desde a base do WebDev e Infraestrutura at\u00e9 os bastidores da ind\u00fastria de Jogos e IA. No universo de Game Design, sou autor do livro \\\"GDD \u2013 O Guia Definitivo\\\" e documento ativamente meus processos atrav\u00e9s de DevLogs, unindo rigor t\u00e9cnico e criatividade em projetos desenvolvidos com GDevelop 5. Meu compromisso \u00e9 conectar engenharia de ponta com as reais oportunidades do mercado de tecnologia.\",\"sameAs\":[\"https:\\\/\\\/thiagorossi.com.br\\\/blog\",\"https:\\\/\\\/instagram.com\\\/thiagorossix86\",\"https:\\\/\\\/linkedin.com\\\/in\\\/thiagox86\"],\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/author\\\/thiagorossi\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Interface de usu\u00e1rio no GDevelop5 - BLOG THIAGO ROSSI","description":"Interface de usu\u00e1rio no GDevelop5: A interface de usu\u00e1rio (UI) \u00e9 um dos elementos mais importantes de qualquer jogo. Ela conecta o jogador...","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:\/\/thiagorossi.com.br\/blog\/interface-de-usuario-no-gdevelop5\/","og_locale":"pt_BR","og_type":"article","og_title":"Interface de usu\u00e1rio no GDevelop5 - BLOG THIAGO ROSSI","og_description":"Interface de usu\u00e1rio no GDevelop5: A interface de usu\u00e1rio (UI) \u00e9 um dos elementos mais importantes de qualquer jogo. Ela conecta o jogador...","og_url":"https:\/\/thiagorossi.com.br\/blog\/interface-de-usuario-no-gdevelop5\/","og_site_name":"BLOG THIAGO ROSSI","article_published_time":"2026-02-26T12:21:17+00:00","article_modified_time":"2026-02-27T12:16:49+00:00","og_image":[{"width":758,"height":426,"url":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2026\/02\/Capa-Cursos.png","type":"image\/png"}],"author":"Thiago Rossi","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Thiago Rossi","Est. tempo de leitura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/thiagorossi.com.br\/blog\/interface-de-usuario-no-gdevelop5\/#article","isPartOf":{"@id":"https:\/\/thiagorossi.com.br\/blog\/interface-de-usuario-no-gdevelop5\/"},"author":{"name":"Thiago Rossi","@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/person\/5f28286948ec2afdeb2e044a2196cd87"},"headline":"Interface de usu\u00e1rio no GDevelop5","datePublished":"2026-02-26T12:21:17+00:00","dateModified":"2026-02-27T12:16:49+00:00","mainEntityOfPage":{"@id":"https:\/\/thiagorossi.com.br\/blog\/interface-de-usuario-no-gdevelop5\/"},"wordCount":774,"publisher":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#organization"},"image":{"@id":"https:\/\/thiagorossi.com.br\/blog\/interface-de-usuario-no-gdevelop5\/#primaryimage"},"thumbnailUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2026\/02\/Capa-Cursos.png","keywords":["interface do usu\u00e1rio"],"articleSection":["GDevelop 5"],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/thiagorossi.com.br\/blog\/interface-de-usuario-no-gdevelop5\/","url":"https:\/\/thiagorossi.com.br\/blog\/interface-de-usuario-no-gdevelop5\/","name":"Interface de usu\u00e1rio no GDevelop5 - BLOG THIAGO ROSSI","isPartOf":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thiagorossi.com.br\/blog\/interface-de-usuario-no-gdevelop5\/#primaryimage"},"image":{"@id":"https:\/\/thiagorossi.com.br\/blog\/interface-de-usuario-no-gdevelop5\/#primaryimage"},"thumbnailUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2026\/02\/Capa-Cursos.png","datePublished":"2026-02-26T12:21:17+00:00","dateModified":"2026-02-27T12:16:49+00:00","description":"Interface de usu\u00e1rio no GDevelop5: A interface de usu\u00e1rio (UI) \u00e9 um dos elementos mais importantes de qualquer jogo. Ela conecta o jogador...","breadcrumb":{"@id":"https:\/\/thiagorossi.com.br\/blog\/interface-de-usuario-no-gdevelop5\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thiagorossi.com.br\/blog\/interface-de-usuario-no-gdevelop5\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/thiagorossi.com.br\/blog\/interface-de-usuario-no-gdevelop5\/#primaryimage","url":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2026\/02\/Capa-Cursos.png","contentUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2026\/02\/Capa-Cursos.png","width":758,"height":426,"caption":"Game Engine GDvelop5"},{"@type":"BreadcrumbList","@id":"https:\/\/thiagorossi.com.br\/blog\/interface-de-usuario-no-gdevelop5\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thiagorossi.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Interface de usu\u00e1rio no GDevelop5"}]},{"@type":"WebSite","@id":"https:\/\/thiagorossi.com.br\/blog\/#website","url":"https:\/\/thiagorossi.com.br\/blog\/","name":"THIAGO ROSSI","description":"Mais de 20 anos de experi\u00eancia no mercado de TI!","publisher":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#organization"},"alternateName":"TR | CURSO WEB DEV","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thiagorossi.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/thiagorossi.com.br\/blog\/#organization","name":"THIAGO ROSSI","alternateName":"TR | CURSO WEB DEV","url":"https:\/\/thiagorossi.com.br\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/new-logo.webp","contentUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/new-logo.webp","width":300,"height":300,"caption":"THIAGO ROSSI"},"image":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/linkedin.com\/in\/thiagox86"]},{"@type":"Person","@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/person\/5f28286948ec2afdeb2e044a2196cd87","name":"Thiago Rossi","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g","caption":"Thiago Rossi"},"description":"Com mais de 20 anos de jornada na tecnologia, minha trajet\u00f3ria evoluiu do ensino t\u00e9cnico \u00e0 arquitetura de sistemas complexos. Hoje, foco minha expertise no desenvolvimento de solu\u00e7\u00f5es de Intelig\u00eancia Artificial nativa e an\u00e1lise de dados p\u00fablicos, utilizando o ecossistema PHP para transformar dados brutos em transpar\u00eancia e efici\u00eancia. Como autor e desenvolvedor, acredito na democratiza\u00e7\u00e3o do conhecimento. Essa vis\u00e3o resultou em uma biblioteca de mais de 530 artigos gratuitos, cobrindo desde a base do WebDev e Infraestrutura at\u00e9 os bastidores da ind\u00fastria de Jogos e IA. No universo de Game Design, sou autor do livro \"GDD \u2013 O Guia Definitivo\" e documento ativamente meus processos atrav\u00e9s de DevLogs, unindo rigor t\u00e9cnico e criatividade em projetos desenvolvidos com GDevelop 5. Meu compromisso \u00e9 conectar engenharia de ponta com as reais oportunidades do mercado de tecnologia.","sameAs":["https:\/\/thiagorossi.com.br\/blog","https:\/\/instagram.com\/thiagorossix86","https:\/\/linkedin.com\/in\/thiagox86"],"url":"https:\/\/thiagorossi.com.br\/blog\/author\/thiagorossi\/"}]}},"_links":{"self":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts\/5684","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/comments?post=5684"}],"version-history":[{"count":3,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts\/5684\/revisions"}],"predecessor-version":[{"id":5702,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts\/5684\/revisions\/5702"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/media\/5631"}],"wp:attachment":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/media?parent=5684"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/categories?post=5684"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/tags?post=5684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}