Opacity Precision

Re:Opacity Precision by notinty on Monday December 06, 2021 @03:26PM (#29465151)

>For an opacity slider to provide 101 steps, it needs to be at least 101 pixels wide.

There's no reason this needs to be the case: slider elements could trap the cursor and give realtime feedback of input.

The iPad Pro trackpad does this with all UI elements and I believe it's an important step for UX.

[ Parent | on HN ]

Re:Opacity Precision by marcedwards on Monday December 06, 2021 @04:32PM (#29465987)

Yep, that’s an option as well, and some tools do it. Figma’s only layer opacity slider is via holding a modifier and dragging the text input field.

I personally like having opacity sliders as well. They provide a nice visual representation of the state that’s easier to parse than reading a number, and you can also do things like set 100% with a single click. Layer opacity is important enough that it should have a text field, a draggable value with a modifier, and a slider.

The other main point of the article is that these tools don’t seem to even realise their precision sucks.

[ Parent | on HN ]

Re:Opacity Precision by notinty on Monday December 06, 2021 @06:52PM (#29467385)

Agreed; immediate analog feedback of a slider is important.

Thanks for the great article, the images you created are especially fantastic.

Edit: my friend just checked and Clip Studio Paint also has 0-100 with no decimal support. Crazy that it's ubiquitous.

[ Parent | on HN ]

Re:Opacity Precision by marcedwards on Tuesday December 07, 2021 @02:32PM (#29477138)

Sure is!

Interestingly, Acorn can show the full 0-255 range.

[ Parent | on HN ]