Postby Wing Leader » Tue Jan 31, 2017 9:33 pm
In terms of colors, I think CoX had it right. Health in green (more on that in a moment), energy in blue, experience in purple. Will there be xp debt like in CoX? You'll need a color for that too.
The health bar is an opportunity to use colors to convey status urgency: green when over 50% health, yellow when between 25% and 50%, and red when below 25%. Maybe even blinking red when below 5%. When it comes to the health bar, you want to convey as much useful state information as possible.
As for shapes of things, I feel that squares are better than circles for most UI elements. The reason is that circles take up just as much space as squares due to their bounding boxes, but they don't use that space efficiently; the corners are thrown away for no reason. That corner space holds useful information, especially when it comes to maps. And small power icons are hard to visually parse under the best of circumstances, so you probably want to maximize your opportunities to use as large a "canvas" as possible for those icons. Here again, squares are better because they make use of the corners that just go to waste when you use circles.