2025-06-18
애플의 새로운 디자인 언어, Liquid Glass(Glassmorphism으로 부터 진화)
🔍 Glassmorphism이란?
Glassmorphism은 반투명 유리(glass-like)의 시각적 효과를 중심으로 한 디자인 트렌드입니다. 이름 그대로, 유리판 위에 얇은 서리나 김이 낀 듯한 질감이 특징이며, 배경 흐림(blur), 투명도(opacity), 밝은 테두리(border), 미묘한 그림자(drop shadow) 등이 함께 어우러져 사용됩니다. 이 스타일은 보는 이로 하여금 요소가 부유하고 분리되어 있는 듯한 입체적이고 현대적인 느낌을 줍니다.
🕰️ 기원과 배경
Glassmorphism의 시작은 명확한 단일 기점이라기보다는 여러 디자인 트렌드의 발전 속에서 자연스럽게 진화해온 스타일입니다.
- 2007년: Apple의 iOS에서 도입된 skeuomorphism(스큐어모피즘)에서 점차 flat design으로 넘어가는 과정에서, blurred transparency가 일부 사용되기 시작.
- 2013년 이후: iOS 7에서 도입된 Frosted Glass UI는 본격적인 Glassmorphism의 기반이 되었습니다.
- 2020년대 초: Apple의 macOS Big Sur(2020), Windows 11(2021) 등 최신 운영체제 UI에서 Glassmorphism이 널리 사용되며 주류 트렌드로 자리잡았습니다.
📍 어디에서 사용되고 있을까?
Glassmorphism은 주로 다음과 같은 환경에서 활용됩니다:
- 운영체제 UI
- macOS, iOS, Windows 11 등에서 기본 UI 컴포넌트(알림창, 위젯, 메뉴 등)에 적용
- 웹사이트 및 앱 디자인
- 포트폴리오 사이트, 스타트업 웹사이트, SaaS 대시보드 등에서 카드형 UI나 모달 창에 자주 사용
🎨 디자인 특징과 느낌
Glassmorphism은 다음과 같은 시각적 요소를 통해 독특한 감성을 자아냅니다:
- 투명하고 흐릿한 배경: 배경 흐림 효과로 요소 뒤 배경이 보이되, 선명하지 않아 부드러운 경계를 만듭니다.
- 밝은 테두리와 그림자: 유리판 위의 반사광이나 그림자를 연상케 하며 입체감을 부여
- 부유하는 느낌: 배경과 분리되어 마치 떠 있는 듯한 인터페이스를 형성
- 미니멀함과 세련됨: 정보는 명확하게 전달되되, 전체적으로 부드럽고 고급스러운 느낌
Glassmorphism은 전체적으로 차분하고 고급스러운 분위기, 그리고 미래지향적인 UI 경험을 제공합니다. 그 자체로 기능적이면서도 감성적인 디자인 언어로 평가받고 있습니다.
🧪 주의할 점
- 과도한 사용 시 접근성(accessibility) 문제 발생 가능 (낮은 대비, 불명확한 텍스트 등)
- 성능 이슈: 특히 CSS blur나 backdrop-filter는 일부 브라우저에서 렌더링 비용이 큼
애플의 새로운 언어 Liquid Glass
📅 발표일 & 적용 OS
- 발표일: 2025년 6월 9일, WWDC 2025에서 공식 공개 dribbble.com+14en.wikipedia.org+14vox.com+14.
- 적용 OS: iOS 26, iPadOS 26, macOS Tahoe, watchOS 26, tvOS 26, visionOS 26 포함 전반적인 Apple 플랫폼에 적용 en.wikipedia.org+14en.wikipedia.org+14laptopmag.com+14.
🎨 디자인 개요 및 특징
1. 유리 같은 투명도 + 유동적 움직임
- 기존 Glassmorphism의 흐림과 투명 효과를 한층 더 진화시킨 ‘투명하면서 흐르는 유리’ 느낌.
- 실시간 렌더링으로 요소마다 빛의 반사·굴절, 움직임에 따라 물처럼 유연하게 반응 ru.wikipedia.org+7macworld.com+7medium.com+7.
- Vision Pro의 visionOS에서 영감을 받았으며, 버튼·툴바·슬라이더 등 UI 구성 요소 모두에 적용 reddit.com+4theverge.com+4reddit.com+4.
2. 디자인 시스템의 통일성
- iOS, iPadOS, macOS, watchOS, tvOS 전반에서 일관된 시각 언어 제공 apple.com+1es.wikipedia.org+1.
- macOS Tahoe에서는 메뉴바가 완전히 투명해지고, 폴더 아이콘에 애니메이션과 색상 변화 기능이 추가됨 en.wikipedia.org+2en.wikipedia.org+2ru.wikipedia.org+2.
3. 콘텐츠 중심의 UI 구성
- 버튼과 도구 모음이 인터페이스 상에서 ‘내용 위를 떠 있는’ 층(layer)처럼 독립적으로 존재하며, 컨텍스트와 조명을 반영해 모양이 유동적으로 변형 .
- 홈 화면, 잠금 화면, 알림 센터, 제어 센터 등 모든 시스템 요소에 걸쳐 적용 en.wikipedia.org+3apple.com+3theverge.com+3.
4. 둥근 모서리 & 리얼리스틱 질감 강화
- 기존의 각진 요소에서 벗어나 둥글고 부드러운 모서리로 변경, 물리적 유연성을 시각화 .
- 버튼과 아이콘에 유리광 효과(specular highlights)가 들어가 고급스럽고 미래지향적인 느낌을 제공 .
🆚 Glassmorphism과의 차이점
| 특징 | Glassmorphism (기존) | Liquid Glass (새로운) |
|---|---|---|
| 투명도 | 배경 흐림 + 흐릿한 반투명도 | 내용에 따라 색과 조명을 반영하는 실시간 렌더링 투명도 |
| 움직임 | 정적인 블러 필터 | 터치·동작에 따라 물처럼 흐르거나 유연하게 변형 |
| 적용 범위 | 부분 UI 요소 (모달, 카드 등) | 시스템 전체 + OS 전반에 걸쳐 통일된 디자인 언어 |
| 인터랙션 효과 | 없음 또는 최소 애니메이션 | 실시간 반응 및 깊이감, 레이어 간 상호작용 강화 |
👍 기대 효과 & 👎 우려되는 점
✅ 긍정적 반응
- 세련되고 미래지향적인 시각·인터랙션 제공 .
- Vision Pro 등 공간 컴퓨팅 디자인의 연장선상에서 자연스럽게 진화 theverge.com+3techcrunch.com+3medium.com+3.
⚠️ 비판 및 우려
- 가독성 문제: 지나치게 투명한 배경으로 텍스트 대비가 낮아 사용자 접근성 저하 우려 .
- 레트로 논란: Windows Vista Aero와 유사하다는 지적, 일부에서는 촌스럽다고 평가 reddit.com+1reddit.com+1.
- 실용성 문제: 화려하지만, 실제 쓰임새보다 ‘비주얼 쇼’에 치중했다는 의견도 존재 .
🔚 요약
- Glassmorphism의 연장선에서, Apple은 Liquid Glass라는 이름 아래 전면적인 디자인 혁신을 이루었습니다.
- 단순히 시각적 효과를 넘어 실시간으로 반응하는 물리적 느낌의 UI를 구현했으며, 플랫폼 전반의 디자인 언어 통합도 이뤘습니다.
- 하지만 가독성과 실용성에 대한 논란도 커지고 있어, 정식 론칭 전까지 이 부분에 대한 보완이 관건이 될 것으로 보입니다.