Adjust UI to better indicate selected tool, color, line width, opacity
The little tools change a tiny bit when you select a color. Like, the tip of the pencil turns the shade of blue I have selected. But it does not change much and the tools are kind of small.
Could you make the body of the tool change to the color I selected?
Can you make it easier to tell which tool I have selected by having dramatic drop shadows appear (for example) when I have “picked up” the tool?
I am also weirdly frustrated by the opacity and stroke. I am constantly surprised when that tool I select has an incredibly fat line but another tool I select has an incredibly thin one even though it’s exactly the same setting! Is it possible for you to have a more literal stroke selection widget?
It would be really great if the opacity were reflected on the body of the tool where I’ve asked the color to be… So that if I have 100% opacity I see solid blue but if I had set 50% opacity then the blue color of the barrel or body of my pencil is pastel... e.g. Also reflective of the opacity value.
Just want to know what I’m getting a little easier. Considering the default width for each tool type are so various we could use more by way of visual cues.
-
Clarinet Benezra commented
This shows a sketch of a more dramatic selected state. In the beta, the selected state...the tool juts up taller than the unselected tools... but in this example I have shown the color selection on the barrel of the tool and added more dramatic drop shadow. Trying to devise some way to make sure the tool looks ‘picked up” and “In use.’ That kind of thing.
-
Clarinet Benezra commented
this is a little 24 second video to show an example of how texture, width, and opacity can be displayed all at once against the page so the user always knows exactly what they are getting...
https://drive.google.com/file/d/1TZxtoBPDi07A8LVcZpQ-TJsOAMZtx73p/view?usp=drivesdk
-
Clarinet Benezra commented
The screenshots—
1. DF45 - sketch of tool with “fat” design and more opportunities to perceive selected color and opacity
2. A80C - Example of the terms “Chibi” and “SD” as stylizations haha
3. 26AE - sketch of possible display that would allow user to perceive tool’s appearance (texture), selected color, selected opacity, and absolute width compared to the page—all at the same time