Distinct Icon and Meter-bar Colors
- eleazar
- Design & Graphics Lead Emeritus
- Posts: 3858
- Joined: Sat Sep 23, 2006 7:09 pm
- Location: USA — midwest
Distinct Icon and Meter-bar Colors
It is not especially useful to have a bunch of meter bars together that are all white.
For the bar color to be helpful it needs to match the main color of the icon. So i lazily recolored some of the planetary meter icons. It will work better like this:
RGB values for meter bars:
Shield: 00ffba
Defense: ff0000
Troops: a86b00
Detection: bfff00
Stealth: ae00ff
Supply: ffffff
EDIT: revised icons in revision 5225.
The colors don't match up in the other planetary panel-- i'm working on that...
For the bar color to be helpful it needs to match the main color of the icon. So i lazily recolored some of the planetary meter icons. It will work better like this:
RGB values for meter bars:
Shield: 00ffba
Defense: ff0000
Troops: a86b00
Detection: bfff00
Stealth: ae00ff
Supply: ffffff
EDIT: revised icons in revision 5225.
The colors don't match up in the other planetary panel-- i'm working on that...
- Geoff the Medio
- Programming, Design, Admin
- Posts: 13587
- Joined: Wed Oct 08, 2003 1:33 am
- Location: Munich
Re: Distinct Icon and Meter-bar Colors
Decimal triplets are a bit easier for me to work with, but I can convert the hex, possibly without a lot of errors...eleazar wrote:RGB values for meter bars:
Shield: 00ffba
Defense: ff0000
Troops: a86b00
Detection: bfff00
Stealth: ae00ff
Supply: ffffff
- Attachments
-
- in-game meter colours
- meter_colours.png (10.32 KiB) Viewed 3858 times
Re: Distinct Icon and Meter-bar Colors
oh... that's what those bars were for.
(wouldn't it be more intuitive if the bar graphs were vertical, and lined up underneath the relevant icon? )
(wouldn't it be more intuitive if the bar graphs were vertical, and lined up underneath the relevant icon? )
Code released under GPL 2.0. Content released under GPL 2.0 and Creative Commons Attribution-ShareAlike 3.0.
- eleazar
- Design & Graphics Lead Emeritus
- Posts: 3858
- Joined: Sat Sep 23, 2006 7:09 pm
- Location: USA — midwest
Re: Distinct Icon and Meter-bar Colors
It looks right.Geoff the Medio wrote:Decimal triplets are a bit easier for me to work with, but I can convert the hex, possibly without a lot of errors...
Decimal triplets-- You mean 255,255,255 for white? I'll remember for next time.
More intuitive, but less useful, since the bars would be much shorter, and small changes in length would become inperceptible.yandonman wrote:(wouldn't it be more intuitive if the bar graphs were vertical, and lined up underneath the relevant icon? )
Re: Distinct Icon and Meter-bar Colors
The icons could be to the left of the bars, rather than above.eleazar wrote:More intuitive, but less useful, since the bars would be much shorter, and small changes in length would become inperceptible.yandonman wrote:(wouldn't it be more intuitive if the bar graphs were vertical, and lined up underneath the relevant icon? )
Re: Distinct Icon and Meter-bar Colors
Love the recolor.
- eleazar
- Design & Graphics Lead Emeritus
- Posts: 3858
- Joined: Sat Sep 23, 2006 7:09 pm
- Location: USA — midwest
Re: Distinct Icon and Meter-bar Colors
That would require the panel to be much taller, or the icons to be illegibly small.OllyG wrote:The icons could be to the left of the bars, rather than above.eleazar wrote:More intuitive, but less useful, since the bars would be much shorter, and small changes in length would become inperceptible.yandonman wrote:(wouldn't it be more intuitive if the bar graphs were vertical, and lined up underneath the relevant icon? )
Re: Distinct Icon and Meter-bar Colors
I agree that making the meter bars different colours is an improvement, but I personally think that all the icons looked better before (though that may just be the shock of change talking).
Warning: Antarans in dimensional portal are closer than they appear.
- eleazar
- Design & Graphics Lead Emeritus
- Posts: 3858
- Joined: Sat Sep 23, 2006 7:09 pm
- Location: USA — midwest
Re: Distinct Icon and Meter-bar Colors
The stealth purple may be too dark, and as i said it was a lazy recoloringBigjoe5 wrote:I agree that making the meter bars different colours is an improvement, but I personally think that all the icons looked better before (though that may just be the shock of change talking).
The colors were chosen in part to be different from the colors of the other meters, including ones we don't have yet, but likely will. It will probably be possible to choose a distinct color for everything, but we can do a lot better at making colors provide info.
- eleazar
- Design & Graphics Lead Emeritus
- Posts: 3858
- Joined: Sat Sep 23, 2006 7:09 pm
- Location: USA — midwest
Re: Distinct Icon and Meter-bar Colors
revision 5268
A few new colors for the focus icons, and new icons.
Meter colors (some for meters not yet implemented)
A strong primary color, distinctive silhouette, and no details that turns to pixel mush at small sizes.
A few new colors for the focus icons, and new icons.
Meter colors (some for meters not yet implemented)
- Happiness 255,255,0
Influence 255,0,255
Research 0,255,255
Industry 240,90,0
Trade 255,200,0
A strong primary color, distinctive silhouette, and no details that turns to pixel mush at small sizes.
Re: Distinct Icon and Meter-bar Colors
What is the cogwheel with the hammer (gray one) as opposed to the cogwheel without it (the reddish one)? Is the arrow influence? The crossing arrows are trade, right?
https://github.com/mmoderau
[...] for Man has earned his right to hold this planet against all comers, by virtue of occasionally producing someone totally batshit insane. - Randall Munroe, title text to xkcd #556
[...] for Man has earned his right to hold this planet against all comers, by virtue of occasionally producing someone totally batshit insane. - Randall Munroe, title text to xkcd #556
Re: Distinct Icon and Meter-bar Colors
The gray cogwheel is construction, the orange one is production. I guess it really should be changed so that people don't scratch their heads. The arrow is growth.
Where's the happiness in this pic? When will trade and happiness be implemented?
Where's the happiness in this pic? When will trade and happiness be implemented?
- eleazar
- Design & Graphics Lead Emeritus
- Posts: 3858
- Joined: Sat Sep 23, 2006 7:09 pm
- Location: USA — midwest
Re: Distinct Icon and Meter-bar Colors
The grey gear&hammer is the old infrastructure icon. Yes two gear icons is one too many, but i haven't figured out what to replace it with yet.
unimplemented icons:
unimplemented icons:
There is no secret FO development calendar. When will you realize we have no satisfactory answers to give to those kind of questions?Zireael wrote:When will trade and happiness be implemented?
Re: Distinct Icon and Meter-bar Colors
I've always felt that the drop down combo box should have text to explain what each of the options was. (that is if we're keeping the drop down combo box)
Otherwise, the new graphics and colors are an improvement.
Otherwise, the new graphics and colors are an improvement.
Code released under GPL 2.0. Content released under GPL 2.0 and Creative Commons Attribution-ShareAlike 3.0.
- eleazar
- Design & Graphics Lead Emeritus
- Posts: 3858
- Joined: Sat Sep 23, 2006 7:09 pm
- Location: USA — midwest
Re: Distinct Icon and Meter-bar Colors
There is a tooltip, it shouldn't be too hard to add some text.yandonman wrote:I've always felt that the drop down combo box should have text to explain what each of the options was.