Voltar para UI/UX de jogos

Design UI/UX de jogos

Death Relives

Programação de UI

Dois meses como programador de UI no fim de 2024. Os widgets foram reconstruídos, todas as proporções de tela ganharam suporte, navegação por controle e novos widgets de HUD foram adicionados, e texturas e blueprints foram otimizados.

Projeto

Death Relives

Programação de UI para um jogo lançado na Steam: widgets reconstruídos, todas as proporções de tela suportadas, navegação por controle e novos widgets de HUD.

Função
Programação de UI
Escopo
Menu e HUD
Ano
2025
Contexto
Trabalho contratado, lançado na Steam
Exibido
44 telas
  • Unreal Engine
Death Relives na Steam (abre em uma nova aba)

A UI foi desenhada no Photoshop por Mücahit Ergen e os primeiros designs de widgets foram feitos por Yunus Öztürk. DryreL entrou na equipe no último trimestre de 2024 e refez completamente a programação da UI.

Os widgets com defeito foram corrigidos um a um e a hierarquia deles foi reescrita. Widgets que quebravam em algumas resoluções ou se comportavam de forma estranha foram consertados, texturas NPOT importadas de forma errada foram refeitas, sliders e botões com pontos de clique deslocados foram corrigidos, botões duplicados viraram um só widget, e travamentos e congelamentos do editor causados por blueprints de UI foram eliminados.

Só as telas finais lançadas são mostradas: o material de desenvolvimento (código, visualizações na engine, ferramentas internas) continua privado sob o NDA, então mais da metade do trabalho não é pública.

Death Relives

Opções (19)

Death Relives: Opções, jogabilidade, design de UI de jogo por DryreL
Opções, jogabilidade
Death Relives: Jogabilidade, botões de aba, design de UI de jogo por DryreL
Jogabilidade, botões de aba
Death Relives: Jogabilidade, seletor de opções, design de UI de jogo por DryreL
Jogabilidade, seletor de opções
Death Relives: Jogabilidade, botões de ação, design de UI de jogo por DryreL
Jogabilidade, botões de ação
Death Relives: Opções, gráficos [1/3], design de UI de jogo por DryreL
Opções, gráficos [1/3]
Death Relives: Gráficos, navegação por controle, design de UI de jogo por DryreL
Gráficos, navegação por controle
Death Relives: Opções, gráficos [2/3], design de UI de jogo por DryreL
Opções, gráficos [2/3]
Death Relives: Opções, gráficos [3/3], design de UI de jogo por DryreL
Opções, gráficos [3/3]
Death Relives: Opções, áudio, design de UI de jogo por DryreL
Opções, áudio
Death Relives: Áudio, novo widget base de controle deslizante, design de UI de jogo por DryreL
Áudio, novo widget base de slider
Death Relives: Opções, idioma, design de UI de jogo por DryreL
Opções, idioma
Death Relives: Idioma, seleção travada corrigida, design de UI de jogo por DryreL
Idioma, seleção travada corrigida
Death Relives: Opções, tela [1/2], design de UI de jogo por DryreL
Opções, tela [1/2]
Death Relives: Opções, tela [2/2], design de UI de jogo por DryreL
Opções, tela [2/2]
Death Relives: Opções, controles [1/3], design de UI de jogo por DryreL
Opções, controles [1/3]
Death Relives: Opções, controles [2/3], design de UI de jogo por DryreL
Opções, controles [2/3]
Death Relives: Opções, controles [3/3], design de UI de jogo por DryreL
Opções, controles [3/3]
Death Relives: Mapeamento do controle, ícones do controle, design de UI de jogo por DryreL
Mapeamento do controle, ícones do controle
Death Relives: Mapeamento do controle, texturas sobrepostas corrigidas, design de UI de jogo por DryreL
Mapeamento do controle, texturas sobrepostas corrigidas

Death Relives

Pausa e modais (4)

Death Relives: Menu de pausa, design de UI de jogo por DryreL
Menu de pausa
Death Relives: Menu de pausa, botões de componente e ordem, design de UI de jogo por DryreL
Menu de pausa, botões de componente e ordem
Death Relives: Janela de saída, design de UI de jogo por DryreL
Modal de saída
Death Relives: Janela de saída, botões atualizados, design de UI de jogo por DryreL
Modal de saída, botões atualizados

Death Relives

HUD (6)

Death Relives: HUD, visão geral, design de UI de jogo por DryreL
HUD, visão geral
Death Relives: HUD, missões, design de UI de jogo por DryreL
HUD, missões
Death Relives: HUD, design de UI de jogo por DryreL
HUD
Death Relives: HUD, widget de sementes, design de UI de jogo por DryreL
HUD, widget de sementes
Death Relives: HUD, design de UI de jogo por DryreL
HUD
Death Relives: HUD, widget de informações à direita, design de UI de jogo por DryreL
HUD, widget de informações à direita

Death Relives

Menu do jogo (10)

Death Relives: Menu do jogo, design de UI de jogo por DryreL
Menu do jogo
Death Relives: Menu do jogo, travamento do editor corrigido, design de UI de jogo por DryreL
Menu do jogo, congelamento do editor corrigido
Death Relives: Menu do jogo, botões verticais, design de UI de jogo por DryreL
Menu do jogo, botões verticais
Death Relives: Menu do jogo, botões do menu, design de UI de jogo por DryreL
Menu do jogo, botões do menu
Death Relives: Inventário, design de UI de jogo por DryreL
Inventário
Death Relives: Totem, design de UI de jogo por DryreL
Totem
Death Relives: Histórias, design de UI de jogo por DryreL
Histórias
Death Relives: Histórias, criação de páginas, design de UI de jogo por DryreL
Histórias, criação de páginas
Death Relives: Informações, design de UI de jogo por DryreL
Informações
Death Relives: Informações, seção direita, design de UI de jogo por DryreL
Informações, seção direita

Continue explorando

Mais UI/UX de jogos

Mais no Behance

Veja em qualidade total

Este projeto está no nosso perfil do Behance. Precisa de menus ou de um HUD para o seu jogo? Vamos conversar.