Usability and Colors

From GIMP GUI Redesign
Revision as of 23:06, 4 December 2016 by Americo.Gobbo (talk) (History Colours and Small Improvements)
Jump to: navigation, search

Colour features issues

Different requests and issues around Colour functions/features.

Colour Swaping

Main Scope

Swap a "fixed number" of colours used in each session, via a toggle shortcut key.

Current possibilities

  • Swap between FG/BG Colour via keyboard shortcut → screenshot Configure Keyboard Shortcuts.

Swap-colors-fg-bg.png

Configuring the current keyboard shortcut to swap the FG/BG colours.

  • Scrolling between the swatches of the current palette via Keyboard Shortucuts.

The 'context-foreground-palette-...' and 'context-background-palette-...' to scroll the all swatches of a palette.
But to use these shortcuts is necessary to have the Palette Swatches and the Palette Editor opened or dockable.
For more details see the report on bugzilla about these shortcuts → Context actions on Palette dialogs.

Comments [Massimo Valentini]

I experimented a bit with these actions and I have found that they only work if the 'Palette Editor' is docked or at least open. So one has to open Windows->Dockable Dialogs->Palettes and double click on a palette, this way the 'Palette Editor' is opened and after that these shortcuts start working. They keep working even if the dockable is not the active tab.


Change-foreground-color-dialog-shortcuts.jpg

Configuring the current keyboard shortcut scrolling the swatches in a palette (thanks to Massimo Valentini).

  • Swatches* of colours used and or stored by the user → image of GIMP picker and current Palette dialog on GIMP 2.9.

Gimp-picker-history-colours.png
Change-foreground-color-dialog.jpg

History Colours in the FG/BG Colour and Change Foreground Colour Dialogs.

(*) The swatches (two rows) could be understood as a palette built, on-the-fly, during the work sessions by the user in three ways:
1) via button '>' to add current colour on FG to palette or;
2) via drag and drop colour in each swatch or;
3) via picker colour, but is added only after the colour is used on canvas. Each new colour is placed, always, in the first slot (left-side of first row), and the displacement of colours happening versus right-side direction to each new colour that is added.

Improvement Reasons

Enhancing the General Usability → [1] to have a fast way to access the history colours used in each work sessions; [2] to avoid excessive use of steps, via mouse mainly, between paint tools tasks (repetitive stress), see test below; [3] Swapping color without necessity to use the traditional dialogs... the session task is more focused and simple.

Comments

Scenario | Float full or Dockable | Single Window

Basically is the same thing, because we need move cursor around the window/docks and make clicks to select colours in the different dialogs.

Example: Fill a Mondrian Grid
Swap-colors-flow-1.jpg

Example to find the amount of the steps to pick colours in the current release.

a) Rectangle Tool Selection → select a rectangle;
b) Bucket fill tool;
c) Choose colour;
c1) Click on FG Colour on Toolbox → Open Change Foreground Colour → Move cursor on Dialog → Choice steps (minimal 1 step, 2 steps if need to close dialog);
or c2) Move cursor until FG/BG Colour Dialog → Choice steps (2 steps);
d) Fill the selected rectangle.

To choose colours is necessary minimal 2 steps and maximum 3 steps (cursor movements and clicks).

The sample has 6*6=36 rectangles, only to select colours for all rectangles, we must crossing or move the cursor and do clicks at amount of a minimal 72 and a maximum of 108 times.

Proposal Swap History Colours

 +-----------------------+     
 | A | B | C | D | E | F |  
 +-----------------------+ 
   |   |   |
   |   |   +--Next Colour (C) --------> (3) Hit key again → is selected this swatch.
   |   |
   |   +----> Next Colour (B) --------> (2) Raise finger from key → is selected this swatch, previous of the last colour used.
   |                
   +--------> Last colour used (A) ---> (1) Hit key Shortcut Open Popup with swatches.
        
canvas                           
  • History colour pop-up, for instance, with the last 6 colours stored in history of the FG/BG Colours dialogue. This pop-up is enabled when hit the key shortcut action.
  • Each time that raise finger from key and hit again, the selection colour goes to next colour, for instance, from A to B, and successively until F and in a closed cycle. The principle is the same of the short-cut to swap colours between FG/BG, but in this case we have 6 colours.
  • Each time that the key short-cut is held down, the colour remains stopped in the slot, for example A.
  • The cycle is stopped naturally after a lapse time between hit key and raise finger of key.
  • Have on GIMP preferences the possibility to choose the amount of colours to use in this pop-up, for example, minimal 6 and maximum 12 colours.

Note: is possible to think the sequence from F going to A, where F is the last colour used by user, E the previous and successively.

References

Short video showing general behaviour.

FG/BG Dialog Color [GIMP, Wheel and Scales tabs]

History Colours and Small Improvements [Modifying some scopes]

In the current 2.9 Git Master all two rows are destined to history of colours used by the user during the sessions.
The behaviour is described here.
Bug Report 772883 > Color History - adding new scope.
Fg-bg-dialog change-fg-dialogs.jpg

Dialogs where the history colours was implemented.

Improvement Reasons

To graphic design, painting, certain swatches must be of a kind fixed as swatches on canvas (ready as colour tube or reference colour of a layout page). Each work has a fixed number of these swatches... and other are random or temporary. For an artist or a designer, e.g., the fixed swatches are placed on the bottom row. The mixed swatches, the variations (all pick colours) of the first row swatches are placed in the first row.

Comments

Elle Stone

Well, the first thing I do when I want to paint is pick some colors to paint with.

The way things are now, every time I pick and then paint with a new color, the swatches and also the palette tab colors update and rearrange themselves, so I have to keep looking for where the color I want next has moved to. And sometimes the colors are not easy to tell apart just by looking at the swatches, partly because the swatches are small (and need to be small) and partly because GIMP color picker/foreground tool isn't color-managed (and really needs to be).

So that's why I make a layer and paint color swatches for the colors I want to use. But this also is awkward. Having a fixed palette of swatches on the pick foreground tab would be very, very convenient.

Having the top row of swatches update the bottom row be fixed (even after closing GIMP) unless/until deliberately changed would seem to be ideal, but of course would need testing to be sure.

Improvements Schema

Is very useful to divide the two rows with different scopes (Elle Stone Suggestion):

  • Top row is set once and remains until is not deliberately modified/reset;
  • Bottom row changes as new colours are picked.
History-pick-colours-options history-and-user-r2.jpg

Explaining the improvements on the dialogs.

FG Invert Color

Concept

In the painting tasks, are very important to work with different methods to select or to choose colors. The complementary colors is commonly utilized by all artists.

Improvements reasons

To invert a colour is necessary many steps between pick and wheel colors dialogs. With a shortcut these actions are more immediate and, the painting session has less actions and steps with different color dialogs.

Invert color of FG

Add a toggle shortcut to invert the current colour on FG.

References

A modern approach to complementaries colors

Independent Tabs of Colour Dialogs

Implement the possibility to have as independent tab. The current version have the internal tabs of the picker colours GIMP, Wheel and Palette.

Current Colour Dialogs

The different pickers are as tab on the Change Foreground Color Dialog or as button to select each picker as is on the FG/BG Colour Dialog.
Change-foreground-color-dialog.jpg
Gimp-picker-history-colours.png

The two dialogs of Colour with picker tabs and colour controls [GIMP, Print, Watercolor, Wheel, Palette, Scales]

Implementation Reasons

The more complete dialog is the Change Foreground Colour Dialog, but is very invasive on canvas. To have the main picker colours as independent tab is possible to think in the docks where we have two or three views of colour instances. For instance, GIMP picker + Scales or Wheel + Scales.

Comments

Implementation Schema

Transform the internal tabs of GIMP, Wheel, Palette and Scales in the independent tabs.

Independent Colour Picker Tabs

GIMP-picker-tab.jpg Wheel-colour-picker-tab.jpg Palette-colour-picker-tab.jpg Color-scales-picker-tab.jpg

Note: Is possible that the history colours not is usable in all tabs. Perhaps useful only the traditional picker colours as GIMP and Wheel.

Dockable Picker Colours Example

Each tab, in this way, can be dockable, for example, Palette + Scales:
Palette-colour-picker-tab+scales.jpg