Aero vs Glassmorphism
エアロ / グラスモーフィズム
Several blurred translucent sheets stack up in both, each carrying a thin white edge and a faint reflection.
How to tell them apart. Aero belongs to the actual window frame and title bar. Glassmorphism appears as cards and panels floating over the content.
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. |