Graph Editor: Curve list background color #69059

Closed
opened 2019-08-22 18:23:13 +02:00 by Nacho Conesa · 10 comments

Implementation: #112861


Problem: the Bone Groups as they are shown currently in the GE interface create visibility problems as shown in this image:

01 current-bonegroupscolors.png

  • Hard to read the text
  • Hard to see the icons

Proposal 01:

  • Moving bone group color to a small strip on the right side of the curve channel.

  • Adding the color of the curve to the text, making it more easy to find

02 Solid.png

Proposal 02:

Same, but using a gradient instead

03 Gradient.png

Combined Proposal:

Sybren suggested this idea in #68972 (Graph Editor: Curve channel colour) so I tried to combined both of them to check how it looks. I think it makes the interface more clean and readable.

04 CombinedwithT68972.png

Also recreated with the light theme, to check if it generates problems.

05 LightCombinedwithT68972.png

Implementation: #112861 --------------- Problem: the Bone Groups as they are shown currently in the GE interface create visibility problems as shown in this image: ![01 current-bonegroupscolors.png](https://archive.blender.org/developer/F7687633/01_current-bonegroupscolors.png) - Hard to read the text - Hard to see the icons Proposal 01: - Moving bone group color to a small strip on the right side of the curve channel. - Adding the color of the curve to the text, making it more easy to find ![02 Solid.png](https://archive.blender.org/developer/F7687636/02_Solid.png) Proposal 02: Same, but using a gradient instead ![03 Gradient.png](https://archive.blender.org/developer/F7687638/03_Gradient.png) Combined Proposal: Sybren suggested this idea in #68972 (Graph Editor: Curve channel colour) so I tried to combined both of them to check how it looks. I think it makes the interface more clean and readable. ![04 CombinedwithT68972.png](https://archive.blender.org/developer/F7687642/04_CombinedwithT68972.png) Also recreated with the light theme, to check if it generates problems. ![05 LightCombinedwithT68972.png](https://archive.blender.org/developer/F7687644/05_LightCombinedwithT68972.png)
Pablo Vazquez was assigned by Nacho Conesa 2019-08-22 18:23:13 +02:00
Author
Added subscribers: @NachoConesa, @Hjalti, @PabloFournier, @WilliamReynish

We now have three design tasks for the same thing, all opened within a couple of days.

#69059 (Graph Editor: Curve list background color) #68972 (Graph Editor: Curve channel colour) & #68973 (Animation channels list UI)

Please guys, let's stop making virtually identical design tasks.

We now have three design tasks for the same thing, all opened within a couple of days. #69059 (Graph Editor: Curve list background color) #68972 (Graph Editor: Curve channel colour) & #68973 (Animation channels list UI) Please guys, let's stop making virtually identical design tasks.

Added subscriber: @seviscache

Added subscriber: @seviscache

Combined proposals suggested by Sybrens to be more like the outliner and my suggestion to "Show Group Colors", use the method to show "Header & Background" panels.

Dark theme
graph_dark_hierarchy_3.png

Light theme
graph_light_hierarchy_3.png

Edit Group colors -> Themes/Bone Colors Sets:
bone_colors.png

Sybren suggester Filter the icons in #68973 (Animation channels list UI):
filters.png

Clean format using filters and deactivating "Show Group Colors":

Dark theme
clean_dark.png

Light theme
clean_light.png

Inspración:
computer_animator_dragon.jpg

Combined proposals suggested by Sybrens to be more like the outliner and my suggestion to "Show Group Colors", use the method to show "Header & Background" panels. Dark theme ![graph_dark_hierarchy_3.png](https://archive.blender.org/developer/F7776705/graph_dark_hierarchy_3.png) Light theme ![graph_light_hierarchy_3.png](https://archive.blender.org/developer/F7776706/graph_light_hierarchy_3.png) Edit Group colors -> Themes/Bone Colors Sets: ![bone_colors.png](https://archive.blender.org/developer/F7772469/bone_colors.png) Sybren suggester Filter the icons in #68973 (Animation channels list UI): ![filters.png](https://archive.blender.org/developer/F7776760/filters.png) Clean format using filters and deactivating "Show Group Colors": Dark theme ![clean_dark.png](https://archive.blender.org/developer/F7776755/clean_dark.png) Light theme ![clean_light.png](https://archive.blender.org/developer/F7776756/clean_light.png) Inspración: ![computer_animator_dragon.jpg](https://archive.blender.org/developer/F7776772/computer_animator_dragon.jpg)

Added subscriber: @ErickNyanduKabongo

Added subscriber: @ErickNyanduKabongo

Proposal 2 is much better, because it makes the eye icon and lock icon more visible. Those other proposals are taking more space on my graph editor ( spaces that i don't have :( )

Proposal 2 is much better, because it makes the eye icon and lock icon more visible. Those other proposals are taking more space on my graph editor ( spaces that i don't have :( )

Added subscriber: @BleuRaven

Added subscriber: @BleuRaven
Demeter Dzadik added this to the Animation & Rigging project 2023-09-18 15:24:29 +02:00
Sybren A. Stüvel added the
Module
Animation & Rigging
label 2023-09-18 15:26:08 +02:00

This was discussed in last Tuesday's module meeting.

The decision was to limit the design changes to only the action group color (so not the individual channel colors), and to go for 'proposal 1':

Screenshot of Blender with little colored rectangles instead of coloring the entire channel background

This was discussed in [last Tuesday's module meeting](https://devtalk.blender.org/t/2023-09-19-animation-rigging-off-schedule-meeting/31198). The decision was to limit the design changes to only the action group color (so not the individual channel colors), and to go for 'proposal 1': ![Screenshot of Blender with little colored rectangles instead of coloring the entire channel background](https://archive.blender.org/developer/F7687636/02_Solid.png)
Sybren A. Stüvel self-assigned this 2023-09-26 09:59:45 +02:00
Pablo Vazquez was unassigned by Sybren A. Stüvel 2023-09-26 09:59:55 +02:00

@dr.sybren can this be closed now?

@dr.sybren can this be closed now?

Yup!

Yup!
Blender Bot added
Status
Archived
and removed
Status
Confirmed
labels 2023-10-05 14:23:46 +02:00
Sybren A. Stüvel removed this from the Animation & Rigging project 2023-10-05 14:24:45 +02:00
Sign in to join this conversation.
No Label
Interest
Alembic
Interest
Animation & Rigging
Interest
Asset Browser
Interest
Asset Browser Project Overview
Interest
Audio
Interest
Automated Testing
Interest
Blender Asset Bundle
Interest
BlendFile
Interest
Collada
Interest
Compatibility
Interest
Compositing
Interest
Core
Interest
Cycles
Interest
Dependency Graph
Interest
Development Management
Interest
EEVEE
Interest
EEVEE & Viewport
Interest
Freestyle
Interest
Geometry Nodes
Interest
Grease Pencil
Interest
ID Management
Interest
Images & Movies
Interest
Import Export
Interest
Line Art
Interest
Masking
Interest
Metal
Interest
Modeling
Interest
Modifiers
Interest
Motion Tracking
Interest
Nodes & Physics
Interest
OpenGL
Interest
Overlay
Interest
Overrides
Interest
Performance
Interest
Physics
Interest
Pipeline, Assets & IO
Interest
Platforms, Builds & Tests
Interest
Python API
Interest
Render & Cycles
Interest
Render Pipeline
Interest
Sculpt, Paint & Texture
Interest
Text Editor
Interest
Translations
Interest
Triaging
Interest
Undo
Interest
USD
Interest
User Interface
Interest
UV Editing
Interest
VFX & Video
Interest
Video Sequencer
Interest
Virtual Reality
Interest
Vulkan
Interest
Wayland
Interest
Workbench
Interest: X11
Legacy
Blender 2.8 Project
Legacy
Milestone 1: Basic, Local Asset Browser
Legacy
OpenGL Error
Meta
Good First Issue
Meta
Papercut
Meta
Retrospective
Meta
Security
Module
Animation & Rigging
Module
Core
Module
Development Management
Module
EEVEE & Viewport
Module
Grease Pencil
Module
Modeling
Module
Nodes & Physics
Module
Pipeline, Assets & IO
Module
Platforms, Builds & Tests
Module
Python API
Module
Render & Cycles
Module
Sculpt, Paint & Texture
Module
Triaging
Module
User Interface
Module
VFX & Video
Platform
FreeBSD
Platform
Linux
Platform
macOS
Platform
Windows
Priority
High
Priority
Low
Priority
Normal
Priority
Unbreak Now!
Status
Archived
Status
Confirmed
Status
Duplicate
Status
Needs Info from Developers
Status
Needs Information from User
Status
Needs Triage
Status
Resolved
Type
Bug
Type
Design
Type
Known Issue
Type
Patch
Type
Report
Type
To Do
No Milestone
No project
No Assignees
7 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: blender/blender#69059
No description provided.