How could I make this UI more appealing?

Help and Feedback Creations Feedback
#1

I created this UI a couple weeks ago for my SCP game, it looks decent (for my standards at least) but I feel like some players would disagree, is there any way I could make it look better?

main screen
main screen1920Ă—1080 234 KB

teams screen
teams screen1920Ă—1080 200 KB

(dont mind the image)

shop screen (nothing yet)
shop screen (nothing yet)1920Ă—1080 118 KB

If there is anything I could improve, please tell me as this is one of the only menus I feel motivated to keep working on

Thanks!

4 Likes
#2

I think your UI looks pretty slick! One thing you could change is adding a blur effect while you are in the menu, so that the game world is blurred out and your eyes are drawn more to the menus than what’s happening in the game. Also, you could hide the changelog behind a button you have to press, so that you aren’t immediately overwhelmed by a big block of text upon opening the menu; less is more!

1 Like
#3

Totally agree with you fluster, I had the same idea, adding a blur effect would fit quite well with this. And perhaps a little camera tilt, aligned with the player mouse position, just a tiny bit though so it’s noticeable but not excessive.

2 Likes
#4

I feel like the UI is a bit too compact for my liking so adding more padding especially between the buttons would help amend that.

For headers like “TEAM SELECT” I would bold them to help bring contrast as the buttons and header look too similar. Also I would move it to the right a bit so the accent line and button text align nicely.

The SCP logo isn’t the correct aspect ratio and slightly distorted but adding a UIAspectRatioConstraint child to it would fix it.

And the misalignment is driving me nuts. The padding of the SCP logo is all different. It is has more vertical padding than horizontal which would remain the same and the back button uses different padding from the buttons vertically. The update log has no padding from the screen border even though everything else in the UI has padding.

#5

now that you mention the logo being ever so slightly misaligned makes me want to cry now lol. Thanks for the feedback, I’ll change it soon

#6

This might take away from the style but would coloring the text for the teams names look good? Like class-D is orange

#7

I suggest that you should use UIGradients

#8

I appreciate all of you guys’ feedback! This is really essential to further development of
my game! I’ll just put all of the things that I changed and mark this as the solution wait patiently until this topic gets closed.

1 Like