Liquid Glass vs Skeuomorphism
リキッドガラス / スキューモーフィズム
Liquid Glass comes from Apple UI and Skeuomorphism from UI Expression. Both are read here as style. They are reached for with different intent, which is the fastest way to tell them apart.
Liquid Glass
Unifies the floating control and navigation layer as a fluid glass material that refracts and adapts to the content beneath.
Skeuomorphism
Borrows cues from real materials and tools to make unknown interactions understandable. It names the principle, so Aqua and Brushed Metal are what the principle looked like when one company shipped it.
| Liquid Glass | Skeuomorphism | |
|---|---|---|
| Era | 2025– | 2000s–2010s |
| Family | Apple UI | UI Expression |
| Kind | Style | Style |
| Cues | Dynamic refraction / Concentric corner radii / Floating control layers / Reflected background color | Leather, metal, paper / Dimensional shadows / Real-world metaphors / Fine textures |
| Best used for | Apps that show content full bleed while floating only the controls above it. · Screens where light, dark and wallpaper change but control positions must hold. | Explaining new interactions through familiar tools · Crafted, tactile experiences |
| Type | Keep text off the material itself and set minimum sizes from measured contrast. | A humanist face suited to the purpose |
| Composition | Hold controls to the edges and make inner and outer radii concentric. | Adopt the structure of the real tool |
| Material | Use one refracting layer only, letting it pick up the color beneath. | Precision texture only where it serves function |
| Caution | Keep it to the control layer rather than decorating content with translucent cards. Each added layer lets more background through until text fails, so check legibility on devices and honor Reduce Transparency. | Ornament must not bury the interaction. Expect generations who don't share the metaphor. |