I want to redo my games sidebar but I don't know how

Hey, I’ve been wanting to redesign the sidebar in my game to fit with the rest of my games UI as its like the only thing I haven’t updated but I don’t know what to do or where to start. I kind of want to stick with the idea of the side buttons being slightly transparent to fit with the topbar buttons, but I’m open to anything. Below are images of the sidebar, and the other uis in my game.


(the bottom 3 buttons are only visible when you’re alive / a certain role)


1 Like

Here’s my feedback on the UI and some ideas.

What the colors mean:

  • Red:
    • The ‘Settings’ text is hard to read. I’d do something similar to the ‘Shop’ text, putting the white text behind a gray background.
  • Light Blue:
    • The colorful UI Stroke outline on the ‘Settings’ and ‘Shop’ UI might look better if made thicker to match the buttons at the bottom left of the image above.
  • Green:
    • The sidebar itself could have the same background colors as the ‘Settings’ and ‘Shop’ UI. That darker gray color. (If you want it transparent, maybe making the background color closer to black and then making it transparent would give a good effect.)
    • I’d also include that thicker gradient UI Stroke boarder from the UI I highlighted in the ‘Light Blue’ section.

The scrollbar could also be thicker, to match the thickness of the gradient boarders.

1 Like