Назад к UI/UX для игр

Дизайн UI/UX для игр

Death Relives

Программирование UI

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

Проект

Death Relives

Программирование UI для игры, вышедшей в Steam: виджеты пересобраны, поддерживаются все соотношения сторон, навигация с геймпада и новые виджеты HUD.

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

UI разработал в Photoshop Mücahit Ergen, первые дизайны виджетов сделал Yunus Öztürk. DryreL присоединился к команде в последнем квартале 2024 и полностью переделал программирование UI.

Неисправные виджеты исправлялись по одному, их иерархия была переписана. Исправлены виджеты, которые ломались на некоторых разрешениях или вели себя странно, переделаны неправильно импортированные NPOT-текстуры, исправлены слайдеры и кнопки со смещёнными точками нажатия, дублирующиеся кнопки объединены в один виджет, устранены вылеты и зависания редактора из-за UI-блупринтов.

Показаны только финальные экраны из релиза: материалы разработки (код, виды в движке, внутренние инструменты) остаются закрытыми по 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 для вашей игры? Давайте обсудим.