Skeuomorphism Explained: A Guide to Skeuomorphic Design

Skeuomorphism is a design term that refers to digital objects that resemble analog objects to improve usability and help the user understand the function of that object within the software. “Skeuomorph” is a compound of the Greek words “skeuos,” meaning "container or tool," and “morphḗ,” meaning "shape."

Skeuomorphism is a way to improve the user experience for users interacting with the digital world. For example, the calculator app on a smartphone is a skeuomorphic object—it resembles a real-life calculator, so users know the object’s functionality. Skeuomorphism may involve design elements like drop shadows or color gradients that make digital images look more three-dimensional. Interactive digital objects may have shading to let the user know that they’re push buttons or input fields.

After the 2000s, skeuomorphism slowly fell out of favor for digital interface design. An entire generation became used to interacting with digital devices and didn’t need real-world design objects as a guidepost. Other disadvantages of skeuomorphic design include:

1. 1. Skeuomorphic designs can look cluttered. Mimicking physical objects, down to their shading, can make the interface design too messy.
2. 2. Skeuomorphic designs can be challenging to scale to size. The attention to detail in skeuomorphic designs makes it hard to scale the objects down for smaller touchscreen devices.
3. 3. Analog objects can make skeuomorphic designs irrelevant. Skeuomorphism's reliance on real-world objects can be problematic when analog objects are no longer in use. The floppy disk, for example, was the shorthand for saving a digital document for many years but is no longer understandable to people.

Skeuomorphism and flat design are both user interface design trends.

• Skeuomorphism: This design uses digital metaphors to make digital objects look like analog devices, such as the trash can icon on phones and computers. Three-dimensional skeuomorphic designs feature shadows and gradients to help users know how to use digital objects, such as push buttons.
• Flat design: Flat design eschews shading and detailing for two-dimensional renderings to create a more minimalist design. Flat design enhances text readability and can easily adjust for different-sized screens/devices. Flat design does not use shadows or highlights, so it is not intuitive to interact with an object.

Get a MasterClass Annual Membership and let David Carson be your personal tutor. The prolific and decorated designer—who’s been lauded as the “art director of the era”—reveals his processes for going off the (design) grid, implementing typography in new and interesting ways, innovative uses of photography and collage, and so much more.