グラスモーフィズム
Glassmorphism / 2020s / スタイル / UI表現
半透明の層で奥行きと階層を示し、情報を軽く浮かせる。
ひと目で判断
見た目の特徴
- 背景ぼかし
- 半透明
- 細い白枠
- 色のにじみ
向いている用途
- 階層のある情報を軽やかに見せる
- OS的な洗練と奥行きを出す
このスタイルを使う
短い指針を制作へ持ち込むか、構造化された仕様をAIへ渡せます。
詳しい作り方と出典制作ルール、実在作例、比較、研究、引用形式
辞書情報
- 文字
- ニュートラルなサンセリフ
- 構成
- カードを重ね、前後関係を明確に
- 素材
- 色のある背景＋半透明面＋微細な境界
- 注意
- 背景次第で可読性が壊れる。本文面には十分な不透明度を持たせる。
- 関連研究
- macOS Big Sur / Windows 11
関連項目
- 脱構築主義（Deconstructivism）共通する印象：未来。グラスモーフィズムと脱構築主義の違いを見る
- ミニマリズム（Minimalism）共通する印象：静けさ。グラスモーフィズムとミニマリズムの違いを見る
取り違えられやすい
UI表現をさらに見る
同じ「UI表現」から、共通する印象が多い順に次の項目を選んだ。
- ダークモード（Dark Mode）共通する印象：静けさ / 高級。
- グリッチ（Glitch）共通する印象：未来。
- クレイモーフィズム（Claymorphism）共通する印象：未来。
この項目を引用する
辞典はリンクされるためにある。書いている場所に合う形をそのまま持っていってよい。
- Link
- https://indexstyle.org/ja/styles/glassmorphism
- Markdown
- [グラスモーフィズム（Glassmorphism） — デザインスタイル辞典](https://indexstyle.org/ja/styles/glassmorphism)
- HTML
- <a href="https://indexstyle.org/ja/styles/glassmorphism">グラスモーフィズム（Glassmorphism） — デザインスタイル辞典</a>