InsightsDesign

What Is Skeuomorphic Design, and Does It Still Work Today?

Illustration of skeuomorphic vs flat design: a textured button next to a flat button, a toggle and simple app icons

The trash can on your computer has never held any trash. It’s there because it looks like something you already know how to use. Skeuomorphic design, the interface style behind it, makes digital elements look and behave like their real-world counterparts, such as a trash can for deleting files, a notepad for notes or a dial you turn to set a timer. The goal is familiarity. When an on-screen object resembles something people already know, they can guess how to use it without instructions.

Skeuomorphism (pronounced “skyoo-uh-MOR-fiz-um”) fell out of favor in the early 2010s as flat design took over. But realism, depth and tactile materials have been creeping back into interfaces ever since, which makes it worth understanding what skeuomorphism does well and where it gets in the way.

We first wrote about this in 2013, when the launch of Apple’s iOS 7 had the design and development industry buzzing about skeuomorphism vs. flat design. Everyone was asking whether we should remove skeuomorphic design from user interfaces. Here’s the backstory, what happened next and where the style stands now.

What is a skeuomorph?

A skeuomorph is a design detail that imitates a feature of an older object, even when that feature is no longer needed. In digital design, that can be literal visual cues (a folder icon that looks like a paper folder), realistic textures (wood, leather, brushed metal), or familiar interactions (flipping a page, sliding a switch).

It’s a very literal visual communication style, where design elements match real-life objects. Almost every operating system has a trash can or recycling bin icon for throwing files away, and familiar cues like that are designed to make people more comfortable operating their machines.

Examples of skeuomorphic design

Some skeuomorphs are so common we barely notice them. They remain some of the most recognizable symbols in software:

  • The trash can or recycling bin for deleted files, and folders for organizing them.
  • The floppy disk “save” icon, the envelope for email and the magnifying glass for search.
  • The camera shutter sound on a phone, an audio skeuomorph that confirms a photo was taken.
  • Page-turn animations in e-reader apps, and toggle switches that slide like physical ones.

A short history of skeuomorphic design

Before graphical interfaces, using a computer meant knowing command-line code. The story of digital skeuomorphism usually starts with Steve Jobs and the Apple Macintosh in 1984. Building on earlier research at Xerox PARC, the Macintosh brought the graphical user interface (GUI) to a mainstream audience, with a desktop, folders and a trash can that mirrored a physical office. Visual elements became the touch points for making requests, and those metaphors helped people who had never used a computer feel at home.

As screens and graphics improved, the realism grew, escalating until it peaked around 2012. By the early iPhone years, interfaces featured stitched leather calendars with metal rings and bookshelves made of wood grain. The iPhone’s compass app was a perfect example, a highly stylized, polished instrument that felt remarkably like holding an actual, historical compass.

Then the industry shifted. Google’s design team was one of the leaders, pushing flatness and connectedness as core design ingredients, later formalized in Material Design. Microsoft’s Windows 8 (2012) used a flat, tile-based design throughout the operating system. Apple’s iOS 7 (2013) stripped out textures and shadows in favor of clean color, type and space, and OS X 10.9 Mavericks followed later that year by dropping some of its leather and linen textures. When the biggest players consciously change their design style at the same time, that’s a milestone, and within a couple of years flat design was the default.

Did Steve Jobs like skeuomorphism?

Apple’s most skeuomorphic era happened under Steve Jobs, and he is widely reported to have favored the realistic style. Scott Forstall, who led iOS software, was closely associated with it, from the leather-bound Calendar to the felt-covered Game Center. After Jobs died in 2011 and Forstall left Apple in late 2012, design chief Jony Ive took over human interface design. The result was the flat iOS 7 redesign in 2013, which marked Apple’s decisive move away from heavy skeuomorphism.

Skeuomorphism vs. flat design

The two styles sit at opposite ends of a spectrum. Skeuomorphism communicates through resemblance; flat design communicates through simple shapes, color and typography. Here’s how they compare:

  • Visual style: Skeuomorphic designs use textures, gradients, highlights and shadows; flat designs use solid color and minimal decoration.
  • Learnability: Skeuomorphism leans on real-world knowledge, which helps new users; flat design relies on learned digital conventions.
  • Scalability: Flat elements adapt easily to different screen sizes and are simpler to build into a consistent system; detailed realistic assets are harder to scale and maintain.
  • Performance: Flat design typically means lighter assets; heavy textures and effects add weight.
  • Clarity risk: Skeuomorphism can bury content under decoration; strict flat design can make it hard to tell what’s clickable.

Back in 2013, our view was that users had become far more tech savvy than in 1984, and that it was time for real-world objects in digital design to be simplified. Designing with less emphasis on mirroring an object frees teams from the limits that come with it. Added textures, drop shadows and visual tricks shouldn’t matter more than fundamentals like clarity, loading time and consistency with other interface elements. A calendar icon, for example, doesn’t need rich leather and silver rings to help people find and use the app.

Strict flatness had its own problem, though, and that’s why pure flat design softened over time. When every element is a flat rectangle, buttons and plain text start to look alike. Many interfaces settled on a middle ground, sometimes called “flat 2.0,” that keeps simple shapes but adds subtle shadows and layering to signal what can be tapped.

Is skeuomorphism making a comeback?

Partly. The leather-and-wood look isn’t coming back, but depth and physical qualities have returned in a more restrained form. Material Design treats interface elements as layered surfaces with shadows that show hierarchy. Glassmorphism brought frosted, translucent panels into fashion, and Apple’s Liquid Glass design language, introduced in 2025, uses translucent, light-reflecting materials across its operating systems. App icons and illustrations have also grown more dimensional. None of this is skeuomorphism in the old sense, but it borrows the core idea that light, layering and material can help people understand an interface.

Skeuomorphism vs. neumorphism

Neumorphism (short for “new skeuomorphism”) became a popular design concept around 2019 and 2020. Where skeuomorphism imitates specific real objects with textures and detail, neumorphism imitates a single soft material. Buttons and cards appear gently pressed into, or raised from, a background of the same color, using soft inner and outer shadows. Skeuomorphism says “this is a calendar”; neumorphism only says “this is a surface you can press.”

Why is neumorphism criticized?

Neumorphism looks clean in mockups but struggles in real products. The main issue is low contrast. When controls are the same color as the background and defined only by faint shadows, they’re hard to see, especially for people with low vision, on dim screens or in bright light. That makes it difficult to meet accessibility guidelines such as WCAG’s 3:1 contrast recommendation for interface components. It can also be hard to tell a pressed button from an unpressed one, or a button from a decorative card. Most teams use it sparingly, if at all.

Pros and cons of skeuomorphic design

Pros:

  • Makes unfamiliar tools easier to learn by connecting them to known objects.
  • Signals interactivity clearly; a button that looks pressable gets pressed.
  • Adds personality and a sense of craft that can set a brand apart from look-alike interfaces.

Cons:

  • Visual detail can compete with content and slow people down.
  • Realistic assets add page weight and are harder to adapt across screen sizes.
  • Copying a physical object can copy its limits. A digital calendar designed to look like a paper one can end up stuck in a one-month-per-page format that a screen doesn’t need.
  • Metaphors age. Younger users may never have used the object an icon imitates.

When does skeuomorphic design work today?

Skeuomorphic design never fully vanished, and it shouldn’t. It just became more selective. It works best in a supporting role, and it still earns its place when realism makes a task easier or an experience more memorable for a specific audience:

  • Icons and navigation: Graphic cues speed up recognition and help new users adopt an app. The trash, folder and label icons in Gmail’s toolbar are skeuomorphs worth keeping.
  • Tools that mimic physical devices: Music and audio apps with knobs and faders, camera controls, or calculators, where the physical model is the mental model.
  • Product visualization: Configurators and 3D previews that help shoppers see texture, finish and scale before they buy.
  • Onboarding and learning: E-learning and first-time experiences, where a familiar metaphor lowers the barrier to getting started.
  • Brand moments: Splash screens, app icons and campaign pages, where a tactile, crafted look supports the brand story without cluttering everyday tasks.

The pattern is to use realism where it helps and keep the core workflow clean. A realistic flourish on an app icon or welcome screen can give a product character, while the screens people use every day stay focused on clarity.

A historical example we pointed to in 2013 was the Wunderlist task app, which Microsoft later acquired and discontinued. Wunderlist used a bright red ribbon and a wood-grain background on its app icon and welcome screens, which gave it a distinctive flair. Once the app was running, though, the main elements were simple title bars and a side navigation menu, uncluttered by ribbon detail. Limiting skeuomorphism to those moments kept the core functionality clear, while the touches of realism kept the app from looking like every other to-do list.

How to use skeuomorphic elements well

  • Start with the user’s task and ask whether a real-world reference makes it faster to understand.
  • Borrow the behavior before the texture. A switch that slides is more useful than a switch with a chrome finish.
  • Check contrast and focus states so depth effects don’t hide controls.
  • Keep assets light and test on real devices.
  • Document shadows, materials and icon styles so the look stays consistent as the product grows.

That last step is where a digital style guide pays off, since depth and texture are easy to apply inconsistently across teams. And if your visual identity still leans on gradients and bevels from another era, it may be a sign that it’s time for a logo refresh.

Where the conversation went

In 2013 we wrote that the “to skeu or not to skeu” conversation would surely continue, and that it needed to move beyond a stylistic argument. We saw the buzz as the industry’s excitement over design progress. Whether or not a design uses skeuomorphism, the end product needs to be appealing and user-friendly, so it pays to look less at which technique is in fashion and more at which aspects of design are actually advancing.

We expected that the progression of interface design itself would become the most important part of the skeuomorphism conversation. In hindsight, that held up. Flat design, flat 2.0, neumorphism and today’s translucent materials have each borrowed from the debate, and the lasting lesson is about clarity, not texture.

The debate was never really about realism versus flatness. It’s about whether a design is clear, usable and right for its audience, which is the standard our design team applies to interface style decisions.

Treat skeuomorphism as a tool rather than a style. Use real-world cues where they make an interface easier to understand, and let clarity lead everywhere else.

Newsletter

Sign up for the Daylight Newsletter to receive helpful blog posts, insights and featured client projects.

Our Clients

Aurea Logo
Wacom Logo
Chateau Ste Michelle Logo
Ste. Michelle Logo
SheerID Logo
Hanzo Logo
Black and decker Logo
Zapproved Logo
Marchex Logo
Pacvue logo
Burley Logo
Nike Logo
Coca-Cola Logo
Intel Logo
Providence Logo
Webtrends Logo
Sutter Home Logo
Trinchero Logo
Dakine Logo
Newmans Own Logo
Brooks Logo
DeWALT Logo