How do I override the ugly gap in Roblox's interface without hiding my own UI?

Help and Feedback Art Design Support
#1

Heya.

Ever since Roblox updated their interface, I’ve been more than ever infuriated by how ugly it is and how it affects the placement of Art Design in general – which is very harsh for me to say, but it’s true.

Here’s what my UI looks like in-studio:

Screen Shot 2020-06-13 at 8.28.28 PM
Screen Shot 2020-06-13 at 8.28.28 PM4358×2274 6.61 MB

Now here’s what it looks like in-game:

Screen Shot 2020-06-13 at 8.40.38 PM
Screen Shot 2020-06-13 at 8.40.38 PM1974×1026 2.82 MB

Back then, if the UI was positioned at the top, it would be at the top. But every time I leave the Y Scale alone to 0, it gives me this gross gap that is surely not needed.

If I move it up more, it’s going to complicate things even more because I plan having buttons on this interface I created. Not only would it complicate things more, but it would surely look ugly being so uneven compared to the other GUIs created by Roblox themselves. (The tiny space on the top.)

So far the best result I’ve heard is just filling up the entire gap with a singular color. I’m pretty sure Flood Escape accomplished this, correct me if I’m wrong. I’m trying really hard to avoid that but so far it just seems to be the only viable option.

How do I approach this? How do you guys approach this?

1 Like
#2

There is a property of ScreenGui that you can use to fix this.

6 Likes
#3

Okay so I’m not sure since I don’t do this. This is just a guess but can you resize it to fit. Not sure though, again I don’t really know.

#4

If i’m being totally honest I would leave it as is because it is even with the player leaderboard and chat. But if you would like to not have a gap above your timer can’t you just move it up or extend the image/gui?

#5

Thanks so much! Appreciate it!