Jump to content
Friksel

[AD] Opacity slider is wrong!!

Recommended Posts

In Designer the opacity slider for fill and stroke is not showing the right grayscale values for opacity.
It goes from white (left) to black (right) in order to set opacity to 0% to 100%. That's the complete opposite of the industry standard and thus 100% counterintuitive;

The slider should go from black (left) to white (right) instead, because 0% opacity is black and 100% opacity is white.

That's the case in all graphics and video software I know of working with opacity. And that's for a reason: we think of black as a light turned off and white as a light turned on. And even the same way as opacity values gets stored in the files: 0 is black, highest value is white.

 

It seems like in this case not OPACITY is shown, but TRANSPARANCY instead (the inverse of opacity). But the label clearly says OPACITY and the parameter opacity is being used in the rest of Designer too, so the slider should show the OPACITY value too.

 

Next to this there is a checkerboard background behind the grayscale range of the slider, but both the white end as the black end of the slider let through the same amount of this checkerboard background (both around 50%). So this doesn't show users at all what end of the slider results in a fill or stroke being transparent, so doesn't make any sense like this and only makes it even more confusing.

 

This should be:

slider from left to right going from black to white, where the checkboard shines through on the left side (black), but not on the right side (white).

 

And to make it even more intuitive to users I'd move the color-circle on the left of the slider to the right. That way it would be even clearer to users when this color is seen for the fullest (when the slider is moved to the right).

 

Please change this!! This is wrong and very frustrating for professionals working with graphics all day. Especially when using all kinds of different graphics and video software together. And because of the industry standard not something we should get used to learn the other way around.

 

Thanks!

 

opacity slider.jpg


 

Share this post


Link to post
Share on other sites

If you have a white background, and you place a black object on it, and consider the object's opacity:

  • At 100% opacity the object is visible and you see black.
  • At 0% opacity the object is invisible and you see white.

-- Walt

Windows 10 Home, version 1903 (18362.239), 16GB memory, Intel Core i7-6700K @ 4.00Gz, GeForce GTX 970
Affinity Photo 1.7.2.471 and 1.7.3.476 Beta   / Affinity Designer 1.7.2.471 and 1.7.3.476 Beta  / Affinity Publisher 1.7.2.471 and 1.7.3.475 Beta

Share this post


Link to post
Share on other sites
28 minutes ago, Friksel said:

there is a checkerboard background behind the grayscale range of the slider, but both the white end as the black end of the slider let through the same amount of this checkerboard background

 

That slider doesn’t have a white end and a black end, it has a 0% opacity end (where the chequerboard background shows through) and a 100% opacity end (where the chequerboard background is fully obscured by the black ‘ink’).


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.2.471 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.2.153 • Designer for iPad 1.7.2.6 • iOS 12.4.1 (iPad Air 2)

Share this post


Link to post
Share on other sites
2 hours ago, Friksel said:

...The slider should go from black (left) to white (right) instead, because 0% opacity is black and 100% opacity is white.

Wouldn't it be better if they just showed the actual colour over a checkerboard?  I.E.

001.png.d80dfe5526d96102b22a601df3719648.png

Share this post


Link to post
Share on other sites
30 minutes ago, owenr said:

If the right end looks fully obscured by black on your display, then I suspect that there's a problem with your display calibration or the display profile or the system's colour management.

 

No, the only problem is that I was looking (probably not closely enough!) at the OP’s screenshot. Even without moving the slider control away from that end of the track I can see the chequerboard background clearly on my Windows machine.


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.2.471 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.2.153 • Designer for iPad 1.7.2.6 • iOS 12.4.1 (iPad Air 2)

Share this post


Link to post
Share on other sites
17 hours ago, Sima said:

Wouldn't it be better if they just showed the actual colour over a checkerboard?  I.E.

001.png.d80dfe5526d96102b22a601df3719648.png

 

Hi Sima,

We already do this for noise, I don't see why it couldn't be done for the opacity slider as well. It does make it way more clear. 

Thanks for the suggestion. I will pass this to the dev team.

Share this post


Link to post
Share on other sites
18 hours ago, Sima said:

Wouldn't it be better if they just showed the actual colour over a checkerboard?  I.E.

Yes, nice addition indeed and guess by showing the color on top of the checkerboard that would make it much clearer for everybody, no matter if your background is print or video.
Great addition to add a combobox for value input too so we can see what value the slider actually has and to be able to enter as a value.
If Designer and Photo 1.7 will have the controls like this, that would be nice! :)
 


 

Share this post


Link to post
Share on other sites

The slider must allow an absolute opacity to be set,as there is currently no way to set it. Many design systems define colors with opacity for example material design has black at 54% and 87% opacity and it's impossible to set these in Affinity. You don't want to set it on the layer you want to  set it in style. It's impossible without being able to set absolute values. The control for the layer opacity and fill stop opacity is the one that should be used here as they support absolute values.

Share this post


Link to post
Share on other sites
19 minutes ago, drkanukie said:

The slider must allow an absolute opacity to be set,as there is currently no way to set it. Many design systems define colors with opacity for example material design has black at 54% and 87% opacity and it's impossible to set these in Affinity.

I don't understand that. Why can't you set those values? At the end of the slider there's a field that shows the opacity in %, and you can set that value either by adjusting the slider or typing into the % box.


-- Walt

Windows 10 Home, version 1903 (18362.239), 16GB memory, Intel Core i7-6700K @ 4.00Gz, GeForce GTX 970
Affinity Photo 1.7.2.471 and 1.7.3.476 Beta   / Affinity Designer 1.7.2.471 and 1.7.3.476 Beta  / Affinity Publisher 1.7.2.471 and 1.7.3.475 Beta

Share this post


Link to post
Share on other sites

Not the one on the studio color panel the one on the fill drop-down color panel (windows). The studio color panel has abs opacity. The fill drop-down doesn't it just had a dumb slider. Why these two controls are different makes no sense. So from the fill drop down color panel you then go to the studio color panel to set opacity (if it's visible and you know opacity is there) set opacity, this closes the fill colour drop-down which you then have to reopen to amend the colour. It could all be avoided by making the sliders the same control. As it is it's poor ux design.

Share this post


Link to post
Share on other sites
40 minutes ago, drkanukie said:

Not the one on the studio color panel the one on the fill drop-down color panel (windows). The studio color panel has abs opacity. The fill drop-down doesn't it just had a dumb slider. Why these two controls are different makes no sense. So from the fill drop down color panel you then go to the studio color panel to set opacity (if it's visible and you know opacity is there) set opacity, this closes the fill colour drop-down which you then have to reopen to amend the colour. It could all be avoided by making the sliders the same control. As it is it's poor ux design.

Thanks for that clarification. I missed that important point.

Note that if you happen to have the Color panel open, you can just watch the numeric opacity value there while you adjust the slider in the Fill drop-down, which makes it a bit easier. However, I agree with you that the direct numeric input should be available everywhere we can set the opacity.


-- Walt

Windows 10 Home, version 1903 (18362.239), 16GB memory, Intel Core i7-6700K @ 4.00Gz, GeForce GTX 970
Affinity Photo 1.7.2.471 and 1.7.3.476 Beta   / Affinity Designer 1.7.2.471 and 1.7.3.476 Beta  / Affinity Publisher 1.7.2.471 and 1.7.3.475 Beta

Share this post


Link to post
Share on other sites

Thanks Walt - I didn't have the studio colour panel open and I now I can actually see the slider is linked but in my setup I didn't have the studio colour panel visible as it was behind the swatches which is where I normally pick colour from. Annoyingly the property bar fill panel resets to Colour from swatches to colour picker on every usage so I way well use the studio swatch and colour tools from now on. Now that you have pointed it out I can see the opacity but it is a mighty weird UX decision. Thanks for the help

Share this post


Link to post
Share on other sites
On 4/26/2018 at 10:59 AM, MEB said:

Thanks for the suggestion. I will pass this to the dev team.

@MEB This thread is already more than a year old and in 1.7 the opacity slider is still not right, eventhough it seems to me like an easy thing to fix quickly. The suggestion of @- S - above was pretty neat and it shouldn't take long to implement it I'd say. Could this get some attention for 1.7 please? Thanks in advance!

 


 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×