Im new to GUI designing, and I'm having a problem with positioning and anchor points

Hey everyone, I’ve recently started doing a UI design for a lobby I’m going to make. The goal is to have buttons to select a track where they can race. The problem is, the GUIs are acting weird and going all around the place when I select to view it into a different resolution. I’ve tried playing with the anchor points, but nothing seems to be making it right. How do I fix this annoying problem?
(The size and the spacing between each button are also changing every time.)

Heres in an HD resolution, completely off…

Here it is in 720p resolution, where the buttons are a bit off

Heres how it looks like in the average laptop resolution, where I positioned it.

Thanks for reading!

Checking the properties of the UI will reveal a value type called UDim2. This is a coordinate for:
{scale, offset},{scale, offset}

Scale are relatively even in all screens. However, if you set the offset instead, the difference is noticeable between all screens.

1 Like

So your saying that instead of depending on offset values, I get rid of the offset values and scale the UI’s to my liking? Sorry, I just started learning how to design UI’s a few hours ago :grimacing:

That’s not exactly my implication, but sure. What you exactly want to do here is a proper and reasonable UI hierarchy which doesn’t cause those issues. Perhaps, and maybe most importantly, you could look up other tutorials and see how they approach the positioning and scaling with UDim2.

1 Like