Subdivision Rankings - Edits (Screens and Scenarios)

[samgawaran]

Summary

The design for the subdivision icons are still bulky. This submission compiles the feedback and actionable items for this issue.

reserach is done here: https://github.com/colonistio/design/issues/248

Design Comparison

• The design from the previous submission uses Gilroy Extra-bold its thinner than the original version but some feedbacks says its still bulky. New design uses a thinner version of Gilroy Bold called Semibold so its distinguishable to our other bold texts
• this new design is thinner of around 30% compared to the previous version

Screens

Desktop

• Applied Jeffs suggestion on this issue: https://github.com/colonistio/katan/issues/9358
• for End Game Screen using the same orientation with Leaderboards and Profile Ranked wouldn't work due to the size of the icons. look here for what it would look like: https://prnt.sc/63Xr02l1bnti I suggest just using the plain text for simplicity

Mobile

• Mobile versions of its desktop counterparts

Related Submissions

• https://github.com/colonistio/design/issues/248

Related Link:

• https://drive.google.com/drive/u/0/folders/102RyzIvoWBb3y1_IRCYJxb1GCP2Adzzp

Submission Checklist

• [x] This submission abides by Des-lvl-1, Des-lvl-2 & Des-lvl-3

Reviewers

@demiculus @JuanRoman77 @JeffdEon

[JeffdEon]

Could you crop the images so that the text is wrapped evenly? All the images have a different centre.

Could you keep the version you already shared and provide 2 slightly different versions?

• 1 version where all images are the same size (like they are now) but the text is entered)
• 1 version where all images have different width (all same height) but are cropped to wrap the text so that the text is centered.

[samgawaran]

Created 2 more versions: Textwrap (same height but width is cropped on borders of each number) https://drive.google.com/drive/folders/1uleM1faPoAWuUT0ko1ozJzVADmAvMeF2?usp=sharing

Centered (same with left aligned but centered) https://drive.google.com/drive/folders/10jVWMIAmIjRIexumPZbXDrKmkqVb2E6I?usp=sharing

---

Didn't add the centered version initially since my suggested implementation in the end game screen should just use the basic text style to reduce the number of icons. but the file size is very small (only bytes) so attached it here as well.

[JeffdEon]

great! this worked, at what point do we close design issues?

[Esqarrouth]

Why are we going with the thinner option again?

Here:

• The gold color looks better than silver color
• Thick with large space between (captain) looks better

But generally the problem with romen numerals is, the higher the number, the better it looks like, while we want to give players the opposite perspective.

========

Here, Because numbers are written in latin number, one does not look better than the other and it conveys the message properly

[demiculus]

@samgawaran it still looks ugly, try to make it look pretty some ideas

• position (might be further or horizontally centered)
• size (might be smaller or bigger, probably smaller)
• font, this plain bold text obviously doesn't fit with the icons, it might be italic, normal weight, semi bold, or completely different font