Deconstructivism vs Glassmorphism
脱構築主義 / グラスモーフィズム
Deconstructivism comes from Avant-garde 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.
Deconstructivism
Dismantles an achieved order and makes tension and instability the new structure.
Glassmorphism
Shows depth and hierarchy through translucent layers, floating information lightly.
| Deconstructivism | Glassmorphism | |
|---|---|---|
| Era | 1980s– | 2020s |
| Family | Avant-garde | UI Expression |
| Kind | Style | Style |
| Cues | Fragmentation / Tilt / Colliding layers / Unstable contours | Background blur / Translucency / Thin white borders / Color bleed |
| Best used for | Communicating change or rupture itself · Strong concepts in fashion and architecture | Making layered information feel light · OS-grade refinement and depth |
| Type | Sever, duplicate and rotate the letters | A neutral sans-serif |
| Composition | Collide multiple grids | Stack cards with clear front-to-back order |
| Material | Translucent layers, cut surfaces, noise | Colored ground, translucent panes, fine edges |
| Caution | Too heavy a cognitive load for interfaces. Keep experiments to heroes and set pieces. | Legibility breaks with the wrong background. Give text surfaces real opacity. |