I need help with my game ui

, ,

I’m trying to figure out how I should use ui and make it easily manageable while also being good to look at.

I have some ideas like changing dialogue boxes into speech bubbles, adding a calendar and grades to the academics tab, stuff like that

I’d also like your opinion on the positioning of the ui elements. Should i make a full hotbar, or keep it to only the backpack and wand being displayed?

NPC Chat

Player Response

Main UI

Backpack

Academics

Spell Shop

Thanks again for your help!

4 Likes

This UI looks great! You should make the text way bigger and thicker though. Otherwise, nice job on it!

you should probably change the font to something else that looks better and add some uicorners and also you should have the different uis be different colours so its easier to tell which one you’re on and it doesnt make sense to have a close button that is just text saying “close” on the spells while the other uis have an image button for that.

If you added some color gradients to these in the background they would more than pop. Super clean. Good work here, begging for gradients.

Remember that this is my subjective opinion and you don’t need to follow anything I say.

Here are my suggestions:

  1. Keep the padding constant. Stuff like this here might be a little annoying to see. Make sure that there is an equal amount of distance between the top of the frame and the edge, and the same on the left.
    image
    Also, try to upscale the elements in a list or grid layout to align with the edge of the container (scrollingframe etc.)

  2. Use different colors for different menus. The academics and backpack menu have an extremely similar appearance which might make it harder to differentiate.

  3. I really like what you’re doing with the drawing style of the noob, so try making the corners of the white/black themed elements contain some pencil effect.
    e.g.
    image
    image

the plain black borders could be replaced with a pencil effect

  1. Work out some better spacing.
    image
    Make sure these buttons are spaced the same, and the fact that they stretch off the main prompt might be fine if you use that pencil effect idea. I don’t know, but I recommend trying it out.
1 Like

Yeah the spell shop ui is the most under developed. I figured I would just add the same changes i made to the backpack ui to the spell shop when I figured everything out.

Thank you for these recommendations! I’m gonna start implementing these now.

1 Like

Also - I might as well mention that for the hotbar I’ve decided to go ahead and make a full bar where you can hold items to make my life easier when I add stuff like quest items and cooking ingredients. I’ll show that when I get it in a good enough state.

Looks clean, although the texts are a bit small and can be hard to read. I suggest using a much cleaner and bold font for it.

Okay, so I’ve got a working hotbar, and an updated chat UI. I’m not really satisfied with it right now, though. Any suggestions?

New Hotbar

NPC Chat

Player Reaction

I’m probably gonna try and use a different font that LOOKS better, but I think it’s easy to read now. Any aesthetic recommendations would be greatly appreciated!

i might end up using a handdrawn square as the visual for player responses to make it much more simple to look at. still, i’d like to hear what you guys have to say about it.

you should move the name box onto the characters shirt on the image and turn it into a nametag so it doesn’t look so out of place

That’s a good one. It might work too, so I’ll try it out and send it here.

Cool! Try making use of 9-slices for the drawing effect. It sohuld make things more consistant. You can search it up on the docs. It might look a little strange, but it’s not complicated.