Aero vs Glassmorphism
エアロ / グラスモーフィズム
Aero comes from Microsoft UI and Glassmorphism 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.
Aero
The translucent glass UI of Vista and 7: frosted window frames, live thumbnails and GPU-composited depth making 'through glass' the OS's standard vocabulary.
Glassmorphism
Shows depth and hierarchy through translucent layers, floating information lightly.
| Aero | Glassmorphism | |
|---|---|---|
| Era | 2006–2012 | 2020s |
| Family | Microsoft UI | UI Expression |
| Kind | Style | Style |
| Cues | Frosted frames / Reflections and highlights / Live thumbnails / GPU-composited depth | Background blur / Translucency / Thin white borders / Color bleed |
| Best used for | Work screens stacking many windows where the layer beneath must stay visible · Control panels for photo or video apps floated above the content itself | Making layered information feel light · OS-grade refinement and depth |
| Type | Small light labels on the frame, dark enough to survive translucency | A neutral sans-serif |
| Composition | Glass only on the frame, content areas kept fully opaque | Stack cards with clear front-to-back order |
| Material | Heavily blurred backdrop, a thin top highlight, a faint tint | Colored ground, translucent panes, fine edges |
| Caution | Spreading translucency and gloss across the whole screen makes legibility shift with whatever moves behind the text, and hides what is clickable. | Legibility breaks with the wrong background. Give text surfaces real opacity. |