# Liquid Glass (リキッドガラス)

> Unifies the floating control and navigation layer as a fluid glass material that refracts and adapts to the content beneath.

> JA: 内容の上に浮かぶ操作・ナビゲーション層を、背景色を受けて光学的に変化する流動的なガラス素材として統一する。

- 分類: Apple UI / 種類: スタイル / 時代: 2025–
- 辞典: https://indexstyle.org/styles/liquid-glass（IndexStyle No.139）

## 視覚的特徴

- 動的な屈折
- 同心形の角丸
- 浮遊する操作層
- 背景色の反映

## 意図

未来 / 技術 / 高級

## 向いている用途

- Appleプラットフォーム上で内容と操作の階層を分ける
- メディアの上に一時的な操作を浮かせる

## レシピ

- 文字: 参照作品の文字・記号・スケールを観察する
- 構成: 視線と情報を支配する構造を一つ抽出する
- 素材: 時代・地域・制作工程に固有の素材と挙動を確認する
- 色の手がかり: #eaf3f5 / #87acbd / #233746

## 注意（表層模倣を避ける）

半透明カードの装飾へ還元しない。内容層には濫用せず、文字の可読性と透明度低減設定を守る。

## 関連

- Glassmorphism（グラスモーフィズム）: https://indexstyle.org/styles/glassmorphism
- Skeuomorphism（スキューモーフィズム）: https://indexstyle.org/styles/skeuomorphism
- 研究対象: Apple Human Interface Guidelines / regular and clear variants / content and functional layers

## 出典

- 情報源: Apple Human Interface Guidelines — Materials — https://developer.apple.com/design/human-interface-guidelines/materials
- Apple Newsroom（2025年6月）より引用 — https://www.apple.com/newsroom/2025/06/apple-introduces-a-delightful-and-elegant-new-software-design/
- Apple Human Interface Guidelines「Materials」より引用 — https://developer.apple.com/design/human-interface-guidelines/materials

JSON: https://indexstyle.org/api/styles/liquid-glass