リキッドガラス
Liquid Glass / 2025– / スタイル / Apple UI
内容の上に浮かぶ操作・ナビゲーション層を、背景色を受けて光学的に変化する流動的なガラス素材として統一する。
ひと目で判断
見た目の特徴
- 動的な屈折
- 同心形の角丸
- 浮遊する操作層
- 背景色の反映
向いている用途
- Appleのプラットフォームで、内容を全面に見せ操作だけを上へ浮かせるとき
- ライト、ダーク、壁紙が変わっても操作の位置を保ちたい画面
このスタイルを使う
短い指針を制作へ持ち込むか、構造化された仕様をAIへ渡せます。
詳しい作り方と出典制作ルール、実在作例、比較、研究、引用形式
辞書情報
- 文字
- 文字を素材の上に直接置かず、実測した対比から最小サイズを決める
- 構成
- 操作を画面の端へ寄せ、外形と内側の角丸を同心にそろえる
- 素材
- 屈折する層は一段だけ重ね、背景の色をそのまま拾わせる
- 注意
- 操作層に留め、内容を半透明カードで飾らない。層を重ねるほど背景が透けて文字が読めなくなるので、実機で可読性を確かめ、透明度低減設定を守る。
- 関連研究
- Apple Human Interface Guidelines / regular and clear variants / content and functional layers
関連項目
- グラスモーフィズム（Glassmorphism）共通する印象：未来 / 高級。リキッドガラスとグラスモーフィズムの違いを見る
- スキューモーフィズム（Skeuomorphism）対比する意味がある項目として編集上つながっている。リキッドガラスとスキューモーフィズムの違いを見る
取り違えられやすい
Apple UIをさらに見る
同じ「Apple UI」から、共通する印象が多い順に次の項目を選んだ。
- ブラシドメタル（Brushed Metal）共通する印象：技術 / 高級。
- visionOS 空間デザイン（visionOS Spatial Design）共通する印象：未来 / 技術。
- アクア（Aqua）共通する印象：未来。
この項目を引用する
辞典はリンクされるためにある。書いている場所に合う形をそのまま持っていってよい。
- Link
- https://indexstyle.org/ja/styles/liquid-glass
- Markdown
- [リキッドガラス（Liquid Glass） — デザインスタイル辞典](https://indexstyle.org/ja/styles/liquid-glass)
- HTML
- <a href="https://indexstyle.org/ja/styles/liquid-glass">リキッドガラス（Liquid Glass） — デザインスタイル辞典</a>