Apple Liquid Glass

애플이 WWDC25에서 새로운 운영체제 디자인 ‘리퀴드 글래스(Liquid Glass)’를 발표했다.

 

https://www.apple.com/os/

OS - Top OS Features

https://youtube.com/shorts/9A9XYerlCyQ?si=goLibxm-eyNFxR0h

 

관련 동영상 : https://www.youtube.com/watch?v=jGztGfRujSE

 

Liquid Glass 디자인

 

• 글래스처럼 투명하고 반사 효과가 있는 시각적 요소를 통해, 버튼·슬라이더·탭 바·사이드바·툴바 등 UI 전반에 유리 느낌을 줍니다 .
• visionOS의 공간적 특성을 바탕으로 실시간 렌더링 및 빛·움직임에 반응하는 애니메이션이 통합됩니다 .
• macOS Tahoe 26에서는 메뉴 바가 완전 투명해지는 등, 전반적으로 시각공간 활용도가 높아집니다

[디자인 시스템]

https://developer.apple.com/design/human-interface-guidelines

Human Interface Guidelines | Apple Developer Documentation

 

 

 

https://youtu.be/IrGYUq1mklk?si=79rmuQ8urlDK905u

 

https://youtu.be/l-9tYm0U998?si=qB-XB5aR7FkLjKfB

 

https://youtu.be/uhMo6IEcR1w?si=5wIJEHuez-RxtfIt

 

기존 플랫 디자인에서 벗어서나서 입체감과 반응성을 강조한 디자인인거 같아요.

1. 시각적 질감 : 리처럼 투명하고 반사되는 시각 요소 사용 – 진짜 '액체 유리(glass)'처럼 보임
2. 반응형 조명 효과 : 빛, 각도, 상호작용에 따라 UI 요소들이 반응 (특히 visionOS에서 입체 공간에서 반사 표현) 
3. 동적 모션 : 메뉴/버튼/슬라이더가 마우스 hover, 클릭, 스크롤 등에 따라 실시간으로 움직이고 색상이 변화

 

UI 요소별 예시

• 버튼: 누를 때 표면이 살짝 움푹 들어가듯 애니메이션됨
• 툴바 / 메뉴바: 완전히 투명해지고 배경과 자연스럽게 어우러짐
• 사이드바 / 팝업: 주변 빛과 배경에 따라 자연스러운 반사광 표현
• iPadOS 멀티태스킹 UI: 창 간 경계가 액체처럼 흐름

 

개발자용 대응

• SwiftUI, UIKit, AppKit 모두 Liquid Glass 대응 API 제공 예정
• 시뮬레이터/디자인 시스템에 반사/투명 계층 시각화 도구 탑재

 

 

참고 : https://www.apple.com/newsroom/2025/06/apple-introduces-a-delightful-and-elegant-new-software-design/