Înapoi la UI/UX pentru jocuri

Design UI/UX pentru jocuri

Death Relives

Programare UI

Două luni ca programator UI la sfârșitul anului: 2024. Widget-urile au fost refăcute, toate raporturile de aspect au primit suport, s-au adăugat navigare cu gamepad și widget-uri HUD noi, iar texturile și blueprint-urile au fost optimizate.

Proiect

Death Relives

Programare UI pentru un joc lansat pe Steam: widget-uri refăcute, toate raporturile de aspect acceptate, navigare cu gamepad și widget-uri HUD noi.

Rol
Programare UI
Amploare
Meniu și HUD
An
2025
Context
Lucrare pe contract, lansată pe Steam
Afișate
44 ecrane
  • Unreal Engine
Death Relives pe Steam (se deschide într-un tab nou)

UI-ul a fost proiectat în Photoshop de Mücahit Ergen, iar primele design-uri de widget-uri au fost făcute de Yunus Öztürk. DryreL s-a alăturat echipei în ultimul trimestru din 2024 și a refăcut complet programarea UI.

Widget-urile defecte au fost corectate unul câte unul, iar ierarhia lor a fost rescrisă. Widget-urile care se stricau la unele rezoluții sau se comportau ciudat au fost reparate, texturile NPOT importate greșit au fost refăcute, slider-ele și butoanele cu puncte de click deplasate au fost corectate, butoanele duplicate au devenit un singur widget, iar blocările și înghețările editorului cauzate de blueprint-urile UI au fost eliminate.

Sunt afișate doar ecranele finale, lansate: materialele de dezvoltare (cod, vizualizări în motor, unelte interne) rămân private sub NDA, așa că mai mult de jumătate din muncă nu este publică.

Death Relives

Opțiuni (19)

Death Relives: Opțiuni, gameplay, design UI de joc de DryreL
Opțiuni, gameplay
Death Relives: Gameplay, butoane de filă, design UI de joc de DryreL
Gameplay, butoane de tab
Death Relives: Gameplay, selector de opțiuni, design UI de joc de DryreL
Gameplay, selector de opțiuni
Death Relives: Gameplay, butoane de acțiune, design UI de joc de DryreL
Gameplay, butoane de acțiune
Death Relives: Opțiuni, grafică [1/3], design UI de joc de DryreL
Opțiuni, grafică [1/3]
Death Relives: Grafică, navigare cu gamepadul, design UI de joc de DryreL
Grafică, navigare cu gamepad
Death Relives: Opțiuni, grafică [2/3], design UI de joc de DryreL
Opțiuni, grafică [2/3]
Death Relives: Opțiuni, grafică [3/3], design UI de joc de DryreL
Opțiuni, grafică [3/3]
Death Relives: Opțiuni, audio, design UI de joc de DryreL
Opțiuni, audio
Death Relives: Audio, nou widget de bază pentru glisor, design UI de joc de DryreL
Audio, nou widget de bază pentru slider
Death Relives: Opțiuni, limbă, design UI de joc de DryreL
Opțiuni, limbă
Death Relives: Limbă, selecție blocată reparată, design UI de joc de DryreL
Limbă, selecția blocată a fost reparată
Death Relives: Opțiuni, afișaj [1/2], design UI de joc de DryreL
Opțiuni, afișaj [1/2]
Death Relives: Opțiuni, afișaj [2/2], design UI de joc de DryreL
Opțiuni, afișaj [2/2]
Death Relives: Opțiuni, controale [1/3], design UI de joc de DryreL
Opțiuni, controale [1/3]
Death Relives: Opțiuni, controale [2/3], design UI de joc de DryreL
Opțiuni, controale [2/3]
Death Relives: Opțiuni, controale [3/3], design UI de joc de DryreL
Opțiuni, controale [3/3]
Death Relives: Atribuiri controler, pictograme gamepad, design UI de joc de DryreL
Atribuiri controller, iconițe gamepad
Death Relives: Atribuiri controler, texturi suprapuse reparate, design UI de joc de DryreL
Atribuiri controller, texturi suprapuse reparate

Death Relives

Pauză și ferestre (4)

Death Relives: Meniul de pauză, design UI de joc de DryreL
Meniul de pauză
Death Relives: Meniul de pauză, butoane componente și ordine, design UI de joc de DryreL
Meniul de pauză, butoane componente și ordine
Death Relives: Fereastra de ieșire, design UI de joc de DryreL
Fereastra de ieșire
Death Relives: Fereastra de ieșire, butoane actualizate, design UI de joc de DryreL
Fereastra de ieșire, butoane actualizate

Death Relives

HUD (6)

Death Relives: HUD, privire de ansamblu, design UI de joc de DryreL
HUD, prezentare generală
Death Relives: HUD, misiuni, design UI de joc de DryreL
HUD, misiuni
Death Relives: HUD, design UI de joc de DryreL
HUD
Death Relives: HUD, widget de semințe, design UI de joc de DryreL
HUD, widget de semințe
Death Relives: HUD, design UI de joc de DryreL
HUD
Death Relives: HUD, widget de informații din dreapta, design UI de joc de DryreL
HUD, widget de informații din dreapta

Death Relives

Meniul din joc (10)

Death Relives: Meniul din joc, design UI de joc de DryreL
Meniul din joc
Death Relives: Meniul din joc, blocarea editorului reparată, design UI de joc de DryreL
Meniul din joc, înghețarea editorului reparată
Death Relives: Meniul din joc, butoane verticale, design UI de joc de DryreL
Meniul din joc, butoane verticale
Death Relives: Meniul din joc, butoanele meniului, design UI de joc de DryreL
Meniul din joc, butoanele meniului
Death Relives: Inventar, design UI de joc de DryreL
Inventar
Death Relives: Totem, design UI de joc de DryreL
Totem
Death Relives: Povești, design UI de joc de DryreL
Povești
Death Relives: Povești, crearea paginilor, design UI de joc de DryreL
Povești, crearea paginilor
Death Relives: Informații, design UI de joc de DryreL
Informații
Death Relives: Informații, secțiunea din dreapta, design UI de joc de DryreL
Informații, secțiunea din dreapta

Explorează în continuare

Mai mult UI/UX pentru jocuri

Mai multe pe Behance

Vezi-l la calitate completă

Acest proiect se află pe profilul nostru Behance. Ai nevoie de meniuri sau de un HUD pentru jocul tău? Hai să vorbim.