Show off your UI designs

Yeah, I understand your pain. That happens, you’re best just making your own or using an existing framework’s like Roact.

2 Likes

Some simple stats UI that I’ve worked on :smile:

5 Likes

It’s a little hard to see what is going on since it’s so zoomed in, could I see it as it would be if it was in a normal game?
Also, the circle with the pixel art coin symbol is too close to the bottom so it looks off-center.
What’s the dark gray line at the borrom for? I think this is the cause of the issue there.

2 Likes

Here Is the UI in the normal form.

1 Like

It’s a little big and “in-your-face”, make it a little smaller, I also feel like it’d fit in more in the bottom left hand corner.

TODO list:

  • Remove the rounded dark gray box at the bottom.
  • Make everything alligned vertically.
  • Make the box smaller
  • Move the box to the bottom left.
2 Likes

I have been working on a main menu based off of ‘Tom Clancy’s The Division 2’, I made it completely in Roblox Studio, and plan to use it for an SCP game.

https://gyazo.com/20c167e6f3b1c419af614533fff46270

I am also making different UI’s with the same theme, such as the player list you can see in the top right.
I would appreciate any feedback or recommendations you have on my post here.

50 Likes

How were you able to get that affect with the camera focusing where the mouse is with the tween?

2 Likes

Some more GUI’s i made:

And a ripple GUI:
ripple2

30 Likes

I unintentionally created a feel similar to Windows 10 when I built this full-screen UI, so then I made all the bars and panels transparent.

UI Style: Cartoony glass?
Programs Used: Roblox Studio
Pictures:


3 Likes

Probably storing a cframe, and getting the mouse’s position each frame and then performing this

local starterCF = CFrame.new(0,0,0)
local mousePos = Vector2.new(100,50)
cam.CFrame = startCF * CFrame.FromEulerAnglesXYZ(mousePos.X / 10, mousePos.Y / 10) -- 10 is just a smoothing number which would have to be changed
4 Likes

image
Contrast issue.

2 Likes

It’s just a concept and the colors aren’t right. It was mostly to test how much I could do with tweening.

1 Like

Based on an iPhone X with different button placement and a custom Apple logo (Roblox logo with a bite out of it). Yes, I know Rople doesn’t sound that good. : )

Don’t copy pls

11 Likes

Here’s an update on the support items inventory.

3 Likes

Don’t forget the iconic iPhone X notch.

2 Likes

the new update added UI gradients!
image

doesn’t look nice but it demonstrates it ok.

noice99

Click here for the release notes.

11 Likes

It isn’t supposed to be a copy but thank you for the suggestion :smiley:

1 Like

Just finished this! Feedback is appreciated!

9 Likes

Material Design 2.0
Textbox field
https://gyazo.com/8b6bc0362bb24a6673e020a76ec5e647

28 Likes

image
The indicator is useless, you can just do something like bold-ing the textlabel.

3 Likes