{"id":"liquid-glass","no":139,"name":"Liquid Glass","ja":"リキッドガラス","era":"2025–","family":"Apple UI","kind":"スタイル","collection":"Dictionary expansion 07","addedAt":"2026-08-18","source":{"title":"Apple Human Interface Guidelines — Materials","url":"https://developer.apple.com/design/human-interface-guidelines/materials"},"reference":{"status":"verified","pageUrl":"https://developer.apple.com/design/human-interface-guidelines/materials","credit":"Apple Human Interface Guidelines — Materials","gallery":[{"imageUrl":"/quotes/liquid-glass.jpg","pageUrl":"https://www.apple.com/newsroom/2025/06/apple-introduces-a-delightful-and-elegant-new-software-design/","credit":"Apple Newsroom（2025年6月）より引用"},{"imageUrl":"/quotes/liquid-glass-2.jpg","pageUrl":"https://developer.apple.com/design/human-interface-guidelines/materials","credit":"Apple Human Interface Guidelines「Materials」より引用"}]},"essence":"内容の上に浮かぶ操作・ナビゲーション層を、背景色を受けて光学的に変化する流動的なガラス素材として統一する。","cues":["動的な屈折","同心形の角丸","浮遊する操作層","背景色の反映"],"intents":["未来","技術","高級"],"works":["Appleプラットフォーム上で内容と操作の階層を分ける","メディアの上に一時的な操作を浮かせる"],"recipe":{"type":"参照作品の文字・記号・スケールを観察する","layout":"視線と情報を支配する構造を一つ抽出する","material":"時代・地域・制作工程に固有の素材と挙動を確認する"},"avoid":"半透明カードの装飾へ還元しない。内容層には濫用せず、文字の可読性と透明度低減設定を守る。","colors":["#eaf3f5","#87acbd","#233746"],"motif":"ui","pair":["glassmorphism","skeuomorphism"],"study":["Apple Human Interface Guidelines","regular and clear variants","content and functional layers"],"en":{"essence":"Unifies the floating control and navigation layer as a fluid glass material that refracts and adapts to the content beneath.","cues":["Dynamic refraction","Concentric corner radii","Floating control layers","Reflected background color"],"works":["Separating content and control layers on Apple platforms","Floating transient controls above media"],"recipe":{"type":"Observe the letters, signs and scale of reference works","layout":"Extract the one structure that governs gaze and information","material":"Verify the materials and behaviors specific to era, region and process"},"avoid":"Not translucent-card decoration. Don't overuse it on content layers; honor legibility and reduced-transparency settings.","study":["Apple Human Interface Guidelines","regular and clear variants","content and functional layers"]}}