How can I improve my UI?

Help and Feedback Creations Feedback
, , ,
#1

I’m working on a Minecraft type building game where the player can place various blocks. I just finished the placement system UI and am honestly not very satisfied with it. I feel like it could definitely be improved, but I’m not quite sure how to go about doing so.

Placement System UI:

RobloxScreenShot20231113_211532939
RobloxScreenShot20231113_2115329391421×802 53.3 KB

Note: The repeating blocks are fillers and will be replaced once I’ve perfected the design.

The icons on the far-left represent the different categories of building blocks the player can choose from.

Categories in order from top to bottom as shown in the UI:
[-] Basic
[-] Advanced
[-] Technical
[-] Interior
[-] Miscellaneous
[-] Exclusive

(Icons are from a plugin called Fluency Icons)

Any layout suggestions, color scheme changes, etc. are all encouraged! I’m willing to experiment with different styles and layouts. Please give me your ideas!

7 Likes
#2

i think the icons dont really match with the categories names, try using a representative block instead for each category

6 Likes
#3

I will try that, thank you!

(filler text for character limit)

1 Like
#4

Is the frame containing the blocks a scrolling frame ?

3 Likes
#5

Cool gui, but all gui lack something and this one lacks: Proper seperation and seperators.

Basically add seperators between these icons:
image
Make sure that the distance from each icon is the distance from
image
Here to there

Try making the bottom distance equal to the distance on the sides and the distance between each icon here:
image

Also reduce the size of each icon so that it can never touch the text below. And that would be it.

3 Likes
#6

It looks great, I would just add a little more UiCorner to match the modern design

2 Likes
#7

No, it’s not

(filler text for character limit)

1 Like
#8

Alright, I will do that, thanks

#9

Okay, I will definitely do this! Thanks!!

#10

You should make it a scrolling frame because if you have a lot of blocks some of them will not be visible

2 Likes
#11

Personally, since I’m super simplistic, this actually looks super nice.

2 Likes
#12

You’re right, I will do that, thank you

2 Likes
#13

This UI looks good. I suggest making the entire size of it bigger, and everything inside of it (especially the text/font). Otherwise, I think everything else is and looks good.

1 Like
#14

add a little bit more colors, for example red cross button, and also make the space between x and y same.

1 Like