UI Design Help/Feedback

Am trying to make UI like this,

And made this(I know it’s terrible)

I would appreciate it if anyone good could give me pointers to get it better

2 Likes

I have a few recommendations to improve your ui.

Simple UI Design

  • You should always make your gui’s simple but with a few details behind it.
  • Your UI should be simple enough for players to use.

UI Instances

Instances For UI such as:

UIGradient, UICorner, UIStroke

Experimenting with these instances allows you to achieve the sleek-design.
For instance, I was able to create a sleek piano design by using UIGradient.

Remember!

  • You can combine UIStroke with UIGradient
  • Alongside while using UIGradient, you can modify the transparency by a sequence.

Better Fonts

  • Mostly, you should play around with fonts to see which ones work best for you!
  • By combining Gotham SSM Font and UIGradient i achieved a aesthetic-design.

Primary Color

  • You should always find the primary color you want to use, for example combining white and goldish-colour, white and teal-colour or white and black-colour.

Enchance UI Animations

  • Add a typewriter effect or a better animation style that can increase the gameplay.
  • Experiment with InOut direction and Quad Style, or find what suits you better.

Conclusion

  • Simplicity is key, you should always make a simple ui-design and add a few details to it!

Hope you get better at ui-designs.

I made this which am pretty happy with.
Screenshot_20240406-121341

Feedback?

1 Like

It looks great! You could have made the frame transparent and put a fade besides it, or used uigradient in the collect button or rarity But overall pretty good

1 Like

Thanks, am gonna like add a gift wrap over it to make it like your opening a gift

1 Like

Made this, feedback?

1 Like

Looks great, but give the frame a bit more life and more stylish animation.
Try combining dark with teal or find a primary color to combine

1 Like

???, I don’t understand explain more?

1 Like

Combine a few colours, add UIStroke or UIGradients.
Use the transparency modifiers on the frames

2 Likes