Show off your UI designs

Hey guys, I’d love to see your UI designs. Personally, it will give me some ideas on the different styles and the most popular styles of Ui’s people create. It will also let others get inspiration from your designs!
It would be awesome if you follow this format.
My favourite UI design so far:
@kenami

Style: (i.e cartoony, realistic, rpg)
Programme used to create your UI:
Pictures:

(just logged on devforum after 2 and a half years and i can’t believe this is still active. awesome designs btw)

449 Likes

Style: Roleplay/Modern
Programme used to create your UI: ROBLOX Studio (Roundifier plugin)
Pictures: https://gyazo.com/d796ebb4d28837261950b9d732f8b541

83 Likes

The game im a developer at has a cool one. But it is not made by me. So check it out if you want, [RP] Area-72 - Roblox
[Sorry for not using your format by the way]

57 Likes

some very unfinished menus from my very cancelled skate game
inspired mostly by EA skate 2 and DiRT 2

305 Likes

I haven’t done much as I only started the UI for my game a few days ago, but this is what I have so far.
Style: Modern
Program used: Figma (It’s a online tool that I’ve found pretty helpful. Importing is kinda annoying, but it all works out in the end)
Pictures:
image

165 Likes

From my old class converter plugin, Reclass.

Style: clean, minimal, flat
Program used: Studio
Pictures below:

image

image

There are two toolbar buttons; Convert opens the class converter, and Automatic takes the top suggestion and auto-converts everything selected to that class. I designed their icons on a 16x16 grid, and exported them at 32x32 pixels so they appear crisp and smooth both in the Plugins tab and in the Quick Access Bar.

The Convert dialog has barely any lines or distractions, it’s very clean:

image

image

That small icon opposite the top suggestion tells you it’s the class type that the Automatic button would choose, hence why it shares the same image as the Automatic button.

Some more states, including empty states which have their own uniquely designed icons:

Find a class

image

Nothing selected

image

Multiple instances with different class types selected

image

Instance(s) selected with no suggested classes

image

I think I did a fairly good job with this plugin’s UI design - what do you think? :slight_smile:

79 Likes

Style: modern / sci-fi
Programme used to create your UI: roblox studio (built-in tools) / photoshop
Pictures: not a picture, but a gif

276 Likes

Ill show some of my more recent designs (made with adobe illustrator)

3 Examples



98 Likes

I really like it

UI is more than just images, like the movement you added in the background, and is something I really could improve on

45 Likes

I couldn’t really hide the background as it’s built-in with the UI, also not sure what I should improve on as it looks fine to me and every other user that joined the testing place.

34 Likes

I think you misunderstood my reply, I was saying what you did with the background was good

35 Likes

Style: SciFi
Program Used: Roblox, paint.net , Gimp

Here’s a few prototype SciFi UIs I have been working on:

Since I am not an artist I use paint.net and Roblox to design UIs, occasionally I use gimp.

I’m a huge fan of glowy UIs with little eye candy / animated bits.

Still Images


Video:

383 Likes

If you don’t mind me asking, where did you find those sound effects?

37 Likes

Various places on the internet. I have a whole library, some made entirely by me, others are royalty free that I found. Often I composite a lot of them together and edit them to make new effects.

52 Likes

All of these UI’s are Modern.
No programs are used ( besides roblox-studio scale ofc. )
Pictures below

A lot of pictures...

A lot of pictures…

cadlogin

1242633b9bffa65f4020f096f9cdb6c4

https://image.prntscr.com/image/bS0lUFPvSaO183bYODNhhA.png

https://i.gyazo.com/2a30771e06c74c8535803690bb595a2b.mp4

39 Likes

https://gyazo.com/a2bffd6cd84aa12cda3e8feb2f5a9ce0

130 Likes

I can’t make UI’s as good as you all make but I can give you one UI I made recently :grin:
https://gyazo.com/1e7daf0417066df060606adc107e6f90
I can’t add more.

97 Likes

Style: Simplistic?
Progams Used: Roblox Studio, Canva (for images)
Pictures:



136 Likes

https://www.roblox.com/games/258947171/Roblox-Assault-Team-IC6-Demo

Cancelled Project. The group shut down.

23 Likes

wanted to post something but wasn’t really sure what to post out of all my games and places,
so here is a game of minesweeper i made in 2 hours that is all ui

140 Likes