Graph Editor: Curve channel colour #68972

New Issue

Sybren A. Stüvel · 2019-08-21T15:06:50+02:00

Sybren A. Stüvel commented

2019-08-21 15:06:50 +02:00

Problem: the curve colour is shown in the same button as the visibility eye. Since the eye is drawn in white, this can make it hard to see when the curve colour is bright.

Proposal: show the curve colour in a separate little strip on the side, and put the visibility button next to it. Some examples:

Note that it's important to keep the colour well-visible; moving the eye icon away from it shouldn't detriment from the visibility of the colour.

Problem: the curve colour is shown in the same button as the visibility eye. Since the eye is drawn in white, this can make it hard to see when the curve colour is bright. ![image.png](https://archive.blender.org/developer/F7680293/image.png) **Proposal**: show the curve colour in a separate little strip on the side, and put the visibility button next to it. Some examples: ![image.png](https://archive.blender.org/developer/F7680332/image.png) ![image.png](https://archive.blender.org/developer/F7680584/image.png) Note that it's important to keep the colour well-visible; moving the eye icon away from it shouldn't detriment from the visibility of the colour.

Sybren A. Stüvel commented

2019-08-21 15:06:50 +02:00

Added subscribers: @dr.sybren, @Hjalti, @NachoConesa, @PabloFournier

Pablo Vazquez was assigned by Sybren A. Stüvel

2019-08-21 16:42:16 +02:00

Sybren A. Stüvel commented

2019-08-21 16:42:16 +02:00

Added subscriber: @WilliamReynish

item412 commented

2019-08-27 13:07:29 +02:00

Added subscriber: @item412

Salvador Garcia commented

2019-09-03 07:05:13 +02:00

Added subscriber: @seviscache

Loïc DAUTRY commented

2019-09-24 12:02:35 +02:00

Added subscriber: @L0Lock

Loïc DAUTRY commented

2019-09-24 12:02:35 +02:00

Why not coloring the text instead? It doesn't get in the way of the icons, doesn't require to add a little strip on the side, and IMHO it would be clearer since you would "read" right away the color and the transform type instead of needing to go find the strip on the side.

Here's an example from Maya:

Why not coloring the text instead? It doesn't get in the way of the icons, doesn't require to add a little strip on the side, and IMHO it would be clearer since you would "read" right away the color and the transform type instead of needing to go find the strip on the side. Here's an example from Maya: ![image.png](https://archive.blender.org/developer/F7773198/image.png)

Sybren A. Stüvel commented

2019-09-24 12:54:22 +02:00

In #68972#782479, @L0Lock wrote:
Why not coloring the text instead?

Because there are more colours than just R/G/B for X/Y/Z, and it will be very hard to have coloured text work with different themes. It'll be very hard to pick channel colours that are readable on both light and dark backgrounds.

> In #68972#782479, @L0Lock wrote: > Why not coloring the text instead? Because there are more colours than just R/G/B for X/Y/Z, and it will be very hard to have coloured text work with different themes. It'll be very hard to pick channel colours that are readable on both light and dark backgrounds.

Salvador Garcia commented

2019-09-25 22:53:54 +02:00

I consider that the proposals should respect the design scheme for the interface as in the outliner all the icons to the right, hierarchy line and alternate rows

The curve color does not represent an axis so it may be far from the text X, Y and Z

The axes can be grouped using the hierarchy

Default Dark theme

Without "Show Group Colors"

I consider that the proposals should respect the design scheme for the interface as in the outliner all the icons to the right, hierarchy line and alternate rows The curve color does not represent an axis so it may be far from the text X, Y and Z The axes can be grouped using the hierarchy Default Dark theme ![graph_dark_hierarchy.png](https://archive.blender.org/developer/F7775138/graph_dark_hierarchy.png) Without "Show Group Colors" ![graph_dark_hierarchy_2.png](https://archive.blender.org/developer/F7775142/graph_dark_hierarchy_2.png)

item412 commented

2019-09-25 23:38:17 +02:00

or like this

(probably this option has already been considered)

or like this (probably this option has already been considered) ![eyes.jpg](https://archive.blender.org/developer/F7775193/eyes.jpg)

Salvador Garcia commented

2019-09-27 10:41:59 +02:00

Another color icon is the same drawback as a color text

here another icon distribution more similar to outliner

Another color icon is the same drawback as a color text here another icon distribution more similar to outliner ![graph_dark_hierarchy_3.png](https://archive.blender.org/developer/F7776684/graph_dark_hierarchy_3.png) ![graph_light_hierarchy_3.png](https://archive.blender.org/developer/F7776685/graph_light_hierarchy_3.png)

item412 commented

2019-09-27 13:33:19 +02:00

This comment was removed by @item412

*This comment was removed by @item412*

Alessio Monti di Sopra commented

2019-09-27 13:52:30 +02:00

Added subscriber: @a.monti

Alessio Monti di Sopra commented

2019-09-27 13:52:30 +02:00

Oh.. @dr.sybren I completely missed this thread, since there was also an older paper cut posted by William in the UI module; following that one I had made a patch that moves the color bands on the right side: https://developer.blender.org/D5882

If having the colors away from the visibility icons is a big problem it can easily be changed to be as in your proposal, like this:

Oh.. @dr.sybren I completely missed this thread, since there was also an older paper cut posted by William in the UI module; following that one I had made a patch that moves the color bands on the right side: https://developer.blender.org/D5882 If having the colors away from the visibility icons is a big problem it can easily be changed to be as in your proposal, like this: ![Selezione_0077.png](https://archive.blender.org/developer/F7776924/Selezione_0077.png)

Sybren A. Stüvel commented

2019-09-27 14:23:47 +02:00

We should merge #65841 and this task as they pretty much cover the same thing. For the proposed design we (being mostly @NachoConesa and me, with the blessing of @Hjalti and @PabloFournier) used the following rules that we feel are important:

The colour should be close to the channel name, so that it's easy to spot the relation between name & colour.
The colour should be shown in a large enough area to be well visible (so not just 1 or 2 pixels wide).
The eye icon should be well visible, regardless of the channel colour.
Any indentation/tree structure should move the labels to the right-hand side as little as possible, to maximise the available space for labels.

We should merge #65841 and this task as they pretty much cover the same thing. For the proposed design we (being mostly @NachoConesa and me, with the blessing of @Hjalti and @PabloFournier) used the following rules that we feel are important: - The colour should be close to the channel name, so that it's easy to spot the relation between name & colour. - The colour should be shown in a large enough area to be well visible (so not just 1 or 2 pixels wide). - The eye icon should be well visible, regardless of the channel colour. - Any indentation/tree structure should move the labels to the right-hand side as little as possible, to maximise the available space for labels.

William Reynish commented

2020-01-30 22:35:49 +01:00

Closed as duplicate of #68973

William Reynish closed this issue

2020-01-30 22:35:49 +01:00

Sybren A. Stüvel referenced this issue

2023-09-26 09:59:42 +02:00

Graph Editor: Curve list background color #69059

Sign in to join this conversation.