Problems scaling inventory UI

Help and Feedback Art Design Support
#1

I’ve having trouble trying to scale this UI to be even across all devices. It looks perfect with laptop and console resolutions, but just ‘breaks’ with smaller resos.
iPhone 4

RobloxScreenShot20190825_210459271
RobloxScreenShot20190825_210459271691×461 178 KB

iPad 2
RobloxScreenShot20190825_210502263
Laptop
RobloxScreenShot20190825_210504871
RobloxScreenShot20190825_2105048711026×577 301 KB

Console
RobloxScreenShot20190825_210508320
RobloxScreenShot20190825_2105083201026×577 293 KB

Can grab it here, have a look for yourself:
Inventory.rbxm (10.9 KB)

Please DO NOT recommend ‘making different UI for each device’ That is incredibly unefficient, and there has to be a way to properly scale the UI across every device and have it look the same on everything without needing to create 3-4 of the same UI for different devices

1 Like
#2

Have you tried using things like UISizeConstraints and UIAspectRatioConstraints? If not, this article may be helpful: https://blog.roblox.com/2017/03/ui-layouts-ui-constraints/

1 Like
#3

Problem with SizeConstraints is they work with offset, not scale, and 1 thing to know about me, I outright refuse to ever use offset XD The worst enemy when it comes to making UI scaleable

1 Like
#4

I tried something.

iPhone 4s
RobloxScreenShot20190825_092252415

iPad 2

RobloxScreenShot20190825_092332996
RobloxScreenShot20190825_0923329961024×768 540 KB

Inventory.rbxm (10.1 KB)

4 Likes