How to fill space in GUI?

What do I want to achieve? I want to have my gui look better/nicer with less blank space.

What is the issue? In my gui, I have a lot of unneeded and unwanted space.

What solutions have I tried so far? I added a frame behind the “description”. But everything else still looks empty.

What is this gui for? In my game, I am going to have a button (located in the top left) , that makes a gui visible, and in that gui you can click the next / back / close buttons. (Its a tutorial)

The ‘Next’ button would change the ‘Teams’ and the text below that. And the ‘Back’ button would go back to a previous ‘section’.

Any suggestion is much appreciated! :grinning:

Just make the frame smaller and make some parts bigger.

1 Like

Make tutorial smaller and move it and 1/7 up, center the teams and description, move all the buttons below the description.
If you want to keep this style then id say keep some empty space but move tutorial and 1/7 to the right and a bit up.

replied to the wrong person oops

1 Like

Good question that I can answer with a simple redesign.
First, you should not make the frame larger than required. And you also need to remove unnecessary stuff so as not to make it overwhelming for the player. Picking colors is also very important. If your colors don’t match, the UI will dart odd. I am just showing 1 way, but if you get creative you’ll find hundreds of ways to do it better.

1 Like

In my opinion I like the minimalist.

1 Like