How can I get better at designing UIs?

Help and Feedback Art Design Support
1

You can write your topic however you want, but you need to answer these questions:

  1. What do you want to achieve? Keep it simple and clear!
    Hello! I am a Roblox game developer, and I want to get better at designing UIs. I want my game’s UI to be similar to Deepwoken. (I use IbisPaintX by the way.)
    Here is an example of what I drew with it:

Pyrite Adventure DX (1) Remake
Pyrite Adventure DX (1) Remake512×512 147 KB

  1. What is the issue? Include screenshots / videos if possible!
    I’m not the best at designing UIs, but I definitely want to get better at it. Making custom toolbars, prompts, etc.
  2. What solutions have you tried so far? Did you look for solutions on the Developer Hub?
    I have tried asking other developers, specifically UI artists, how they have gotten better.

Also, for the barriers on the buttons like this:

image

Do I have like one image and then parent it to the button and change the image scale type? Help is appreciated.

1 Like
2

try roblox’s 9-slice editor, look it up in documentation for more info

1 Like
3

I learned about the 9 Slice thing, and it works pretty well.

4

Try adding shadows being your UI. In paint.net, there is a simple drop shadow option that works pretty well
It seems your ui is made out of images, which would simply involve adding shadows to the images directly, or if you use normal frames, then you’d need to have a shadow image behind it, and use the 9-slice thing to make it fit frames of any size, but that will require scripting, and make your ui quite a lot more complex

1 Like
5

I’m not on Windows, so unfortunately I can’t use paint.net. I forgot I could add shadows just by duplicating an object, say a TextLabel, and simply lowering the index and setting the TextColor3 to black.