when resizing the frame, it doesnt resize the text
it just positions the text to the centre of the frame
do you have anyway to fix this?
hierarchy:
and also, does this match what you want?
Make sure you used scale and not offset for the size of both, the textlabel and the frame. Else, it’s probably because TextScaled is set to false. Personally, I would enable TextScaled but I don’t think @TestyLike3 would agree. By enabling TextScaled, the text will fit in your game. There is a downside tho as it comes with a performance and memory cost. Other than that I don’t see why you wouldn’t want to use TextScaled. By the way, the “start” button looks way better now!
1 Like
thanks, I’ve used scale on every gui object however
i love how everyone who has replied is a programmer
3 Likes
I’ve also noticed that the roblox top-left buttons are right on top of the side buttons which doesn’t seem right. I’d guess that “IgnoreGuiInset” is enabled on the ScreenGui which causes this.
that is correct, however without IgnoreGuiInset enabled, the gui would be clipped off, do you think I should lower the gui a bit?
I’ve made a similar kind of UI with a side panel before. Here, I enabled IgnoreGuiInset but however, i made sure the side buttons were a bit lower so that there was still place for the Roblox Buttons.
in Studio:
in Game:
If you’d like to Disable IgnoreGuiInset, there is a solution to the clipping problem. You’d want to change the MainFrame’s size to {0,0, 0.1 ,0} and its position to {0,0, -0.1 , 0}
The problem when doing this is that it will look weird in Studio, but totally fine when in-game.
In Studio:
In Game:
1 Like
ill try the first method, thanks
everything is a descendant of the mainframe so when i set size to 0.1, everything squashed together (the second method) lol
sick
1 Like
do you have an overall rating or any more suggestions
https://gyazo.com/16a5cb59cc23ea2fc6536c1032bbe760
Honestly, you’re doing a great job already! I really like the layout. I may have a few suggestions that could take your design to the next level. These are just some ideas to consider.
-
Side Buttons (again lol)
I feel like they are maybe a bit too basic. I would personally add more padding between the buttons. Maybe scale them down on the X axis so that it doesn’t stick right next to the right panel. This may be my preferences, but I always like to add Hover animations. It doesn’t have to be crazy, just making the size of the button bigger when hovering would do the trick. Lastly, I would add a UIStroke when you click on a button to make it more clear it’s selected. Below is an example of what i mean with the padding, size on x axis, hover animation and UIStroke.
Before:
After:
-
Start Button
The text in the Start button is too close to the ends. Pretty hard to explain, but i think the example below may help understand. I would just make the button wider on the x axis (if it’s needed scale it down on the y axis).
Before:
After:
-
FontFace
-
Try messing around with the Style and Weight of the TextLabels and TextButtons. Some TextLabels are more important than others. For example, the title needs to have a bigger Weight and Style than the descriptions.
-
OPTIONAL: You can play around with the fonts of the textLabels and try finding fonts that match together. The biggest con when using only 1 specific font for all the Text in your game is monotony. Basically, using only one font could end up making your design look a bit plain or repetitive, especially when it comes to certain parts that should catch the eye or have a bit of uniqueness. The reason i wrote OPTIONAL is because it’s pretty hard to find good matching fonts. When you’re mixing different fonts, it’s like putting together a musical harmony, you need to be thoughtful. If you’re not careful, fonts that don’t match can make your design look messy and all over the place, like an orchestra playing out of sync.
So, all in all, remember that these are just some suggestions to play around with. Your design is looking great, and I’m excited to see how it evolves. Designing is like a canvas, it’s all about finding the melody that feels right. Keep up the awesome work!!
2 Likes
im doing your side button suggestion and it already looks 1000x better!
you can probably send feedback to me via the game now (still working on it lol)
i didn’t necessarily follow what you wanted, but im tweening the stroke to resize itself, i think this’ll look nice
Looks amazing! And don’t worry, my suggestions were just general thoughts. You don’t have to implement them all. By the way, could you respond to my post or pin me when you’re talking to me, because else i don’t get notifications.
dude, you gotta try the game and give me feedback, it looks so good bro
I just tested the game and wow man you really did a great job! Love all the tweening man!!
lol it was just a simple scripting with uipagelayout, so dont give me credit for the tweening (unless u mean the sidebar)
1 Like
that is now fixed. thank you for your report
Probably yes. We’ve talked alot in this topic so I don’t think anybody will scroll 30+ posts to see the new results.