ARVELIA Devlog Devlog Videos

Devlog

IP Geolocation by DB-IP

Area

All Village Core Systems Combat Field & Maps Skills Cinematics Characters GUI Skin Project Management Branding

Tags

All Village Decor13 GUI Integration13

24 entries

2026-10-31· GUI Skin· Report #164
NPC dialogue box mockups — a wide bottom window with a name tab
I made two mockups moving every current dialogue feature, from the talk prompt to lines and choices, into the new skin, and picked the wide bottom window + name tab (option 1). This is also when I decided small screens would get a window-style feel.
#Dialogue Box#GUI Mockups

Previous2 / 2Next

Branding Drafts3

Post-processing1

Build Settings1

2026-10-30· GUI Skin· Report #163

Shop mockups — a full-screen layout drawn as Luka's general store

I drew two shop mockups using the 6 real items from Luka's general store and picked the full-screen version (option 1), which matches inventory option 1. The sell tab uses the same frame, so I didn't draw it separately.

#Shop#GUI Mockups

2026-10-30· GUI Skin· Report #162

List-style inventory mockups — going with the full menu

I drew two mockups turning the 4×4 grid inventory into the new skin's list style, and picked the full menu version (option 1) with a blurred background. This is also when I set a rule: nothing goes into the game until every screen has a mockup.

#Menus#Inventory#GUI Mockups

2026-10-30· GUI Skin· Report #161

Drawing a new UI skin from scratch, with blue (B) as the accent color

Instead of polishing the old flat brown skin, I drew a new GUI skin in GIMP. Out of three accent colors I picked B, blue, which is Karin's color, and brought 23 double-resolution 9-slice parts into Unity to check they don't break when stretched.

#Skins#GUI Mockups