デザインプロフィール
グラスモーフィズム
Glassmorphism半透明の面と背景のぼかしを重ね、すりガラスのような質感と奥行きをつくる、UIを中心としたデザインスタイル。
このスタイルについて
グラスモーフィズムは、画面上の部品をすりガラスのように見せるデザイン表現です。背景をぼかして透かすことで前後の関係を示し、アプリのメニューなどに物理的な素材を思わせる奥行きを加えます。
主な視覚的特徴
- 半透明の面を前景に重ねる構成
- 面の背後をぼかし、すりガラスのように見せる処理
- 細い半透明の輪郭線やグラデーションで、面の厚みと光の反射を示す表現
向いている成果物
ダッシュボード、商品・サービス紹介ページ（LP）、イベントサイト
代表配色例
色コードと役割をまとめてコピーできます。
簡単なプロンプト例
グラスモーフィズムでデザインしてください。半透明の面を前景に重ね、面の背後をぼかしてすりガラスのように見せ、細い半透明の輪郭線やグラデーションで奥行きを表現してください。
実例を見る
Google画像検索で「グラスモーフィズム」を見る（新しいタブで開きます）検索結果の画像はこの図鑑には保存しません。出典
- Glassmorphism: Definition and Best Practices（新しいタブで開きます）Nielsen Norman Group
- Acrylic material（新しいタブで開きます）Microsoft Learn