Show off your UI designs

Style: Cartoony
Program: Affinity Designer


I need help though, somebody told me it looks too bulky. Do you agree; I can’t see it myself.

8 Likes

I would say to bring the time box in a little close, and make sure that the icons are centered on the box it’s in.

Is it bulky hmmm not to me but I’ll tell you if it does look bulky👍

2 Likes

It looks good to me. The only thing I would suggest is not using the same shading method on both the buttons and the frame. That can be a bit repetitive and annoy the eyes of some players. I love the design though. Maybe decrease the size of the timer a tad though.

It has the right scale doh, it looks like this because in the game it spins and you wont notice it but you can see it now bcs it is a screenshot on the wrong time

I was thinking about changing it with shadows but there is just one problem, when you click on the buttons they move so I guess it will look bad if tje shadows move with them, you should check it out the link is in my post

@ManamiWasThere - I like the transition you have, why is your shadow darker and then lighter and then teleporting? Other than that, it doesn’t look too bad.

@RetributionVI - I can’t play the video, try re-uploading it.

@visvisjes - The GUI looks a little squashed and not that fluid, it doesn’t scale well. The animations are also very slow, especially when you click to move to a different page, you are waiting ~6 seconds.

@v_aggelein - The video won’t load for me but from the thubnail it looks pretty good, however it may be a little small on larger screens.

@loertis - The GUI itsself is a little bulky as there is no need to take up that much space for small icons, shrink the entire GUI, it just gets in the way when you’re playing the game; try moving the countdown into the top bar, like you’ve done with developer twitter handles. It’d look much better.

1 Like

I edited my post to include the streamable video link. Please give me any feedback or suggestions you might have as it can help me to improve my UI designing skills. :slightly_smiling_face:

1 Like

The only thing I really have to say is the “MAIN MENU” text when you’re actually on an element of the GUI is hard to read, try turning it the other way. Other than that it look good.
Oh also, the sound is bad, not sure what it is but it doesn’t really suit an SCP game.
You should add some background music

I love this UI in particular. It’s super clean. How’d you get the animations?

1 Like

I love the rounded corners and overlaid buttons! i’m stealing your style ok

Style: Modern
Programme used to create your UI: Roblox Studio

Just trying out making some loading animations etc (note: these are only concepts and I made them just for fun)

https://gyazo.com/e1db693e5d334d6843d057e0bd14747c

https://gyazo.com/4d579bca033d90d06bafa3e421f67408

https://gyazo.com/72f4bab5f32253d9d21802f72eebf9bf

https://gyazo.com/b1b268af3ca32ed0bce262c8f4ab410f

https://gyazo.com/ec895feb9a54f5abe6d23f2751b18db4

https://gyazo.com/463bb58da68f7fe5ec9c7ea0f6be450d

https://gyazo.com/d48ec997edc32b167bd4316e4849c365

https://gyazo.com/84ef87bacc0d7f180cc425adf0bf48cd

https://gyazo.com/273022dc0ee1d3ac0d3b50c63ba29a7b

(If you want any of them just ask me nicely and you might get it :wink:

122 Likes

Literally in love with all of them. Did you make all of these in studio because if you did that is quite some talent.

1 Like

The only thing I can really say is that in a few of them they are a little pixelated.

Oh sand in your last ROBLOX logo loading thing that kinda looks like discord the right side has one component down a pixel or two.

It kind of reminds me of Need For Speed Most Wanted.

1 Like

Most of them look pretty good IRL its just my gif recording program that makes everything extremely pixelated, maybe I will record some again and post them as mp4. And thanks for all the nice comments. (Yes, all of them are made in Roblox Studio. I use TweenService/TweenPosition/Tweensize)

Style: Modern
Programme used to create your UI: Roblox Studio
Here some more stuff I created recently and again everything is created in Studio. (No outside graphics programs etc just Studio and Roundify plugin)

These are based of stuff i created in html/css so don’t hate on me for the login ui :smiley:

35 Likes

Beautiful. You should make a post on #resources:community-tutorials to teach us all how to make something so great with studio alone!

5 Likes

Actually, what I am doing is changing the elevation. About the difference between the top shadow and the bottom one. I will fix it, sometimes went really wrong there.

Style: Modern
Program used: Adobe XD

Just a website I’m working on, not done yet. I’d appreciate some constructive feedback!

https://gyazo.com/e58aaca72cfa223f267eb2967b7cecd4

31 Likes