UI game Roblox yang nyaman di layar kecil

UI yang terlihat rapi di monitor besar sering berantakan di layar HP: tombol sulit ditekan, teks terpotong, atau HUD tertutup notch. Berikut kebiasaan yang membuat UI tetap nyaman di semua ukuran layar.

1. Pahami Scale dan Offset

Setiap ukuran dan posisi di Roblox punya dua bagian: Scale (persentase dari layar atau parent) dan Offset (piksel tetap).

• Pakai Scale untuk tata letak utama agar ikut mengecil dan membesar.
• Pakai Offset secukupnya untuk jarak kecil seperti padding.
• Hindari ukuran yang hanya memakai Offset untuk panel besar, karena akan meluber di layar kecil.

2. Jaga bentuk dengan constraint

• UIAspectRatioConstraint menjaga ikon dan tombol tetap proporsional, tidak gepeng di layar lebar.
• UISizeConstraint membatasi ukuran minimum dan maksimum panel.
• Bila memakai TextScaled, tambahkan UITextSizeConstraint dengan ukuran maksimum supaya teks tidak menjadi raksasa di layar besar.

3. Buat tombol cukup besar untuk jari

Jari jauh kurang presisi dibanding kursor. Beri tombol penting area sentuh yang besar dan jarak yang cukup antar tombol, terutama tombol beli dan tombol tutup.

4. Hormati area aman dan kontrol bawaan

• Atur ScreenGui.ScreenInsets ke DeviceSafeInsets atau CoreUISafeInsets agar UI tidak tertutup notch atau menu bawaan Roblox.
• Jangan menaruh tombol penting di pojok kanan bawah (tombol lompat) atau kiri bawah (thumbstick) di perangkat sentuh.

5. Jangan hanya mengandalkan warna

Status seperti "terkunci", "dibeli", atau "habis" sebaiknya juga ditandai dengan ikon atau teks, bukan hanya perubahan warna. Pemain dengan gangguan penglihatan warna, atau layar HP yang redup di bawah matahari, tetap bisa membacanya.

6. Uji di Device Emulator lalu di HP

Device Emulator di Studio memudahkan mengecek berbagai ukuran layar dan orientasi dengan cepat. Setelah itu, tetap uji di HP sungguhan untuk merasakan ukuran tombol dan kenyamanan jari.

Penutup

UI yang nyaman membuat pemain betah menjelajah shop dan menu, bukan langsung keluar karena bingung. Butuh UI game yang rapi di semua perangkat? Lihat layanan UI/UX Game.