-
Icon Legibility
updated 1 year, 11 months ago
4 Members
·
7
Posts
-
Good afternoon,
I am in no way an artist but id like to make my prototype look as good as I can while getting the point across before commissioning art. Below is one my cards updated with new icons for card effects and an enlarged card type in the top left.
Is the card type in top left too big or small?
Are the card effect icons legible and make sense?
-
I can’t see an image in your post. I’m accessing it through the iPhone app, not sure if that is a problem
-
It is odd apparently on mobile it does not show. I’m using the android app right now and it isn’t showing.
-
-
I think they’re all fine. I assume the card type icon means “movement” and the turquoise is matched to the main speed/distance(?) icon on the card. The other 2 icons are for health and defence?
-
Correct! The top left icon is for dodge cards which are basically movement cards. I had to change it from yellow to cyan as it was hard to read.
-
-
I think it looks excellent for prototyping-purposes. No bells & whistles and good icons. I especially like that the numbers for health, etc are in those black circles which makes them super readable.
Some things you might consider:
– The right-bottom number 3 in the hex should have a different background color – the grey is not distinguishable enough from the text-color. If that is ‘cost’ I would suggest a gold/orange/copper color to frame it with the known color for gold / coins.
– The health icon as a plus could be better. The plus also has the math-meaning which might confuse players. I’d go for a simple heart to indicate health, and a pink/red background.
– The ‘Backpedal’ text seems to be justified (it takes up all the horizontal space). You’ll probably have some cards with different lengths of text. Prevent that they are all justified and therefore have a different font-size (longer text will shrink to fit in). Also, maybe draw a grey rectangle around the text and locate it at the top. Each card should have the specific information always in the same location, in the same size.
– Lastly; You still have plenty of white-space on your card left. I’d increase the top-left and bottom-right icons for clarity. When you move to actual graphic design of the cards, you can always test what the minimum size should be, but right now they are pretty small for no reason.
Good luck!
ps: you can get better feedback when you supply more info about how the cards will be used. For example: do I buy these cards from a market and then hold them in my hand with others? I’d assume so, which is why I though the bottom-right icon is ‘cost’: that’s a property you’d need to see when buying the cards, but not any longer as soon as it is in your hand. However; if you need to hold the cards and that value ‘3’ is somehow still important – it should be located somewhere else, since it will be very hard to see it with other cards covering that portion. 👌
-
Thank you for the amazing feedback! These are definitely only for play testing and prototyping purposes at this time.
Good idea about the cost in the bottom right. I do not have a color idea yet or even designs for my money in the game but I like that idea of a color for the frame. I will start playing with that soon.
The only reason I do not use red is because that is used for attack icons. For the health option let me ask you this. I use a unique health tracker for my game where health is tracked by batteries and each battery has 5 cells. Do you think it would make more sense to replace the plus sign with a battery to reflect the health in game?
Interesting I am not sure how to justify text but I will look into it. Eventually I want the text centered at the top and art below it. I like the idea of setting it in a frame of sorts!
Good to know I will increase the size of the top left and bottom right icons for now.
This is a power card bought from a market area. the cost is only used for two instances. Buying the card for the first time or in the case of a tie breaker tallying up the cost of cards you bought.
I really appreciate the feedback this is super helpful! As soon as I have free time I will start working on these especially since I just update the icons again so the numbers are bigger and the icons are centered in the bubble.
-
