Improve contrast in measurement decorations
The distance between objects hotkey is amazing, but very often hard to read, due to the overlap of other objects or background colors. I've attached two examples where the distance between objects is very hard to see.
Putting the measurement in a box would make sure it is always easy to read
-
Cristi Banu commented
The measure tool shows a value which is very difficult to read on many many background colors. Why not do what Figma did, and shpw the value inside a small square which acts as its background? It would be way more readable
-
Tridge Mialey commented
【Color issue with numbers when measuring distance】
When measuring distances between elements, numbers are often affected by dark backgrounds and cannot be read clearly, this problem has tormented me for a long time, I don't think it's a hard optimization -
himanshu kandpal commented
Hello,
When we work on the high contrast colors, the properties of elements are NOT visible because the text and lines of properties themselves have the high contrast color (pink).
So I suggest we should use the inverse color option to show properties informationThanks and Regards
-
Victoria Kariolic commented
I am loving the measurement on hotkey press. It helps a LOT in developing a designed page. However, like others here, I am having a bit of trouble. So here is my request added to the list:
In addition to changing the color contrast based on background and adding a box to the measurement, I would like to request the ability to modify the display size of the numbers. I have a hard time seeing them on my screen, even when I put my nose right up to it.
-
Tridge Mialey commented
I very much support this improvement.. I encountered some darker bottom colors and couldn't see the distance data clearly. This tormented me for a long time. I hope the designers of XD can see this small and simple request!In fact, only need to add a pink rounded rectangle below the number.
-
Matthew Gardiner commented
Incremental numeric pixel position feedback while moving objects or guides should automatically invert its color based on the color of the object it is over. It appears to always be a bright pink, but sometimes does not read easily over photos. Either invert its color or provide a rectangular tinted field around it to contrast the numerals.
-
Sam commented
I agree. Trying to read the numbers is one of my biggest problems with XD. The proposed solution works very well for Figma
-
Fadhal Shulhan commented
The size issue on Enable Measurements (Alt) is too small on the Large (34") monitor screen.
I'm an Adobe XD user and I have a 34" monitor. I'm having trouble getting my eyes closer to the monitor because the Measurements (Alt) view is too small.
I request for a large size setting of +- Measurements (Alt) for a widescreen monitor (example: 34").
And when I use a red background. The Measurements (alt) color becomes faint/not visible..
-
Gabriel Silveira Chaves commented
The existing pink color could be changed when the background approached the same color
-
Thierry Lemaître-Suarez commented
Sometimes when I inspect the distance between two objects the value show is hard to read because the number is write in pink and the background is pink too. It would be nice to fix it like in Photoshop where the value is on a pink background and writing in white. Here's what its currently looks like (Image 30.png) and the other image is the fix like in Photoshop (Image 31.png).
Thank!
-
Andras commented
On dark backgrounds its very hard to see the distance measurement numbers between objects. I suggest to put some high contrast background behind the numbers so they are more visible.
My dumb solution is illustrated here, I decrease the opacity of the dark object so I can see the numbers. :)))
It's a bad user experience...
-
Joseph Silva commented
I agree, this is often an issue for me, as well. Another possible solution, maybe in addition to putting the measurement in a white box, would be to allow the user to choose the color for the measurement decorations in Preferences (once Preferences is enabled), similar to how you can choose guide colors in Illustrator.
-
Michael Laugesen commented
Agree, especially as a colorblind designer :) I love your fix.