Illustration Samples: Telling Intentional Transparency From a Missing Preview
On a page showing illustration samples, an empty looking area can mean two very different things. Sometimes the artwork has transparent regions on purpose, such as the space around a sticker shape. Sometimes the preview simply did not appear. Visitors cannot tell which, and a site owner reviewing the page may not either. This article proposes a labelling approach so both cases are visible and distinguishable. All examples are invented and offered as proposals.
Inputs to prepare
Take a small public sample set from an imaginary studio, called Sample Illustrations. For each sample, record a title, the file you intend to show, and one sentence saying whether the artwork contains transparent areas by design. Add a plain description of where the transparency is, for example around the outline of a leaf. Also decide on a neutral background pattern for the preview frame, such as a light checkerboard, and write a one line legend that explains it.
Decision branches
For each sample, choose one of three states and show a visible label for it.
State one: Transparent areas by design. The preview loads, the frame shows the pattern behind the clear regions, and the label says Transparent areas are part of this artwork.
State two: No transparency. The preview loads on a solid frame and the label says This artwork fills its frame.
State three: Preview unavailable. The frame shows a plain message, such as Preview not available, and the title and description remain visible so the sample is still identifiable.
If you do not know which state applies, treat it as state three and investigate before publishing.
Stop conditions
Do not publish a sample if its frame is blank with no label, if the legend is missing while a pattern is used, or if the label for state one is attached to an image that is actually failing to load. Stop also if two samples share a title but show different states, since visitors will compare them.
A worked example
Sample one is a leaf sticker. Its note says the area outside the leaf outline is transparent by design. The page shows the leaf over a light checkerboard and the label reads: Transparent areas are part of this artwork. Sample two is a full rectangle painting; the label says This artwork fills its frame. Sample three has a file problem; its frame says Preview not available, with the title Harbour sketch still shown. A visitor sees three different situations and no unexplained blanks.
Wording guidance
Keep labels literal and short. Do not describe the checkerboard as a quality mark, and do not suggest that unavailable previews mean the artwork is unfinished. Make labels text, not colour alone, so they can be read by everyone and by assistive tools.
An actionable acceptance test
Open the sample page and cover the labels with a sheet of paper. Ask a colleague to point to the samples they think are missing previews. Now uncover the labels and ask them again. The test passes if, with labels visible, they correctly identify only state three samples as missing.
Repeat with the pattern legend hidden and confirm they ask what the checkerboard means, which shows the legend is needed. Finally deliberately break one preview in a private copy and confirm it moves to state three with a visible message, not a blank frame.
Conclusion
Transparency is a design choice and a missing preview is a fault. The page should never make visitors guess between them. Use three clear states, a short legend and a simple review test, and the sample gallery will read as intentional.