Photoshop: Gradient editor confusing Knot icons

  • 1
  • Problem
  • Updated 3 years ago
  • (Edited)
In the Photoshop Gradient editor, we have two kinds of knots: the upper knots are for Opacity, the lower knots are for Color.

How strange is it, that the knots for Opacity are filled with the Color (red marked), while the knots for Color are filled with a small piece of Transparency Grid, which is traditonally associated with Opacity

illustrated report:
http://jaydude-featurerequests.blogsp...
Photo of Jaydude

Jaydude

  • 29 Posts
  • 1 Reply Like
  • confused

Posted 3 years ago

  • 1
Photo of Chris Cox

Chris Cox

  • 20280 Posts
  • 765 Reply Likes
Those aren't a transparency grid - those are the icons for foreground color and background color. Also, that part of the UI has been the same since 1996, and other people don't seem to get them confused.
Photo of Jaydude

Jaydude

  • 29 Posts
  • 1 Reply Like
Hi Chris, Thanks for your insight - it makes it more easy for me to click the right one next time!

I am aware that this (supposed) inconsistency exists for years, but did not manage to write about it earlier. And, euh, even old things can be improved, in my opinion.

Did not recognize it as icons for foreground and background-color,
probably for 3 reasons:
1 they don't reflect the current fore- and background color.
2 the squares do not overlap, as the squares in the current color indicator does
3 the squares in the icon have the same scale as the Transparency Grid in the Gradient Editor

Here is my proposed improved layout:
Photo of Chris Cox

Chris Cox

  • 20280 Posts
  • 765 Reply Likes
The squares do overlap, just not as much as the foreground/background swatches in the tool palette do.

Unfortunately that layout doesn't work with noise gradients, or a number of other concerns in the gradient editor dialog. But it might be tweakable.

I have tried to make the dialog clearer a few times in the past, but we've never come up with a really good design for it. I'll have to see if our XD people like your design, or have other ideas.