Increase visual contrast between active and inactive layers
Hi, I really get the urge to use a minimalistic design UI in your new software, but the design should not stand in the way of usability.
One problem I have is that is is really hard to distinguish between active layers and none active ones because the grey color is way to similar.
Also (example attachment) it is hard to quickly see which layers are grouped with which folder/symbol if the Layerbox has a lot of layers. (Maybe use an down facing arrow like in Photoshop)
Benjamin Betz
shared this idea
17 comments
-
Anonymous
commented
You cannot assume everyone is using Apple or 4K screen. The color interface color really not working on regular / average price / not pricy monitors.
-
Creative Director in Copenhagen
commented
Crazy to think that this was first reported to Adobe over 4 years ago! It's quite simply a case of good UI design and Adobe are clearly putting form over function.
-
Anonymous
commented
Make the color bit darker so scanning becomes easier
-
Nihal Chakrawarti
commented
With due respect, I want to draw your attention towards the UI of layers section of Adobe XD. Whenever I hover over the layers the contrast of the selected layer is very much low. This gives a strain on our eyes. It's hard to find which layer I'm hovering on.
Please, increase the contrast value of the selected layer.Thankyou
-
Daniel Amante
commented
Please! this is so obvious for good users experience.
-
JoeNapp
commented
Please, please, please @AdobeXD team. Increase contrast on selected layers. As a designer with site issue (yes, it’s true) I cannot see when a layer is selected and according to the ADA over 10% of males would also have trouble seeing this contrast ratio. Yours is on left -
-
Richard Doyle
commented
Yes! It's WAY too difficult to see which layer is selected.
-
Ivan Perović
commented
Light blue Color of Selected layer/group is too light
Provide a bigger contrast between the selected layer/group and gray background of the layers panel.
-
Anonymous
commented
Is Adobe meeting accessibility standards here? Let's get this contrast thing started please
-
Anonymous
commented
Yep, the layer highlight color should be move visible.
-
Anonymous
commented
Make color darker. It is so hard to see, which makes it impossible to know what I've selected on an artboard. It is currently a very very light blue, but would like it to be very dark blue, so I know what I selected.
-
Joseph Silva
commented
Completely agree with this, the layer selection color needs much more contrast!
-
Anonymous
commented
Actually you have. I just realised it was the contrast of the screen not to make this clear.
Perhaps a little dot next to the layer would help, also because my sight start not to be the same anymore. -
Anonymous
commented
As simple as that, when I click on a layer on the screen ... i'd like to understand where this is in the left side bar.
-
Anonymous
commented
Agreed! Really needs to be a shade darker or a different color entirely! Hurts my eyes trying to search for the active layer or artboard.
-
Anonymous
commented
Hi, it's difficult to figure out which layer is active. Please work on highlighting it. Thanks
-
Amy Hamm
commented
1. The highlight color in the layers panel (and symbol panel) should have more contrast with the background color on the panel itself. I like to be able to quickly locate a layer in the panel when I have selected it on an artboard. Right now since the contrast between the highlight and panel background is low, I have to scrutinize the layers to find the highlighted one.
2. I pay attention to the stacking order of my layers and name most of them - when I get to 2000+ layers, this helps me stay sane. It also helps me troubleshoot when I accidentally group a layer when I didn't mean to. Quickly locating a wayward layer is invaluable.
