How did I improve from one of my first earlier UIs?

Hello everyone! I recently noticed that I need some improvement on my UI skill so I remade one of my old UIs. How have I improved and what do you like/dislike?

The first one was made in Fall 2020, the new one was made in Spring 2021.

THIS:


TO THIS:

(P.S The old one was made in Roblox Studio while the new one is not.)

2 Likes

You’ve improved alot, though id recommend polishing your UI by evenly spacing buttons and centering the text.

2 Likes

Yep. Use UIListLayout / UIGridLayout etc.

1 Like

Absolutely fabulous. The UI is nice and tidy, and it doesn’t look too crowded.

However, I recommend lowering the font size a little. Some buttons look odd when they’re entirely governed by text, and I just think it’d generally make it look better.
And also removing the rotation on the close button, its a creative idea and it still looks great, I just think it’d look better (and easier to script/implement to your game if you’re going to use that)
Money. Center the text, that should be about it.

Good UI!

1 Like

You need UIGridLayout here and please centre your text correctly.

Much better having the text larger on the sword.

Definitely remove the rotation on the close button, nobody uses a rotated close button and if you wanted to rotate it in game, there’s a rotation property in ImageLabels anyways.

personally, I think the green from the first one pops out more and the second one is has a desaturated green. Otherwise I think the blurs are a great addition.

Thanks for your feedback. I don’t plan to use it in a game so I can’t use the layout. I am trying to figure out how to align stuff with other things in Photopea still.