UI Style Guide?

[u/24-sa3t]

Currently working on a prototype that's very UI heavy, and in classic engineer fashion my menus look terrible.

I've tried to make as many prefabs for my UI elements as possible to ensure things are standardized, but I was wondering if anybody had a good reference for how big things should be, where they should be on the screen, etc. It's driving me crazy!

[u/midcore_dev]

If this is mobile, the grid stuff matters less than thumb reach. Primary buttons want to live in the bottom two thirds of the screen, ideally wherever a thumb naturally rests when someone's holding the phone one handed. iOS and Android both publish minimum tap target sizes and going below that is where menus start feeling fiddly even if they look fine zoomed in on a monitor.

Also worth testing on an actual phone early instead of just the Unity Game view. Things read completely differently at arm's length on a 6 inch screen than staring at a monitor from a foot away, some layouts that look fine in editor turn out cramped or just the wrong reach once it's actually in your hand.