Smooth UI theme - How is it?

Greetings! I am in the process of modernizing and polishing my Roblox game.

I am a SwiftUI developer, but managed to update my UI with SwiftUI like behavior. I call this theme “Smooth”.

How can Smooth improve? I will attach screenshots below.

Thank you for your feedback!



1 Like

1st Picture

  1. Category text needs more space from the top
  2. A colon on Category feels unnecessary
  3. The style of the button icons and counter are different
  4. The icon on the counter is too close to the text
  5. The size of the text on the flag button is small and long
  6. The i doesn’t look great on the corner, give it shape (square or something)
  7. Make the name text slightly smaller on the x-axis so it has space
  8. X button looks out of place

2nd Picture

  1. Icons look skinny
  2. Icons don’t match
  3. The space for that flag counter is big and you’re only taking a small part of it
  4. Flag needs more space from the left
  5. Make the Shift button longer
  6. The speedometer has a different style than the rest of the UI

3rd Picture

  1. I can’t even see the background of the Retry button

4th Picture

  1. Map names are hard to read
  2. Map names are touching the edges
  3. That icons at return to lobby are off centre
  4. That circle icons on waiting for more players is out of place
  5. Positioning of “players in game” is odd + make it align on the right
  6. Counter icons are out of place
1 Like

This UI looks very good! I like the style of it! You should make the category buttons much bigger, and the buttons and UI on the far left side a lot bigger as well. Otherwise, nice job on this!

1 Like

In all previous UI’s I have made in the past, I have never really made an X button that I have been satisfied with.

How should I make a good X button?

Try making it plain, just X, no background or anything
image
Take inspiration from your computer’s UI since you’re trying to go for a smooth/modern look