GUI's looking enlarged/weird in-game

I’m new to UI design and am trying to get better / learn more about how Roblox UI works.

It seems in studio my UI looks amazing and fits the boxes fine with no problems.
But when viewing from in-game the UI becomes enlarged / out of place.

I’ve done one thing which is scaling the UI to fit on all devices.


1 Like

I can’t help you without the properties of your gui.

1 Like

Save1.rbxm (16.9 KB)

First things first, you need to turn on textscaled for all the menubuttons. Secondly, the size property for th e notification should be {1, 0},{0, 50} not {0, 330},{0, 50}
If my solution worked, please give me a :white_check_mark:

1 Like

This seems to worked but I love learning could you explain why it should be {1,0},{0,50}?
Also the reason i hade it at {0, 330},{0, 50} was because the original UI (found in Rust) has a space in between to make the UI look cleaner
image

{1-scale percentage,0-offset} if you want to add a space, set it to {.9,0},{0,50}. Or lower. The reason the second one has to be offset is because it would scale to an insanely large size if you use scale.

2 Likes

Thanks for the explanation!
I always wondered how UI Designers knew what to shove into properties tab.

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.