Best way to do this GUI

We have this New Order GUI for our cafe system, but I don’t know how to make it actually look good. Menu items are self created in the game portal, so they aren’t pre-added.

Colors isn’t a worry atm, as we have a dedicated theme/color scheme, and that stuff will be fixed up later.

image

1 Like

Don’t make the boxe’s edges sharp/rectangular make it have a circular look,And maybe Change the texts to images

This is what you should change:


sorry i cant write with mouse lol

Shall I re-write your tips in text for easier reading?

ill rewrite it for you: not centered, not equal, white space, round corners, and thicken border.

1 Like

That doesn’t look like white space, I’m fairly sure it’s from the screenshot.

1 Like

Grey = Pastel Color
SmartOrder = White, GothamBold/GothamBlack preferred
Create An Order = White, GothamBold/GothamBlack preferred (but text needs to be smaller)

If you made the template round you might as well make the options round too. You can put an outer layer of another round frame and enlarge it a bit to get a cool border.

If you are going to make something for a cafe, or any cafe related things. Colors should be bright, poppy, and no black colors.

Is this the full GUI? If it’s not, I recommend adding instructions as to what to put in each box, and in what order. It also looks pretty bland, I’d recommend changing the font and color of “SmartOrders”.

Nice design but there’s still room for improvement, for example. You are missing rounded corners! I recommend having rounded corners (at least 5px) in every UI (depends on the design). Second, shadow! Shadow have an important role in UI. Shadow can show elevation of a certain object. Material design is an example that uses shadow for UIs. You should try adding shadow for the topbar and the background. Would look fantastic.

That’s all I can suggest! Thank you for reading, good luck with your UI!