Suppose we have a UI where the settings of a lightbox showing an image can be adjusted. It might look something like this:
By "background" in the mockup above is really referred to overlay, but that, we believe, is a poor term to convey to the average user of the system.
Conceptually, the image also has a background (with the color white - #FFF in the mockup above), but obviously one can't use the same term for two different things.
To make things even more fuzzy we have a padding property, which is really how much the image background is larger than the image itself (the same distance in all four corners of the world).
The illustration below tries to convey the current labeling scheme:
My question is this:
- What to label the image background (pointed out by the arrow with "???" in the illustration above)?
By just writing "Color" as in the mockup, we aren't being specific enough, I believe.