Show off your UI designs

what’s wrong with it? i quite like this new design

6 Likes

that’s what the whole design was loosely based off of. I did originally put that transparent strip down the side too, but decided against it in the end, since you wouldn’t be able to cover the coregui buttons

1 Like

This is much better! How did you make the avatar icons so smooth?
How did you get so good at UI design? What programs do you use?

1 Like

not sure what you mean by this? the avatars themselves are just off their respective profile pages, the status icons are the SVGs directly from the website

thanks! :relaxed: not sure I’m “so good,” but years of practice, and always consider consistency

I solely use Figma, which is a free web app!

1 Like

Do you have a picture of your first UI you ever made?

I suppose this would be one of my first Roblox UIs. I made it originally in 2009 when GUIs were first released and then updated it slightly later when they added more features.


3 Likes

Hey guys! Some recent commissions I’ve completed! :smile:




















38 Likes

Check out UI I’m making for Supercharged!

View the rest of my portfolio here: EGOTISMS: The leading UI/UX Designer [AVAILABLE FOR BRAND DEALS & MORE]

23 Likes

Style:Cartoony
Programme used to create UI:Figma
Pictures:




7 Likes

Interesting

image

22 Likes

I am not a huge fan of the search bar animation, creates some sort of messy-ness because the search icon is overlaying with the textbox while it is being animated.

If you are fine with breaking Roblox Studio’s UI design, I’d say its better to make it so the text and search is centred, and then animate search to left, and animate to left too. Kinda like macOS

1 Like

Hmm, that’s an interesting idea. I completely agree in relation to the icon overlaying the text! I might give that a go and see how it looks. Thanks for the feedback!

The first UI I have made

2 Likes

Style: Modern
Program used: Roblox Studio

Please note, I did not think of this design. I saw it on the “What are you working on currently?” thread last year and decided to make it in Roblox studio and script it.

Images


k1SkKZunAh

Clicking ‘Multiplayer’ takes you to another page where you see the Multiplayer information
pQrvWOE05E.gif - Google Drive

Very poor compression because gif.

1 Like

@nana_kon I like the overall aesthetic style of it, the animation seems a bit ropey using Flipper though. what’s your verdict?

OgejvXeFy6

perhaps I should use two separate motors for the icon and textbox?

7 Likes

Supercharged!
Tweet here: https://twitter.com/EGOTISMS_RBLX/status/1394669110542442499

View my other works here!: EGOTISMS: The leading UI/UX Designer [AVAILABLE FOR BRAND DEALS & MORE]

22 Likes

Try

3 Likes

I will Thank you for the suggestion

1 Like

Decided to try out making UI for vertical orientation for phones, seems promising so far!

and it is very user-friendly, as everything is pretty much reachable in this scenario!

Here’s the one in desktop:

11 Likes

some stuff I made

38 Likes