My first time making anything ui related
1 Like
Looks good but thereās defiantly some polishing that can be done!
-
The āHair Selection:ā text label is off center in the x axis. You can center this easily by setting Anchor point to (0.5,0), and then set the position to {0.5,0},{0,0}
-
The same thing that is happening with the Hair Selection text label is happening with the category buttons. For this you can use a UIListLayout with the HorizontalAllignment set to center, this automatically centers the elements.
-
I donāt think that you are using a UILayout for the hair buttons, if you arenāt, I suggest using the UIGridLayout to keep everything equally spaced.
-
I suggest using UIPageLayout for the different categoriesā pages, it simplifies he process of coding as its all baked into the layout and all you have to do to switch pages is UIPageLayout:JumpTo(page)
In terms of design, it is good and functional, but doesnāt really look like a barbershop, depending on your gameās style and the other UI in your game, you can change the font, add some graphics like a barber pole.
2 Likes
Thank you! I was not using a UIGridLayout but I did add it, graphics were added eg: barber pole like you suggested and fixed the anchor point
1 Like
Would recommend you some UICorners there. Some buttons seem to be clipping out slightly.
From a design perspective, I really like it! Itās clean and it gets the job done nicely, but thereās definitely room for improvement.
As the comment above me says, thereās no element that gives away the fact that itās a barbershop, it just feels like your usual modern GUI. To fix this, you could add details such as the iconic barber pole colors in the title text labelās background (Hair Selection in this case), graphics such as a pair of scissors, or razors in the corners; and icons for the list of buttons in the category section so there are also visual cues (you can use the iconic brush and palette icon for the ācolorsā category, a mustache and beard combination for the ābeards categoryā, a star icon for the āpremiumā category, etc.)
Although, all of the advice I listed depends on the context of your game, because if your game is, letās say, based on a barbershop from the 1800s, the icons and overall GUI will have to follow a more āfancyā choice of design.
And lastly, 2 things I noticed from a mechanics perspective:
- Since this seems to be a shop, itād be natural for there to be a label where you can see how much money (or whatever currency youāre using) you currently have
- I donāt see a close/exit button
Hopefully this advice is of help as well, and good luck on your development journey!
4 Likes
There suppose to be clipping out to give out a ribbon affect lol
I forgot to add a exit button xD
- Added money label
- Added graphics. Thank you!
1 Like
