Glassmorphism
グラスモーフィズム / 2020s / スタイル / UI表現
半透明の層で奥行きと階層を示し、情報を軽く浮かせる。
背景ぼかし / 半透明 / 細い白枠 / 色のにじみ
辞書情報
- 向いている用途
- 階層のある情報を軽やかに見せる。OS的な洗練と奥行きを出す
- 文字
- ニュートラルなサンセリフ
- 構成
- カードを重ね、前後関係を明確に
- 素材
- 色のある背景＋半透明面＋微細な境界
- 注意
- 背景次第で可読性が壊れる。本文面には十分な不透明度を持たせる。
- 関連研究
- macOS Big Sur / Windows 11