Need help on GUI design

Help and Feedback Art Design Support
,
#1

I’m not very good at making GUI, and I’m currently working on a trolling GUI for my friends, I’m trying to make it look as good as possible, but It just looks… so bad.

Any tips or ideas are greatly appreciated!

3 Likes
#2

I like it, although as you stated, it does look a little bad.

Some things I would change is the font, and change up the UIStroke on the borders of the UIElements. It looks kinda bad.

It looks like you are using a UIGradient for the background image, if so change its rotation to something like 45 so it goes down and too the side.

The plain background for the scrolling frame can just be removed.
Also make the scrollbar smaller, and change the shape/images of it to make it fit the style.

Those are just my thoughts! Hope they help sorta!

2 Likes
#3

I am a Ui designer, here a few quick tips:

Try to make the test or any other elements that may need to be more visible/catchy have more contrast, the easiest way to do this is usually color, but it can also include UiStrokes (or just strokes) or for more modern UIs, shadows. You can use plugins or simply manually make one by dupliating an element and changing its opacity and make it black (remove gradient) you can also add blur and other things usings plugins, photoshop or inbuilt tools (like opacity for example).

Hope this helps, Panvi!
Feel free to ask for more advice :grin:

2 Likes
#4

here is what i would do

RobloxScreenShot20250104_182157560
RobloxScreenShot20250104_1821575601920×803 70.2 KB

this is a sort of style i never really do and i made this really quick so ignore that it doesnt look the best. but im sure still has some good tips.

  • use gradients right. search some up on google. there a ton of good ones.
  • shadow tip. I personally use this in almost all of my Uis because its so simple but always looks pretty good.
    • create a frame
    • get a ui gradient; make the color black. make its transparency from low to high. and the put its rotation to 180
    • position its offset and the frame to ur liking
  • Next; my personal advice match dark with bright. what ever is the lower one really pops out.
  • do not misuse uistroke its best
  • make sure colors match. color theory helps. or again ask google
  • ui corner does not match. I think u could solve this by using scale instead of offset but i just made it transparent.
  • trial and error to see what looks best

dont worry about doing bad just make sure your doing better! keep up the hard work :fire:

2 Likes