Show off your UI designs

My style is done just using Gimp for the images, tweening functions on the gui objects for the movement, and the tween service for other types of movements such as rotating, I also use viewport frames from time to time as well.


(this last one is unfinished)

100 Likes

Styles: Cartoony/Simplistic
Program used: Illustrator

Farming Game:


FPS Game:



image

40 Likes

An application center I made for an SCP group.
Style: Minimalist (I took a lot of inspiration from YouTube)
Program used: Roblox Studio
Pictures:

46 Likes

If you want more inspiration or help with that style, I would check this website out.

4 Likes

Style: Modern (Material)
Created 100% in studio
WxnoUiPfUPuaJe46

Inspired by @RetributionVI

42 Likes

Are you using the Roundify plugin for the corners?

5 Likes

I use Roundifier by @MENETHIA but I think it is no longer supported.

2 Likes

This plugin works the same as the one you suggested.

3 Likes

I’ve been getting myself into UI designing myself and tried a couple applications and websites, found one I’m happy working with. I ended up making a little window that I will end up using someday.
(I had nothing good as a placeholder icon, so I used that one)

I plan on making more than just those 3 components, but I still need to work on my creativity before I can do that.

24 Likes

11 Likes

Contrast issue on that notification UI. It’s quite obvious.

1 Like

Cheeky buttons :wink:
Ignore that ugly logo placeholder, lol

13 Likes

Skills Menu

Programs used:

  • Roblox Studio
  • Adobe Illustrator
  • Pixelmator

Style:

  • Low-Poly
  • Cartoony

Image:

04%20PM

13 Likes

@TheLoneNeighbour The GUI doesn’t look the best, in my opinion it’s too dark. and with the “locked” options the lock just seems out of place. However, as a start it looks good. :+1:

@Shardwielder Woah, that looks pretty cool, only think I can really suggest is to make it more fluid, make animations when you click buttons rather than it instantly showing a box, it could bounce in, it could fade in or something - play around with effects.

@ItsMatko I know this is only a mockup but rather than having so many thick dark lines, you could remove the bottom one and just make the title area a light gray, here’s a quick example I’ve done.

Quick Mockup

2 Likes

I made some simple guis, toke like 2 hours in 2 days to make. image

14 Likes

Wow, your UI looks fantastic I can´t wait to see your game.

1 Like

@So_er The only suggestion I can really make is the contrast, some people may struggle to read the text, if they have a visual impairment. Have you tried making the text white?

1 Like

I know it looks small because the thing I took a pic with is bad.
But thanks for your feedback!

1 Like

I don’t think he was talking about your UI. image

3 Likes

If you’d like me to make a more indepth look, just shoot me a Direct Message & I’ll quite happily review it further for you.

1 Like