Style: Modern
Programme: Roblox Studio
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)
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 .
You can also use randomized amplitudes if you want much harsher shaking
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!
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)
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!
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 !
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)
Detailed tweening for buttons. No scripting required. Also exploring some new design styles.
WHAT!
you seriously made that on photopea…!
UNBELIEVABLE
you got some good talent.
This is probably the most realistic MacOS window ever. Oh yeah, and the title isn’t an image. It’s actually Gotham Bold.
Made completely using Studio’s own tools. I am working on tinting support as well.
This should be the real roblox website!
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.