May 8, 2019, 5:48pm
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
Use 9-Slice for those corners.
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?
And you want to use one image without getting results like this?
Well all you have to do is make a template, like this.
The corners of the image never stretch, the 4 sides only stretch to their respective directions, a…
May 8, 2019, 6:10pm
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 !
May 8, 2019, 8:24pm
You can also use
ImageRectSize and ImageRectOffset rather than frames with ClipsDescendants for that close button, much cleaner that way
May 8, 2019, 8:58pm
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
May 8, 2019, 9:40pm
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.