Volver a UI/UX de juegos

Diseño UI/UX de juegos

Death Relives

Programación de UI

Dos meses como programador de UI a finales de 2024. Se reconstruyeron los widgets, se añadió compatibilidad con todas las relaciones de aspecto, navegación con mando y nuevos widgets de HUD, y se optimizaron texturas y blueprints.

Proyecto

Death Relives

Programación de UI para un juego publicado en Steam: widgets reconstruidos, todas las relaciones de aspecto compatibles, navegación con mando y nuevos widgets de HUD.

Rol
Programación de UI
Alcance
Menú y HUD
Año
2025
Contexto
Trabajo por contrato, publicado en Steam
Mostrado
44 pantallas
  • Unreal Engine
Death Relives en Steam (se abre en una pestaña nueva)

La UI la diseñó Mücahit Ergen en Photoshop y los primeros diseños de widgets los hizo Yunus Öztürk. DryreL se unió al equipo en el último trimestre de 2024 y rehízo por completo la programación de la UI.

Los widgets defectuosos se corrigieron uno a uno y se reescribió su jerarquía. Se arreglaron los widgets que se rompían en algunas resoluciones o se comportaban de forma extraña, se rehicieron las texturas NPOT mal importadas, se corrigieron sliders y botones con puntos de clic desplazados, los botones duplicados pasaron a ser un solo widget y se eliminaron los cierres y bloqueos del editor causados por blueprints de UI.

Solo se muestran las pantallas finales publicadas: el material de desarrollo (código, vistas en el motor, herramientas internas) sigue siendo privado bajo el NDA, así que más de la mitad del trabajo no es pública.

Death Relives

Opciones (19)

Death Relives: Opciones, jugabilidad, diseño de UI de juego por DryreL
Opciones, jugabilidad
Death Relives: Jugabilidad, botones de pestaña, diseño de UI de juego por DryreL
Jugabilidad, botones de pestaña
Death Relives: Jugabilidad, selector de opciones, diseño de UI de juego por DryreL
Jugabilidad, selector de opciones
Death Relives: Jugabilidad, botones de acción, diseño de UI de juego por DryreL
Jugabilidad, botones de acción
Death Relives: Opciones, gráficos [1/3], diseño de UI de juego por DryreL
Opciones, gráficos [1/3]
Death Relives: Gráficos, navegación con mando, diseño de UI de juego por DryreL
Gráficos, navegación con mando
Death Relives: Opciones, gráficos [2/3], diseño de UI de juego por DryreL
Opciones, gráficos [2/3]
Death Relives: Opciones, gráficos [3/3], diseño de UI de juego por DryreL
Opciones, gráficos [3/3]
Death Relives: Opciones, audio, diseño de UI de juego por DryreL
Opciones, audio
Death Relives: Audio, nuevo widget base de control deslizante, diseño de UI de juego por DryreL
Audio, nuevo widget base de slider
Death Relives: Opciones, idioma, diseño de UI de juego por DryreL
Opciones, idioma
Death Relives: Idioma, selección atascada corregida, diseño de UI de juego por DryreL
Idioma, selección atascada corregida
Death Relives: Opciones, pantalla [1/2], diseño de UI de juego por DryreL
Opciones, pantalla [1/2]
Death Relives: Opciones, pantalla [2/2], diseño de UI de juego por DryreL
Opciones, pantalla [2/2]
Death Relives: Opciones, controles [1/3], diseño de UI de juego por DryreL
Opciones, controles [1/3]
Death Relives: Opciones, controles [2/3], diseño de UI de juego por DryreL
Opciones, controles [2/3]
Death Relives: Opciones, controles [3/3], diseño de UI de juego por DryreL
Opciones, controles [3/3]
Death Relives: Asignación de mando, iconos del mando, diseño de UI de juego por DryreL
Asignación del mando, iconos del mando
Death Relives: Asignación de mando, texturas superpuestas corregidas, diseño de UI de juego por DryreL
Asignación del mando, texturas superpuestas corregidas

Death Relives

Pausa y modales (4)

Death Relives: Menú de pausa, diseño de UI de juego por DryreL
Menú de pausa
Death Relives: Menú de pausa, botones de componente y orden, diseño de UI de juego por DryreL
Menú de pausa, botones de componente y orden
Death Relives: Ventana de salida, diseño de UI de juego por DryreL
Modal de salida
Death Relives: Ventana de salida, botones actualizados, diseño de UI de juego por DryreL
Modal de salida, botones actualizados

Death Relives

HUD (6)

Death Relives: HUD, vista general, diseño de UI de juego por DryreL
HUD, vista general
Death Relives: HUD, misiones, diseño de UI de juego por DryreL
HUD, misiones
Death Relives: HUD, diseño de UI de juego por DryreL
HUD
Death Relives: HUD, widget de semillas, diseño de UI de juego por DryreL
HUD, widget de semillas
Death Relives: HUD, diseño de UI de juego por DryreL
HUD
Death Relives: HUD, widget de información derecho, diseño de UI de juego por DryreL
HUD, widget de información derecho

Death Relives

Menú del juego (10)

Death Relives: Menú del juego, diseño de UI de juego por DryreL
Menú del juego
Death Relives: Menú del juego, bloqueo del editor corregido, diseño de UI de juego por DryreL
Menú del juego, bloqueo del editor corregido
Death Relives: Menú del juego, botones verticales, diseño de UI de juego por DryreL
Menú del juego, botones verticales
Death Relives: Menú del juego, botones del menú, diseño de UI de juego por DryreL
Menú del juego, botones del menú
Death Relives: Inventario, diseño de UI de juego por DryreL
Inventario
Death Relives: Tótem, diseño de UI de juego por DryreL
Tótem
Death Relives: Historias, diseño de UI de juego por DryreL
Historias
Death Relives: Historias, creación de páginas, diseño de UI de juego por DryreL
Historias, creación de páginas
Death Relives: Información, diseño de UI de juego por DryreL
Información
Death Relives: Información, sección derecha, diseño de UI de juego por DryreL
Información, sección derecha

Sigue explorando

Más UI/UX de juegos

Más en Behance

Míralo en calidad completa

Este proyecto está en nuestro perfil de Behance. ¿Necesitas menús o un HUD para tu juego? Hablemos.