Назад до UI/UX для ігор

Design 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 для вашої гри? Поговорімо.