SmartlyDressedGames / Unturned-3.x-Community

Community portion of the Unturned-3.x repo. If you have access to the source code you can find it here:
https://github.com/SmartlyDressedGames/Unturned-3.x/
88 stars 18 forks source link

Main menu bundles' & img padding #4771

Open LocoCZ opened 2 weeks ago

LocoCZ commented 2 weeks ago

After creating UIs with Unity for some time, I can not help but notice that some of things in this game are not properly centered or padded.

Bundles

Text: RED

Text is not padded on the sides. I recall the main menu having the same issue when you, Nelson, reworked it, and bundles appear to have the same problem. I would use either the same padding as you do on the main text inside posts in the main menu or a slightly smaller one.

Images: YELLOW

It looks strange how bundle boxes or clothing sets are pushed upwards, and there is a gap for name and price. I would simply move it to the middle, regardless of whether the text will be overlaid on the skin. Trust me, it will work even if there is text above it. I would not be concerned about the text covering some key features of the skin - if someone wants to buy it, they will have to click it and see it better anyway.

image

Image Posts

Additionally, images have almost no padding. I believe they deserve to have the same padding as text. It looks strange when the image is closer to the side than a button or title above it. I've also seen that you are aiming for rounded corners everywhere. What about using a rounded corner mask for images within posts? This would maintain the consistency. image

I have just noticed some images do have padding; I feel like it is better, however, at the same time a bit too much. ![image](https://github.com/user-attachments/assets/a2ac9e76-3ae2-49a4-b358-32d65d371ae3)
SDGNelson commented 2 weeks ago

The images in the update notes typically have 20 px padding on the left and right for drop shadow. Perhaps we should standardize a medium amount of padding for images in all Steam posts?

Personally, I like how the Stockpile featured sale bundle buttons look at the moment.

MoltonMontro commented 2 weeks ago

The images in the update notes typically have 20 px padding on the left and right for drop shadow. Perhaps we should standardize a medium amount of padding for images in all Steam posts?

Personally, I like how the Stockpile featured sale bundle buttons look at the moment.

I think reducing differences between all sites be crosspost to (Blog/Steam/Game/Forum) would be better than standardizing for a specific one. Simplifies workflow + readers get a similar experience regardless of the platform. E.g., drop-shadow on all/none. 🤔

Alternative though, would be reasonable to design CBs on Steam first, with Game's formatting in mind, rather than Blog first. Crossposting to Blog/Forum. Would be fairly reasonable given Steam has most visibility. Though, a lot of links are removed or placed differently on the Game/Steam versions atm, along with other formatting changes.

LocoCZ commented 2 weeks ago

Reducing platform differences will definitely simplify your job, and a brand guideline document could be especially useful for SDG. This could include not just logo usage but also colors, fonts, padding, and layout guidelines for blog posts.

In my own experience, working with two different brand guidelines has made things much easier. It’s simpler to follow a set of standards than to revisit old posts to replicate a design.

Additionally, it would be amazing if such a manual was available to people from the community. Since I frequently do things around Unturned due to my job, a document with specific colors (like the blue-purple background hex) would be particularly helpful and provide a consistent look from a marketing perspective. If such document exists, pardon me; however, I haven't been able to find anything.