[UI HELP] Struggling with sizes on devices!

Hiya! I need some support on a UI situation I am having.
I have tried looking at tutorials on here and off the platform but I have come to no conclusion on how actually to resolve this issue. I am new to this whole UI Design stuff, and I want to improve but I cannot do anything without learning how to import and adequately scale the UI’s. So problem I am having, is below;

This is the iPhone 4S
image
iPhone 5
image

Compared to how I am wanting it to look;

2 Likes

Instead of scaling the Scale of the UI, try scaling the Offset of the UI.

This might or might not resolve your issue

2 Likes

Thank you for the response!
Unfortunately, it did not resolve my issue.

2 Likes

Maybe try using an UIAspectRatioConstraint | Documentation - Roblox Creator Hub

It basically makes it so that a GUI’s size cannot exceed the set values

2 Likes

how about this, just use a plugin

1 Like

Hello!

You can use the handy plugin Auto Scale Lite for this! Basically, you select a GUI and it scales it to fit in the screen for all devices!

(I’d send you the link but my creator marketplace page won’t load lol.)

Hope this helps!

2 Likes

Yeah I don’t personally scale and offset UI myself so yeah

Perfect

2 Likes

the purple and yellow things should be parented to the background. the purple and yellow things should only use scale, and no offset. the white background can have offset and scale in its size. also use a UIAspectRatioConstraint on the background

1 Like

UIAspectRatioConstraint just locks the size, the way to fix the Issue is to either use a plugin or change size and position to use scale instead of offset manually, I would consider putting in a UIAspectRatioConstraint inside the main frame though

1 Like