Simplified mixer's icons

About the icons (before I spend too much time drawing them):

There are basically three type of functions, which:
- define the model configuration (like: model config, reverse, subtrim, trim, travel adjust, swash config, throttle hold, failsafe, switch assignment);
- define the flying characteristics (dr & expo, throttle curves, pitch curves, gyro settings);
- optional settings (timers, telemetry alarms, main page configs).

I would draw 3D dark grey button background, just like on the header, and drawings (and/or one-two bold letters) on the face with three vivid colors (for example green, yellow, orange) to distinguish the three function group.
However then we should arrange the buttons according those functions/colors too...

What do you think?

I made two icons so far.
They are very much alike, so do their functions: first is the subtrim, second is travel adjust...

How do you like?




BTW, PB, the menu buttons don't change state on click...
EDIT: It should be black on orange while clicked.

Another one for the reverse:

Don't worry, I start to run out of ideas, and it's bedtime already...

I made some progress and need some feedback:

domcars0 wrote: Why did you change colors ? I don't like this flashy green very much ..

RugWarrior wrote: I also like the gray/orange stuff more
Or is there a special reason for it?!

Yep, there is a reason to group the different functions by color.
I wrote about that earlier:

FDR wrote: About the icons (before I spend too much time drawing them):

There are basically three type of functions, which:
- define the model configuration (like: model config, reverse, subtrim, trim, travel adjust, swash config, throttle hold, failsafe, switch assignment);
- define the flying characteristics (dr & expo, throttle curves, pitch curves, gyro settings);
- optional settings (timers, telemetry alarms, main page configs).

I would draw 3D dark grey button background, just like on the header, and drawings (and/or one-two bold letters) on the face with three vivid colors (for example green, yellow, orange) to distinguish the three function group.
However then we should arrange the buttons according those functions/colors too...

What do you think?

Well, I like the orange the most too.
Since the yellow and the orange happened to be almost identical, I have to select other colors, or abandon the grouping and make all orange...

What colors would you like them to be?

I cannot use inverting, because it is already used for the pressed state.
It doesn't work for the menu icons so far (PB have to correct it), but as you can see it, on all the header buttons work like that...

domcars0 wrote:

FDR wrote: I cannot use inverting, because it is already used for the pressed state.

For me a pressed button is just a light (luminosity) effect, not a color inversion ?

I said it doesn't work for the menu icons yet.
Click on any header button like tx menu, exit, left/right, etc, and hold on a bit to see.
The menu icons will work the same...

domcars0 wrote: Light have to come from the top for all the button icons... A real physical button does'nt invert his color when we push on it

Well, a real physical button, doesn't change it's shape either...


BTW, this would be the full orange look: