Aqua vs Skeuomorphism
アクア / スキューモーフィズム
Aqua comes from Apple UI and Skeuomorphism from UI Expression. Both are read here as style. They are reached for with some of the same intent, which is where they get confused.
Aqua
Mac OS X's design language of buttons you want to lick. Jelly gloss, pinstripes, deep shadows and the genie effect staged digital components as objects you could touch, and set the terms for UI throughout the 2000s. What the web made of it with images is Web 2.0 Gloss.
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.
| Aqua | Skeuomorphism | |
|---|---|---|
| Era | 2000–2014 | 2000s–2010s |
| Family | Apple UI | UI Expression |
| Kind | Style | Style |
| Cues | Gel-gloss buttons / Pinstriped grounds / Deep drop shadows / Metaphors of water and light | Leather, metal, paper / Dimensional shadows / Real-world metaphors / Fine textures |
| Best used for | Recreating 2000s digital culture with the texture it actually had · Making what is clickable read at once as a pressable object | Explaining new interactions through familiar tools · Crafted, tactile experiences |
| Type | No shadow on text, weighted to stay legible over gloss | A humanist face suited to the purpose |
| Composition | Components evenly spaced, gaps left for shadows to fall into | Adopt the structure of the real tool |
| Material | A hard white highlight above, reflection and deep shadow below | Precision texture only where it serves function |
| Caution | Gloss and shadow applied evenly to every component hides what is actually pressable, leaving texture where hierarchy should be. | Ornament must not bury the interaction. Expect generations who don't share the metaphor. |