Show off your UI designs

Style: Modern

Programme: Roblox Studio

15 Likes

This is my UI design. There’s nothing much to see other than animated buttons and background, although I think it is quite good already. Just had to add pages, more animations and sound, and then some actual functions.

(i had my studio at 30 fps so my laptop won’t heat up. even then the framerate stutters. also obs recorded my sound modified by an equalizer, so my apologies if the audio sounds weird)

8 Likes

New Cartoony Pack I just made

2 Likes

:+1: Sleek animations, they are very responsive!

I suppose you want to achieve a shaking effect for disabled buttons when they are clicked, you might want to try using a spring where the value is determined by a cos/sine wave :thinking:.

You can also use randomized amplitudes if you want much harsher shaking

2 Likes

Thank you! Yeah, I was trying to make disabled buttons shake using Exponential for moving the button to the right a bit, and then letting Elastic do the shaking part. I’ll try out the spring idea!

I’m an animator but i decided to try something new.

I’m currently planning to make this website functional. Will make it a full game when it is!

7 Likes

The Profile is done



24 Likes

I like this design a lot, but I personally believe it has some potential to be improved. Firstly, the kinda excessive use of gradients. In my opinion, gradients should only be used for certain actions, not an entire UI in general. Next up, the “Play” button on the trending tab for games could easily get confused as a switch component in UI, due to how the play icon looks. (See example below)
image

Nextly, the icons on the sidebar could use a bit of… spacing from the actual text. They look too close together. Also, shrink down the sidebar a bit, because there’s a ton of whitespace there that only gets occupied by the trending games widget. Finally, move trending games to the page itself, as having all that inside of the sidebar is not very good practice at all. Hopefully this helps you!

1 Like


12 Likes

I really like this UI ! One thing I would say is that the SCP logos on the first image are pretty repetitive and makes the team name difficult to read. Maybe you should put theses logo in a darker color and change each logo by the department’s logo to make it less repetitive.

And for the second image, it would be good if you added hints that displays while the game charges so the player isn’t bored.

Anyways the UIs are really good !

23 Likes

Just a tiny bit of UI I’ve been working on recently (most of the stuff I’ve been working on in Figma recently, is non Roblox related)

2 Likes

Detailed tweening for buttons. No scripting required. Also exploring some new design styles.
uWo1uoS4

5 Likes

WHAT!

you seriously made that on photopea…!

UNBELIEVABLE
you got some good talent.

2 Likes

More Blender GUI



image

finished result

6 Likes

This is probably the most realistic MacOS window ever. Oh yeah, and the title isn’t an image. It’s actually Gotham Bold. :wink:
image
Made completely using Studio’s own tools. I am working on tinting support as well.

20 Likes

This should be the real roblox website!

1 Like

It’s called the ripple effect. I believe I have a model script for it. I’d have to find and I can link if you’d like.

Looks very professional. The textlabels and menu looks very technical.

Designing Restaurant Tycoon 2’s new premium store UI!

Website: kintyli.com

25 Likes