Назад към UI/UX за игри

Design UI/UX за игри

Death Relives

UI програмиране

Два месеца като UI програмист в края на годината: 2024. Уиджетите бяха преизградени, всички съотношения получиха поддръжка, добавени бяха навигация с геймпад и нови HUD уиджети, а текстурите и blueprint-ите бяха оптимизирани.

Проект

Death Relives

UI програмиране за игра, издадена в Steam: преизградени уиджети, поддръжка на всички съотношения, навигация с геймпад и нови HUD уиджети.

Роля
UI програмиране
Обхват
Меню и HUD
Година
2025
Контекст
Работа по договор, издадена в Steam
Показани
44 екрана
  • Unreal Engine
Death Relives в Steam (отваря се в нов раздел)

Интерфейсът е проектиран във Photoshop от Mücahit Ergen, а първите дизайни на уиджети са дело на Yunus Öztürk. DryreL се присъедини към екипа през последното тримесечие на 2024 и изцяло преработи UI програмирането.

Дефектните уиджети бяха поправени един по един, а йерархията им пренаписана. Поправени бяха уиджети, които се чупеха при някои резолюции или се държаха странно, неправилно импортираните NPOT текстури бяха направени наново, плъзгачите и бутоните с изместени точки за кликване бяха поправени, дублираните бутони станаха един уиджет, а сривовете и замръзванията на редактора, причинени от UI blueprint-ите, бяха премахнати.

Показани са само финалните, издадени екрани: материалите от разработката (код, изгледи в двигателя, вътрешни инструменти) остават поверителни по NDA, затова над половината от работата не е публична.

Death Relives

Настройки (19)

Death Relives: Настройки, геймплей, дизайн на игрови UI от DryreL
Настройки, геймплей
Death Relives: Геймплей, бутони за раздели, дизайн на игрови UI от DryreL
Геймплей, бутони за раздели
Death Relives: Геймплей, избор на опция, дизайн на игрови UI от DryreL
Геймплей, избор на опция
Death Relives: Геймплей, бутони за действия, дизайн на игрови UI от DryreL
Геймплей, бутони за действия
Death Relives: Настройки, графика [1/3], дизайн на игрови UI от DryreL
Настройки, графика [1/3]
Death Relives: Графика, навигация с геймпад, дизайн на игрови UI от DryreL
Графика, навигация с геймпад
Death Relives: Настройки, графика [2/3], дизайн на игрови UI от DryreL
Настройки, графика [2/3]
Death Relives: Настройки, графика [3/3], дизайн на игрови UI от DryreL
Настройки, графика [3/3]
Death Relives: Настройки, звук, дизайн на игрови UI от DryreL
Настройки, звук
Death Relives: Звук, нов базов уиджет за плъзгач, дизайн на игрови UI от DryreL
Звук, нов базов уиджет за плъзгач
Death Relives: Настройки, език, дизайн на игрови UI от DryreL
Настройки, език
Death Relives: Език, поправен заседнал избор, дизайн на игрови UI от DryreL
Език, поправен заседнал избор
Death Relives: Настройки, дисплей [1/2], дизайн на игрови UI от DryreL
Настройки, дисплей [1/2]
Death Relives: Настройки, дисплей [2/2], дизайн на игрови UI от DryreL
Настройки, дисплей [2/2]
Death Relives: Настройки, управление [1/3], дизайн на игрови UI от DryreL
Настройки, управление [1/3]
Death Relives: Настройки, управление [2/3], дизайн на игрови UI от DryreL
Настройки, управление [2/3]
Death Relives: Настройки, управление [3/3], дизайн на игрови UI от DryreL
Настройки, управление [3/3]
Death Relives: Присвояване на бутони, икони на геймпад, дизайн на игрови UI от DryreL
Присвояване на контролера, икони на геймпада
Death Relives: Присвояване на бутони, поправени застъпващи се текстури, дизайн на игрови UI от DryreL
Присвояване на контролера, поправени застъпващи се текстури

Death Relives

Пауза и прозорци (4)

Death Relives: Меню за пауза, дизайн на игрови UI от DryreL
Меню за пауза
Death Relives: Меню за пауза, бутони-компоненти и подредба, дизайн на игрови UI от DryreL
Меню за пауза, бутони-компоненти и подредба
Death Relives: Прозорец за изход, дизайн на игрови UI от DryreL
Прозорец за изход
Death Relives: Прозорец за изход, обновени бутони, дизайн на игрови UI от DryreL
Прозорец за изход, обновени бутони

Death Relives

HUD (6)

Death Relives: HUD, общ преглед, дизайн на игрови UI от DryreL
HUD, общ преглед
Death Relives: HUD, мисии, дизайн на игрови UI от DryreL
HUD, мисии
Death Relives: HUD, дизайн на игрови UI от DryreL
HUD
Death Relives: HUD, уиджет за семена, дизайн на игрови UI от DryreL
HUD, уиджет за семена
Death Relives: HUD, дизайн на игрови UI от DryreL
HUD
Death Relives: HUD, десен информационен уиджет, дизайн на игрови UI от DryreL
HUD, десен информационен уиджет

Death Relives

Меню в играта (10)

Death Relives: Меню в играта, дизайн на игрови UI от DryreL
Меню в играта
Death Relives: Меню в играта, поправено забиване на редактора, дизайн на игрови UI от DryreL
Меню в играта, поправено замръзване на редактора
Death Relives: Меню в играта, вертикални бутони, дизайн на игрови UI от DryreL
Меню в играта, вертикални бутони
Death Relives: Меню в играта, бутони на менюто, дизайн на игрови UI от DryreL
Меню в играта, бутони на менюто
Death Relives: Инвентар, дизайн на игрови UI от DryreL
Инвентар
Death Relives: Тотем, дизайн на игрови UI от DryreL
Тотем
Death Relives: Истории, дизайн на игрови UI от DryreL
Истории
Death Relives: Истории, създаване на страници, дизайн на игрови UI от DryreL
Истории, създаване на страници
Death Relives: Информация, дизайн на игрови UI от DryreL
Информация
Death Relives: Информация, дясна част, дизайн на игрови UI от DryreL
Информация, дясна част

Разгледайте още

Още UI/UX за игри

Още в Behance

Виж в пълно качество

Този проект е в нашия профил в Behance. Трябват ви менюта или HUD за вашата игра? Да поговорим.