Quick Links


Canva Design Resource

Description


In design, we often refer to transparency and opacity as similar things. Essentially, opacity is measured by how much light passes through an object. Objects with lower opacity allow more light to pass through them, therefore becoming more “see-through.” The more solid an object is—the less light that can pass through it—translates to a higher opacity.

So to establish a direct connection: The level of opacity is directly related to how transparent an object is.

https://miro.medium.com/max/700/1*HkRV81Z-ylFQPTCZH-s5og.jpeg

In 1890 the Milton Bradley Company published a historically significant manual on teaching color to children called Color in the School-room: A Manual for Teachers. It was exceedingly scientific for a textbook on kindergarten-level education, tackling topics like color blindness and having an entire chapter dedicated to “The Demand for a Definite Color Nomenclature.”

Somewhere early in chapter 4—“The Theory of Light and Color”—one can find the following passage: “It should be remembered that no substance is wholly transparent, and no material absolutely opaque.”

In design, we often refer to transparency and opacity as similar things. Essentially, opacity is measured by how much light passes through an object. Objects with lower opacity allow more light to pass through them, therefore becoming more “see-through.” The more solid an object is—the less light that can pass through it—translates to a higher opacity.

https://miro.medium.com/max/660/1*0oy_6FuZ3u0FGOx_fPTkNg.jpeg

New Belgium Side Trip by Helms Workshop

So to establish a direct connection: The level of opacity is directly related to how transparent an object is.

Designers often use opacity to create a sense of depth in design by translating the effects of physical transparency into layers of line, shape, image, texture, and color to achieve a graphic transparency, with the intended outcome of making two or more surfaces or objects simultaneously visible.

https://miro.medium.com/max/700/1*QXkTdhlM-Tl_yJyK4dDl6g.jpeg