I need help fixing my UI, I’ve been making different types of UI so I know how to create UI I just wanna know how to make it better.
Try keep things centred, fonts consistent and no text or button objects touching the edges of the UI
1 Like
As @Ben10Tam said keep things centered and all that i recommend using the Padding object to center all texts properly
1 Like
I’ll just point out some things about it that stood out to me:
There needs to be more consistency with the UI.
- All three frames have different levels of “roundness” applied to them. Make the rounding consistent.
- Fonts should be consistent
- The colors should be consistent; you’re using a very dark red for the “No” button, but a bright red for the “Cheating” button. Same with the “Yes” and the “Submit” button.
The buttons in the middle frame should be larger, since the text doesn’t fit them properly
The red rectangles in the votekick frame are not centered. These should be centered.
The colors are a bit off. The colors you chose to use are a bit dark and dull looking.
The text in the middle frame is way too long for such a small frame. It’s a bit hard to read.
1 Like
I really appreciate your feedback, I’ll make sure to do that.
Its better. Mabey change the text colours in the buttons to white with the UISTROKETRANSPARACY to 1. also the close button could be larger and more in. If you know what I mean.
Other than that it looks clean
1 Like
Alright I’ll do that but the stroketransparancy Im not to sure about
1 Like
looking much better, for the vote kick you should make the top text smaller by X and larger by Y so that it can be two lines because it is touching the edges making it look weird
you could change the close buttons on the GUIs to be just a circle that says ‘X’ so it is more clear and make sure they also don’t touch the edge
Alright I’ll be sure to do that, thanks for the feedback.
Alright I made some more changes to the UI and the actual selection system itself, following most of your suggestions, if there is anything else just let me know.
Looking really nice so far, here are my few tips
-
Position “Nil has intinated a votekick on nil” at the center top, and keep it a bit further away from the UI edges.
-
Follow the same format as votekick, have some sort of inner background on the rest so it matches the current style your going for.
-
In the reason UI, try using richtext to add “Remember:” into the paragraph and then center that.
-
Fill in the gaps between Cheating, Toxicity and TOS Violation more, you can make all the buttons bigger, or move them closer together.
-
Last thing is you might want to add exit buttons, incase someone decides not to make a report, how are they gonna exit the UI?
All pretty minor, your UI is coming along good! Also, what are the small red lines at the top right?
red buttons in the corner are exit button
For an exit button I would try something like this so its easier to tell
Im not really a fan of adding an actual “x” button since Im trying to make the ui clean.