Hey,
I’m just looking for any advice on my lobby creation UI. It’s pretty simple, but any feedback on it would be great:
(sorry for blurry image)
(sorry for blurry image)
1 Like
widen the buttens make them like stretch until the text on the left but with like some padding
Wdym? Do you want me to move the text on the left to the corner, or something else
like uhhh
see how the buttons are like positioned along with the text it could look like that
Isn’t that what I have right now? the buttons are on the same X alignment as the text
for some artistic input, I would recommend having different colors for the different difficulty’s, and perhaps add something to make the buttons stand out more from the background, like a uistroke but that would only work if you have a proper background for your buttons instead of just having it a TextButton, and for your party size I would recommend a slider to select the number or just have the text for each button be a value like 1 instead of one and make the text for those white instead of a gradient so its easier to look at.
1 Like
How’s this? I didn’t add the UI stroke but I changed the colors a bit:
I still feel like it’s too bland though, if there’s anything else you think I should add to it please let me know
I’d say make the difficulty buttons wider try to balance the padding between them since you’ve got Easy/Hard both 4 letter words as big words then Normal is trying to cram itself into the box.
Then for the Party Size ditch the buttons just cause it’s not the most UX friendly instead I’d recommend trying something like this
Two buttons to navigate between more/less players and if they hit a max number of players say 6 like you have it then you can disable the button to increase the amount. The increased width will also help it match the change with the difficulty as well.
If your ever looking for a site to get tons of UI designs off I’d recommend checking this out.
3 Likes
it’s not that bad of a UI, but the issue comes from using TextScaled on some TextLabels, like where it says Easy, Normal, Hard, or One, Two, Three, Four, Five, Six.
Instead, you should use pixel-based text size to keep it balanced.
Overall, I’d rate it 4-6/10.
2 Likes
sure, but green, orange then red would be better for the difficultys, and having gradients for the other things was fine
2 Likes
Please elaborate on the pixel-based text size, do you mean resizing the text labels themselves or something else
thank you for the feedback as well
do you have any good keywords that I can search in the database to find results similar to what I’m creating?
When you use on pixel based text you need to make every textlabel’s text size same.
In your case i recommend resizing Easy,Normal,Hard Buttons’s X size and making text size the same px on every.
1 Like
I see, so you manipulate the size of the object while keeping the pixel size the same; Going to implement that right now thanks
1 Like
Here’s what I have so far. Looks a lot better, but I still want to polish the create button at the bottom
2 Likes
Looks way better for eyes!
What is sizing of your gui?
Is there on offset or scale?
1 Like
Using scale
Which part of the GUI do you want the sizing of? the overall background is {0.473, 0},{0.784, 0} but if you want a specific part let me know
I think it’s the other way around; if you have your position and size as offset then the view will be different
1 Like
In short:
Go to Test>Device
and change you current emulated device to Xbox or something higher size and change second thing to Fit to Windown.
you would see that on screen position of gui is different that view of your PC’s screen and text is almost invisible.
oh yeah, that’s definitely a problem
how would I fix that?