Hey everyone im working on a game based on Wipeout and Fall Guys (in terms of design) I decided to redo the eliminated UI and I want to get some feedback on it
The eliminated UI is supposed to show 3 buttons
-Revive
-Spectate
-Return To Lobby
Im not sure where to put it and still keep the clean looking UI, feedback and ideas will be appreciated.
Maybe move the buttons into a row, closer to the bottom of the screen. Where the revive button is on the left (most games generally have a respawn button there and so users are more inclined to click in that area)
Otherwise it looks good, however the grey round things should have a stroke or something, they’re a little out of place without one, also they should be colored white to keep with the color scheme.
Make those edits and then show me what that looks like.
It looks quite generic, but it could still work depending on the type of game you’re making. Like @tannnxr mentioned, the spacing/organization of the buttons could be better, but it’s certainly not bad by any means.
UiGradient could make it look better
I honestly tried to base the ui on the one from falls guy but it ended up looking alot different due to me still learning how to fully use the ui tools on roblox studio
Not having a stroke on the white parts makes it visually inconsistent. When designing you need to make your styles consistent or it will always look off. Add the stroke with the blue coloring
I think it depends on the style of your game but you should focus on the scale of each element right now because they seem way too big.
Here is where you start breaking out Photopea or Figma, and create your own UI elements by using ImageLabels
If you want it to look like that then you can add UiStroke and make it tilt
I can definitely see the resemblance. The more you practice, the better you’ll get!
Honestly I was thinking that too but im still practicing using gradient well ill try mess around with it though to see if I can use it well
The reason I made it so big is because the reference was the fall guys elimination ui which basically fills the whole screen, I also thought the elements were kind of big but wanted to stick to the reference
Ive been thinking about using Photopea for ui but the tools confuse me a bit I will watch a video on it though and will send an image after ive made and added elements from photopea
With maybe 10 minutes of work I recreated the entire thing entirely in figma, with a little learning you can also do the same
Using UiGradient is honestly simple. I was like the same way that I did not know how to use UiGradient. You need to go to the UiGradents property and change the colour on both sides of what you want the colour to be, and you can add more customization by clicking anywhere inside the box
