グラスモーフィズム
Glassmorphism
別名: すりガラス効果
ライブデモ
説明
一言で説明
背景をぼかし（ブラー）、半透明のレイヤーを重ねることで、すりガラス越しに見えるような質感を与えるデザイン手法。
いつ使う？
階層構造を視覚的に表現したいときや、モダンで奥行きのあるUIを演出したい場合。
💡 日常の言い方
「背景が透けてぼやけてる、オシャレな曇りガラス風の見た目」
似ている用語との違い
グラスモーフィズム vs オーバーレイスクリム
スクリムは単に暗くしたり色を重ねるだけだが、グラスモーフィズムは『背後のボケ』と『境界線のハイライト』を強調する。
AIへの指示例
カードのデザインをグラスモーフィズムにして。背景を白の不透明度20%にして、背景ブラーを10px、細い白のボーダーを付けて。