How could I make this inventory gui better?

Help and Feedback Creations Feedback
#1

Hello everyone,

I made a backpack gui for my game. it’s nothing fancy but I’m a bad when it comes to designing so I came here to ask your opinion about the gui and how could I improve it

here is the gui:

backpack
backpack1004×535 113 KB

Thank you.

1 Like
#2

It feels too dark try making it brighter.

1 Like
#3

inventory 2
inventory 2922×485 29.6 KB

idk this feels a bit worse

#4

I’m not sure what to really do maybe make the icons round if you haven’t tried that already.

2 Likes
#5

Hey I have a question, isn’t it copyright as I found a game called Star Wayfare 2 made long ago with the item “Mithril” aka a crystal as currency

#6

Not really since mithril is an old legend and star wayfare didn’t create it so it’s fine

#7

I have a few notes

  • Everything is gray and that’s quite boring
  • There’s no spacing at the top of item grid
  • Tooltip covers other items (could be on top), white in yellow is hard to read
  • Is “Discard” function that important that it’s the most visible button in whole GUI?
  • Information popup main text font is huuuge and item title is somewhat poorly visible in comparison (white in gray)
  • Item title is placed in a different universe than item rarity, it’s neither centered nor left-aligned
4 Likes
#8

Try adding a uipadding in the scrolling frame and change the uipadding top property so it doesn’t start all the way at the top

1 Like
#9

Thanks to your list and @LucaDaBoy, I managed to make the Gui look much better. Thank you both

here is the final result if you are curious:

Inv5
Inv5794×522 150 KB

2 Likes
#10

This looks SOOO much better! You can also use UIPadding to push text in item description on the left and bottom buttons off the borders. It’s one of the easiest ways to make things look better and more professional in UI/web design - padd all the things (and make sure paddings align nicely)! Personally, I prefer to keep the text size of button labels the same, but I guess it does make sense to have it larger on the “positive” one.

Bonus tip: test your UI with unusually long (how would “Mithril Axe of Massive Power” look? Are you sure you won’t have item descriptions with 6+ lines that would overlap buttons, etc) or short labels, so you wouldn’t have to do any tweaking later.

2 Likes