UI designing tips and help?

[Sofloann]

Hello guys !
So, I’m quite new to UI designing, and I’d like to get tips and tricks from you such as:
• How to make a nice UI skin?
• what third party softwares do you recommend?
• Mind sharing any experiences and troubles you had, and how did you solved that?
• Or anything you could share to help a newbie

But I’m not here without anything to show. I’ve been studying a design of an inventory that could possibly work on all platforms (Phones, consoles, PC).

Heres how it roughly looks with a quick sketch:

and how it badly but prototypely looks on roblox:

I’m using a cool method to save images loading and performances, all my buttons’s states will be on the same image:

I offset the image on a ClipDescendant frame to change the state !!

I’m also using this ClipDescendant technique to resize the rounded rectangle background:

IDK if it is the best way, maybe you can tell me, but it saves loading time I guess

If you have any critiques and advices on images sizes limits for the confort of low end devices I’d take it !!

Thanks for helping guys if you do <3

[SeafoamWolfy (Seafoam)]

Use 9-Slice for those corners.

How to use SliceCenter (Roblox's 9-Slice GUI Property)

Ever wanted to create borders for your UI that you can stretch however you want without distorting the image? Your solution is using 9-Slice scaling. The concept of 9-Slice scaling has been around for quite some time. So you want something like this? [image] And you want to use one image without getting results like this? [image] Well all you have to do is make a template, like this. [image] The corners of the image never stretch, the 4 sides only stretch to their respective directions, a…

[Sofloann]

Awesome, I missed that property and directly made my own slicer using % vallues and offets to make it work nicely

Now thats gonna be even more clean ty !

[Elttob (dphfox)]

You can also use ImageRectSize and ImageRectOffset rather than frames with ClipsDescendants for that close button, much cleaner that way

[Sofloann]

Ooh, so many new things… that aren’t that new I guess lmao.
I think i’m going to dig all the properties one by one

ty

[Stelrex]

Looks nice! If you’re wanting to do rounded corners on more UIs…I do have a plugin that’ll help you do it with ease.