Show off your UI designs

can you put the note above the input key? i think that would do wonders here

1 Like

“Welcome to PreloadSerivce”
lol hate when a typo slips into the final product

Bruh, How did I never notice that 3 versions later

1 Like

omg don’t ask users for their phone number, password, and email what are you doing

1 Like

This is a concept and not live in any game and/or website. :smiling_face:

I decided to rework it :slight_smile:

3 Likes

made this today using node.js and the express package (it’s a working Discord-Roblox verification system)

11 Likes

This is really cool! How long did it take?

1 Like

It’s not anything detailed, but I’ve programmed tooltips into my experience. If any Gui element has a Tooltip attribute, a script that uses RenderStepped detects when it’s being hovered over, and shows the tooltip with its text inside it. Any text meant for it is expected to use <br/> for line breaks because TextService isn’t given any bounds so I have more control over that.
image
Also, to reduce work done on every frame, tooltips are only updated ever ¼ of a second. This would look choppy, so a tween is used to disguise that.

Here’s a video of the new tooltips! It shows how they animate appearing/disappearing, and even how they shift to the other side of where my cursor would be as I move near the bottom-right corner of the game window.

7 Likes

It looks really nice and I like how the tooltips are smooth. It looks like the old UI style which was used back in the day. Your UI is pretty unique and it’s really nice!

1 Like

Aw, thank you! When I think of tooltips, I can only think of the classic yellow Windows tooltips, so that’s what they’re based on, but with my game’s rounded and cute styling.

It is really good to hear that my experience’s UI style is unique; A lot of Roblox games (usually when they’re in a specific genre) tend to have very similar UI styles. Like, some simulators have UIs that look like they were made by the same designer, and any One Piece/Blox Fruits-like game has the status, moves, and notifications in the same areas of the screen.

While I’m viewing this topic, here’s something else that I made today (entirely in Studio as usual for me), a keyboard’s QWERTY section. If it’s used, it’ll show the player what keys play notes on instruments in my experience. (Yes, there’ll be multiple layouts.)


“Page 1” and “Page 2” are placeholders, which would be replaced by the musical note names that would be played by those keys. There’s two pages so I can dedicate more rows to octaves, letting the player press a specific key to swap between the lower and higher octaves. I’m getting off-topic, though.

1 Like

Looks like it’s not complete. But I like the effort you put into it. I tried to make a keyboard in studio once. And… I’ll leave the guessing upto you :sweat_smile:

Forget that but it’s very nicely designed! Do you think you’ll work on Mac keyboards?

1 Like

This will be a loading screen in the future.

16 Likes

Admin Panel for Tycoon Game.

Money Gui with Shop button Gui

Elevator Control GUI

Another Admin GUI

1 Like

I see a copyright infringement issue with your GUI. Roblox prohibits the use of the Roblox Logo in your game.

1 Like

Remade Apeirophobia lobby
image

It included a create party/room pop-out with 2 windows, one for the player and another for the owner.
Also an loading screen

What i am most proud of however is the click effect which adds a circle around the mouse once you click.

I’d argue it’s creative enough so that Roblox wouldn’t take it down, it’s not the exact logo. If they were really worried, the OP could just switch it out for the Roblox badge which is allowed usage for limited commercial projects. Seen as it appears to be a concept art, it would fall under fair users either way, unless OP makes the logo more like Roblox’s and commercializes it or uses it for general use purposes that aren’t covered by fair use, OP isn’t really infringing on the copyrighted property.

Bruh. Look at the original image and look at yourself making a big mistake

The word Roblox is a Trademark so it doesn’t matter if it is a different designed. If you use the words in any game when it is a registered trademark you could get in a lot of trouble. I am not trying to be rude or anything but just letting you know.