VISUAL ARCHITECTURE & UX

Tämä dokumentti määrittelee The Chronicles of Ultimate Retro Station -projektin visuaalisen ilmeen, käyttöliittymämuokkaukset ja teemojen kehitysprosessin. Tavoitteena on yhtenäinen, tumma ja tekninen 03 Labs -estetiikka kaikissa järjestelmäkerroksissa.

Järjestelmävalikon muokkaus on projektin vaativin ja kriittisin osa-alue. Se määrittää koko laitteen ensivaikutelman ja korvaa alkuperäisen valkoisen Nintendo-ulkoasun tummalla, laboratoriomaisella ilmeellä.

Teknologia - .mym (MyMenu-lähdetiedosto) - .app (pakattu resurssiarkisto)

Kehitysprosessi - Katso erillinen Wii System Menu –kehitysohje - Testaus ensisijaisesti Dolphin-emulaattorilla ennen raudalle vientiä

Keskeiset muokkaukset - Health Screenin ohitus tai visuaalinen uudelleenteemaus - Kanavaruudukon taustagrafiikat (.tpl) - Osoittimen (Cursor) visuaalinen vaihto - Äänien (click / hover) hillitty tekninen tyyli

2. USB LOADER GX – TEEMAT

USB Loader GX toimii projektin ensisijaisena pelikirjastona (Wii & GameCube). Teemoitus perustuu XML-määrityksiin ja ulkoisiin assetteihin.

2.1 Hakemistorakenne

SSD:/apps/usbloader_gx/theme/CustomTheme/

2.2 Komponentit

theme.xml
Fonttien värit
Objektien sijainnit
Siirtymät ja animaatiot
Assets/
PNG-taustat
Painikkeet
Ikonit ja kehykset
Sound/
bgm.ogg (hillitty taustamusiikki)
UI-ääniefektit (minimaalinen, ei retro-piipitystä)

3. EMULAATTORIEN FRONT-ENDIT

Kaikki emulaattorit noudattavat yhteistä visuaalista standardia, vaikka tekninen toteutus vaihtelee.

3.1 RetroArch (Universal Retro)

Menu Driver
Ozone (ensisijainen)
XMB (vaihtoehtoinen)
Optimointi
CRT-käytössä:
- RGU-skaalaus
- Scanline-overlay
Tavoite: autenttinen 80–90-luvun ulkoasu ilman liiallista filtteriä
Assets

/retroarch/media/

Kustomoidut ikonit eri konsoleille
Yhtenäinen väriasteikko

3.2 WiiStation (PlayStation 1)

UI
Tumma teema
Täysi tuki kansikuville (covers)
Kuva-asetukset
Pakotettu 4:3 kuvasuhde
Ei widescreen-venytystä

4. KANSIKUVAT JA METADATA (ARTWORK)

Korkealaatuiset visuaaliset resurssit ovat kriittisiä ammattimaiselle käyttöliittymäkokemukselle.

Tyyppi	Sijainti (SSD)	Kuvaus
3D Covers	/apps/usbloader_gx/cache/covers/	Wii & GameCube 3D-boxart
Disc Images	/apps/usbloader_gx/cache/disc/	Pelilevyjen grafiikat
Full Covers	/roms/psx/covers/	PlayStationin täysikokoiset kannet

Ohje - Resoluutio mieluummin liian suuri kuin liian pieni - Ei kirkkaan valkoisia taustoja

5. TYÖNKULKU (VISUAL WORKFLOW)

Suunnittelu
Väripaletti
Typografia
Ikonografia
(Photoshop / GIMP)
Konversio
.png → .tpl tarvittaessa
Oikea bittisyvyys ja alfa
Implementointi
XML-teemat
MyMenuify / Theme Injector
Varmistus
Dolphin (System Menu)
Testaus oikealla laitteistolla

6. VISUAALISUUS (DESIGN LANGUAGE)

Yleinen estetiikka - Tumma, matta, tekninen - Ei kirkkaan valkoisia pintoja - Kontrasti mieluummin harmaa kuin värikäs

Väripaletti - Päävärit:
- Hiilenharmaa
- Tummansininen
- Grafiitinmusta - Korostevärit: - Hillitty vihreä - Kylmä sininen - Meripihkan oranssi (vain aktiiviset elementit)

Typografia - Selkeä sans-serif - Ei pikselifontteja käyttöliittymässä - Retro-tyylit vain sisällössä, ei navigaatiossa

Animaatiot - Hitaat, pehmeät siirtymät - Ei pomppivia tai lelumaisia efektejä

Periaate

“Looks like a research lab, not a toy.”