Hey!
I made this design for a suggestion UI I’m using in my project. I’d appreciate some feedback on the UI design.
Thanks in advance 
Note: Just so you know, it’s not done yet and any sizes and positions will be fixed later
4 Likes
For the text input, you should add some padding so its not directly touching the edge.
7 Likes
looks empty use like scale text or smth idk it just looks empty maybe add transparency and a title background
2 Likes
It looks very good just for the main black background add some texture like a repeating pattern that is a bit faint so it doesn’t look so plain
But everything else is perfect keep it exactly the way it is just make sure it’s the same on all devices
2 Likes
Thank you so much, i will get to work now.
But first what texture would you recommend?
1 Like
Thanks, i sorted it now with Ui Padding
So, i added the UI padding just wanted to ask is it good enough in your standards or should i move it a bit more?
1 Like
look at this quick menu i made… add the patterns behind it to look more natural also add movement and that
1 Like
also the X for exit is very weird…make it more seaparated also make the submit buttons breathing with tween and make them bigger also when clicked add like a sent sound
Already looking good but I can see a few improvements you could try.
-
The close button’s borders touching the UI’s borders doesn’t look great. Try adding some padding and experimenting with that.
-
There doesn’t seem to be any real hierarchy with your text which is especially important with these types of UI. Try increasing the size of the header text, changing the font weight, colour and other properties until you establish a nice looking hierarchy within your UI.
-
The buttons also seem a bit out of place. Try increasing the size of the buttons and reducing the padding between them slightly. It’s best to do small adjustments until you find what you like.
1 Like
Will do I’ll do it later thanks for the feedback!
Just posted it because I usually don’t make UI in studio it’s always made in photoshop, first time for everything.
may i ask for you to show me your previous works?
Add a gradient like this, i use this for my own game and it gives a sort of 3d look to it
I tried to make it easier to understand by showing you the transparency
2 Likes
If you want a few presets, I’ve made some on the devforum. I don’t know if they are still up but I have multiple different types of 3D buttons in one single post.
1 Like
Center popup window:
- Reduce padding on all sides, especially on the bottom
- Add padding to the text box (“Suggestion Right Here Please…”) so that the text isn’t right at the border of the text box
- Move the Submit and View All Suggestions buttons toward the center with a small gap between, rather than spaced toward the edges with a large gap between
- Move the note text slightly closer to the text box
- For the close button, replace the X letter with a colored circle or with a rounded icon
Good job!
1 Like
Here it is so far i will do the rest after work tomorrow.
added a container frame placed both buttons inside and added UIListLayout.
Textbox i adjusted my UI Padding a little bit to solve that issue.
The Close Button i will make in Photoshop tomorrow!
i will then move the text box down a little bit to make it more centred and then move the title up.
1 Like
This UI design looks good! Nice job on it! How long did it take to make this UI design? I rate it 9/10! Make all of the text a bit bigger, it will look better.
2 Likes
Awesome just make the frame transparent it makes it look cleaner 
(i also recommend photopea)