Quay lại UI/UX game

Design UI/UX game

Death Relives

Lập trình UI

Hai tháng làm lập trình viên UI vào cuối năm: 2024. Các widget được dựng lại, mọi tỉ lệ khung hình được hỗ trợ, thêm điều hướng bằng tay cầm và widget HUD mới, đồng thời tối ưu texture và blueprint.

Dự án

Death Relives

Lập trình UI cho một game đã phát hành trên Steam: dựng lại widget, hỗ trợ mọi tỉ lệ khung hình, điều hướng bằng tay cầm và widget HUD mới.

Vai trò
Lập trình UI
Phạm vi
Menu & HUD
Năm
2025
Bối cảnh
Công việc theo hợp đồng, phát hành trên Steam
Hiển thị
44 màn hình
  • Unreal Engine
Death Relives trên Steam (mở trong tab mới)

UI được Mücahit Ergen thiết kế trong Photoshop và các thiết kế widget đầu tiên do Yunus Öztürk thực hiện. DryreL tham gia nhóm vào quý cuối năm 2024 và làm lại toàn bộ phần lập trình UI.

Các widget lỗi được sửa từng cái một và cấu trúc phân cấp được viết lại. Các widget bị vỡ ở một số độ phân giải hoặc hoạt động lạ đã được sửa, texture NPOT nhập sai được làm lại, slider và nút có điểm nhấp bị lệch được sửa, các nút trùng lặp gộp thành một widget, và lỗi crash cũng như treo editor do blueprint UI gây ra đã được loại bỏ.

Chỉ hiển thị các màn hình cuối cùng đã phát hành: tài liệu phát triển (code, góc nhìn trong engine, công cụ nội bộ) vẫn được giữ kín theo NDA, nên hơn một nửa công việc không được công khai.

Death Relives

Tùy chọn (19)

Death Relives: Tùy chọn, lối chơi, thiết kế UI game bởi DryreL
Tùy chọn, gameplay
Death Relives: Lối chơi, nút tab, thiết kế UI game bởi DryreL
Gameplay, nút tab
Death Relives: Lối chơi, bộ chọn tùy chọn, thiết kế UI game bởi DryreL
Gameplay, bộ chọn tùy chọn
Death Relives: Lối chơi, nút hành động, thiết kế UI game bởi DryreL
Gameplay, nút hành động
Death Relives: Tùy chọn, đồ họa [1/3], thiết kế UI game bởi DryreL
Tùy chọn, đồ họa [1/3]
Death Relives: Đồ họa, điều hướng bằng tay cầm, thiết kế UI game bởi DryreL
Đồ họa, điều hướng bằng tay cầm
Death Relives: Tùy chọn, đồ họa [2/3], thiết kế UI game bởi DryreL
Tùy chọn, đồ họa [2/3]
Death Relives: Tùy chọn, đồ họa [3/3], thiết kế UI game bởi DryreL
Tùy chọn, đồ họa [3/3]
Death Relives: Tùy chọn, âm thanh, thiết kế UI game bởi DryreL
Tùy chọn, âm thanh
Death Relives: Âm thanh, widget thanh trượt cơ sở mới, thiết kế UI game bởi DryreL
Âm thanh, widget nền slider mới
Death Relives: Tùy chọn, ngôn ngữ, thiết kế UI game bởi DryreL
Tùy chọn, ngôn ngữ
Death Relives: Ngôn ngữ, đã sửa lỗi kẹt lựa chọn, thiết kế UI game bởi DryreL
Ngôn ngữ, đã sửa lựa chọn bị kẹt
Death Relives: Tùy chọn, hiển thị [1/2], thiết kế UI game bởi DryreL
Tùy chọn, hiển thị [1/2]
Death Relives: Tùy chọn, hiển thị [2/2], thiết kế UI game bởi DryreL
Tùy chọn, hiển thị [2/2]
Death Relives: Tùy chọn, điều khiển [1/3], thiết kế UI game bởi DryreL
Tùy chọn, điều khiển [1/3]
Death Relives: Tùy chọn, điều khiển [2/3], thiết kế UI game bởi DryreL
Tùy chọn, điều khiển [2/3]
Death Relives: Tùy chọn, điều khiển [3/3], thiết kế UI game bởi DryreL
Tùy chọn, điều khiển [3/3]
Death Relives: Gán phím tay cầm, biểu tượng tay cầm, thiết kế UI game bởi DryreL
Gán phím tay cầm, icon tay cầm
Death Relives: Gán phím tay cầm, đã sửa lỗi texture chồng lên nhau, thiết kế UI game bởi DryreL
Gán phím tay cầm, đã sửa texture chồng lấn

Death Relives

Tạm dừng & hộp thoại (4)

Death Relives: Menu tạm dừng, thiết kế UI game bởi DryreL
Menu tạm dừng
Death Relives: Menu tạm dừng, nút thành phần & thứ tự, thiết kế UI game bởi DryreL
Menu tạm dừng, nút thành phần & thứ tự
Death Relives: Cửa sổ thoát, thiết kế UI game bởi DryreL
Hộp thoại thoát
Death Relives: Cửa sổ thoát, cập nhật nút, thiết kế UI game bởi DryreL
Hộp thoại thoát, cập nhật nút

Death Relives

HUD (6)

Death Relives: HUD, tổng quan, thiết kế UI game bởi DryreL
HUD, tổng quan
Death Relives: HUD, nhiệm vụ, thiết kế UI game bởi DryreL
HUD, nhiệm vụ
Death Relives: HUD, thiết kế UI game bởi DryreL
HUD
Death Relives: HUD, widget hạt giống, thiết kế UI game bởi DryreL
HUD, widget hạt giống
Death Relives: HUD, thiết kế UI game bởi DryreL
HUD
Death Relives: HUD, widget thông tin bên phải, thiết kế UI game bởi DryreL
HUD, widget thông tin bên phải

Death Relives

Menu trong game (10)

Death Relives: Menu trong game, thiết kế UI game bởi DryreL
Menu trong game
Death Relives: Menu trong game, đã sửa lỗi treo trình chỉnh sửa, thiết kế UI game bởi DryreL
Menu trong game, đã sửa treo editor
Death Relives: Menu trong game, nút dọc, thiết kế UI game bởi DryreL
Menu trong game, nút dọc
Death Relives: Menu trong game, nút menu, thiết kế UI game bởi DryreL
Menu trong game, nút menu
Death Relives: Túi đồ, thiết kế UI game bởi DryreL
Kho đồ
Death Relives: Vật tổ, thiết kế UI game bởi DryreL
Totem
Death Relives: Câu chuyện, thiết kế UI game bởi DryreL
Câu chuyện
Death Relives: Câu chuyện, tạo trang, thiết kế UI game bởi DryreL
Câu chuyện, tạo trang
Death Relives: Thông tin, thiết kế UI game bởi DryreL
Thông tin
Death Relives: Thông tin, phần bên phải, thiết kế UI game bởi DryreL
Thông tin, phần bên phải

Tiếp tục khám phá

Thêm UI/UX game

Xem thêm trên Behance

Xem ở chất lượng đầy đủ

Dự án này nằm trên hồ sơ Behance của chúng tôi. Cần menu hoặc HUD cho game của bạn? Hãy trò chuyện.