Assistance in UI design

Hello. I am having some issues with this UI design. Does anybody have any suggestions?
image
Both buttons used to take up the full height of the main frame itself, though it did not look too good.

Anything helps. Thank you very much for your time.

3 Likes

Honestly I thought this looks pretty good, the two things I would do is put color below material, align the uilistlayout to the middle, and make the background frames a bit less round

Other than that, awesome!

2 Likes

Thanks for your feedback! The reason why I have color above because it is usually shown on the left in most games, and that is generally considered first. Also just wondering, what are you referring to with background frames?

2 Likes

Screen Shot 2024-03-07 at 7.13.01 PM

By background frame rounding I mean the actual frame containing all the buttons, and not the buttons themselves. By decreasing their roundness it’d look a bit more like a rounded square

And for my reasoning to putting color below material is due to the fact that personally I like longer words above smaller works but maybe that’s just me!

2 Likes

Oh yeah, I totally understand that regarding the words! My playerbase is already used to color being presented first, and games such as Welcome to Bloxburg do the same.

For the background, are you referring to the background frame looking a slight bit too round and the padding lessening on the edges?

2 Likes

3 Likes

By the way, I reformatted some things. Thoughts?
image

5 Likes

This looks LOADS better! I really like it a lot, honestly you probably don’t even need to change up the rounding now that I think about it.

1 Like

Okay. It’s also a style I’m trying to go for a little bit.

Actually, do you know any ratios I could do in terms of how round the buttons should be? By that, I mean should rounding take up a third of the button, a quarter? Right now, dividing the x size of the buttons by the rounding results in a quotient of 3.75.

1 Like

I found this image a year ago on X (formerly Twitter), I hope it’s helpful!

7 Likes

@KinderDev Do you think you know what I could put below the two inputs here?

1 Like

You greatly improved this, I think you should add more padding overall so you keep can manage your eyetrail assuming you’re adding more information under material.

2 Likes