Hi. I want to achieve a team selection UI but there is lots of empty space that I don’t know how to fill. My first thought was to use images, but I’m not sure if this is working out very well. Any feedback is appreciated.
2 Likes
Try making the UI itself bigger to cover the empty space. You can still use your image idea if you want.
I don’t think that’s a good idea. It will look odd and basic having buttons that do so little take up so much space.
You necessarily don’t have to fill empty space in an interface, give your screen space some breathing room. Unless this is meant to be played on a large screen sitting on a couch or the text is small then you can enlarge the text and scale it up a little bit. However I don’t think this is the case for your screenshot.
I’m more talking about inside the team selection buttons. The images don’t look like they fit right.
I made a few changes and it now looks like this, with an added changelog. If anyone has any other feedback let me know.
That looks great, although I feel like the “choose a size” text could be larger as my eyes are immediately drawn to the other pieces of text. It may be an option to hide the unnecessary CoreGUI items until you’re in-game i.e. remove the top bar and the leaderboard
I’m sure you’re able to do it, but snippet:
pcall(function()
local GUI = game:GetService("StarterGui")
GUI:SetCore("ChatActive", true)
GUI:SetCoreGuiEnabled(Enum.CoreGuiType.Chat, true)
local Chat = require(game.Chat:WaitForChild("ClientChatModules").ChatSettings)
Chat.ChatOnWithTopBarOff = true
end)
2 Likes
Thank you. I’ve increased the size of the text and the “Confirm” and error message won’t show unless the buttons are pressed. I’ve chosen not to disable the top bar and chat because it fits with the style and allows users to communicate while they are setting their team. I don’t want to confuse new players by having it disabled either.
1 Like
That’s fair enough! Looks good now, eyes are immediately drawn to the text so any user would know what to do 
1 Like