Oyun UI/UX'e dön

Tasarım Oyun UI/UX

Death Relives

UI programlama

İki ay UI programcısı olarak çalışma, yıl sonu 2024. Widget'lar yeniden kuruldu, tüm en-boy oranlarına destek geldi, gamepad gezintisi ve yeni HUD widget'ları eklendi, dokular ve blueprint'ler optimize edildi.

Proje

Death Relives

Steam'de yayımlanan bir oyunun UI programlaması: widget'lar yeniden kuruldu, tüm en-boy oranları desteklendi, gamepad gezintisi ve yeni HUD widget'ları eklendi.

Rol
UI programlama
Kapsam
Menü ve HUD
Yıl
2025
Bağlam
Sözleşmeli iş, Steam'de yayımlandı
Gösterilen
44 ekran
  • Unreal Engine
Steam'de Death Relives (yeni sekmede açılır)

UI, Photoshop'ta Mücahit Ergen tarafından tasarlandı; ilk widget tasarımlarını Yunus Öztürk yaptı. DryreL ekibe 2024 yılının son çeyreğinde katıldı ve UI programlamasını tamamen elden geçirdi.

Hatalı widget'lar tek tek düzeltildi ve hiyerarşileri yeniden yazıldı. Bazı çözünürlüklerde bozulan ya da tuhaf davranan widget'lar düzeltildi, yanlış içe aktarılan NPOT dokular yeniden yapıldı, tıklama noktaları kaymış kaydırıcılar ve butonlar düzeltildi, yinelenen butonlar tek widget'a dönüştürüldü ve UI blueprint'lerinin neden olduğu editör çökmeleri ve donmaları giderildi.

Yalnızca son, yayımlanmış ekranlar gösteriliyor: geliştirme materyalleri (kod, motor içi görünümler, iç araçlar) NDA kapsamında gizli kalıyor, bu yüzden işin yarısından fazlası herkese açık değil.

Death Relives

Ayarlar (19)

Death Relives: Ayarlar, oynanış, DryreL'in oyun UI tasarımı
Ayarlar, oynanış
Death Relives: Oynanış, sekme butonları, DryreL'in oyun UI tasarımı
Oynanış, sekme butonları
Death Relives: Oynanış, seçenek seçici, DryreL'in oyun UI tasarımı
Oynanış, seçenek seçici
Death Relives: Oynanış, eylem butonları, DryreL'in oyun UI tasarımı
Oynanış, eylem butonları
Death Relives: Ayarlar, grafik [1/3], DryreL'in oyun UI tasarımı
Ayarlar, grafikler [1/3]
Death Relives: Grafik, oyun kumandası ile gezinme, DryreL'in oyun UI tasarımı
Grafikler, gamepad gezintisi
Death Relives: Ayarlar, grafik [2/3], DryreL'in oyun UI tasarımı
Ayarlar, grafikler [2/3]
Death Relives: Ayarlar, grafik [3/3], DryreL'in oyun UI tasarımı
Ayarlar, grafikler [3/3]
Death Relives: Ayarlar, ses, DryreL'in oyun UI tasarımı
Ayarlar, ses
Death Relives: Ses, yeni kaydırıcı temel widget'ı, DryreL'in oyun UI tasarımı
Ses, yeni kaydırıcı temel widget'ı
Death Relives: Ayarlar, dil, DryreL'in oyun UI tasarımı
Ayarlar, dil
Death Relives: Dil, takılan seçim düzeltildi, DryreL'in oyun UI tasarımı
Dil, takılan seçim düzeltildi
Death Relives: Ayarlar, ekran [1/2], DryreL'in oyun UI tasarımı
Ayarlar, ekran [1/2]
Death Relives: Ayarlar, ekran [2/2], DryreL'in oyun UI tasarımı
Ayarlar, ekran [2/2]
Death Relives: Ayarlar, kontroller [1/3], DryreL'in oyun UI tasarımı
Ayarlar, kontroller [1/3]
Death Relives: Ayarlar, kontroller [2/3], DryreL'in oyun UI tasarımı
Ayarlar, kontroller [2/3]
Death Relives: Ayarlar, kontroller [3/3], DryreL'in oyun UI tasarımı
Ayarlar, kontroller [3/3]
Death Relives: Kumanda atamaları, oyun kumandası simgeleri, DryreL'in oyun UI tasarımı
Kontrolcü atamaları, gamepad ikonları
Death Relives: Kumanda atamaları, üst üste binen dokular düzeltildi, DryreL'in oyun UI tasarımı
Kontrolcü atamaları, üst üste binen dokular düzeltildi

Death Relives

Duraklatma ve pencereler (4)

Death Relives: Duraklatma menüsü, DryreL'in oyun UI tasarımı
Duraklatma menüsü
Death Relives: Duraklatma menüsü, bileşen butonları ve sıralama, DryreL'in oyun UI tasarımı
Duraklatma menüsü, bileşen butonları ve sıralama
Death Relives: Çıkış penceresi, DryreL'in oyun UI tasarımı
Çıkış penceresi
Death Relives: Çıkış penceresi, buton güncellemeleri, DryreL'in oyun UI tasarımı
Çıkış penceresi, buton güncellemeleri

Death Relives

HUD (6)

Death Relives: HUD, genel bakış, DryreL'in oyun UI tasarımı
HUD, genel bakış
Death Relives: HUD, görevler, DryreL'in oyun UI tasarımı
HUD, görevler
Death Relives: HUD, DryreL'in oyun UI tasarımı
HUD
Death Relives: HUD, tohum widget'ı, DryreL'in oyun UI tasarımı
HUD, tohum widget'ı
Death Relives: HUD, DryreL'in oyun UI tasarımı
HUD
Death Relives: HUD, sağ bilgi widget'ı, DryreL'in oyun UI tasarımı
HUD, sağ bilgi widget'ı

Death Relives

Oyun içi menü (10)

Death Relives: Oyun içi menü, DryreL'in oyun UI tasarımı
Oyun içi menü
Death Relives: Oyun içi menü, editör donması düzeltildi, DryreL'in oyun UI tasarımı
Oyun içi menü, editör donması düzeltildi
Death Relives: Oyun içi menü, dikey butonlar, DryreL'in oyun UI tasarımı
Oyun içi menü, dikey butonlar
Death Relives: Oyun içi menü, menü butonları, DryreL'in oyun UI tasarımı
Oyun içi menü, menü butonları
Death Relives: Envanter, DryreL'in oyun UI tasarımı
Envanter
Death Relives: Totem, DryreL'in oyun UI tasarımı
Totem
Death Relives: Hikâyeler, DryreL'in oyun UI tasarımı
Hikâyeler
Death Relives: Hikâyeler, sayfa oluşturma, DryreL'in oyun UI tasarımı
Hikâyeler, sayfa oluşturma
Death Relives: Bilgi, DryreL'in oyun UI tasarımı
Bilgi
Death Relives: Bilgi, sağ bölüm, DryreL'in oyun UI tasarımı
Bilgi, sağ bölüm

Keşfetmeye devam edin

Daha fazla oyun UI/UX

Behance'te daha fazlası

Tam kalitede görün

Bu proje Behance profilimizde yer alıyor. Oyununuz için menü ya da HUD mu gerekiyor? Konuşalım.