Liquid Glass
リキッドガラス / 2025– / 양식 / 애플 UI
떠 있는 컨트롤과 내비게이션 층을, 아래 콘텐츠를 굴절시키며 그에 적응하는 유동적인 유리 재질로 통합한다.
한눈에 판단
시각적 특징
- 동적 굴절
- 동심원적 모서리 반경
- 떠 있는 컨트롤 레이어
- 반사된 배경색
적합한 용도
- 애플 플랫폼에서 콘텐츠를 화면 가득 보여주고 조작 요소만 그 위에 띄우는 앱
- 라이트와 다크, 배경화면이 바뀌어도 조작 요소의 위치는 그대로 지켜야 하는 화면
이 양식 사용하기
짧은 지침을 프로젝트에 적용하거나 구조화된 사양을 AI 도구에 넘길 수 있습니다.
자세한 제작법과 출처제작 규칙, 실제 사례, 비교, 연구, 인용 형식
사전 항목
- 타이포그래피
- 글자를 소재 위에 직접 올리지 말고 실측한 대비를 근거로 최소 크기를 정한다
- 구성
- 조작 요소를 화면 가장자리로 붙이고 바깥 형태와 안쪽 모서리 곡률을 동심으로 맞춘다
- 재료
- 굴절하는 층은 한 겹만 겹치고 배경 색을 그대로 받아들이게 한다
- 주의
- 조작 층에만 쓰고 콘텐츠를 반투명 카드로 꾸미지 않는다. 층을 겹칠수록 배경이 비쳐 글자를 읽을 수 없게 되므로 실제 기기에서 가독성을 확인하고 투명도 줄이기 설정을 지킨다.
- 더 읽을거리
- Apple Human Interface Guidelines / regular and clear variants / content and functional layers
관련 항목
- Glassmorphism (グラスモーフィズム)공통 인상: Futurity / Luxury.Liquid Glass와 Glassmorphism 비교
- Skeuomorphism (スキューモーフィズム)의미 있는 대비를 위해 편집상 연결된 항목입니다.Liquid Glass와 Skeuomorphism 비교
자주 혼동되는 것
애플 UI 더 보기
애플 UI에서 공통 인상이 많은 항목을 우선해 골랐습니다.
- Brushed Metal (ブラシドメタル)공통 인상: Technique / Luxury.
- visionOS Spatial Design (visionOS 空間デザイン)공통 인상: Futurity / Technique.
- Aqua (アクア)공통 인상: Futurity.
이 항목을 인용하기
사전은 링크되기 위해 있다. 글을 쓰는 자리에 맞는 형식을 그대로 가져가면 된다.
- Link
- https://indexstyle.org/ko/styles/liquid-glass
- Markdown
- [Liquid Glass — IndexStyle](https://indexstyle.org/ko/styles/liquid-glass)
- HTML
- <a href="https://indexstyle.org/ko/styles/liquid-glass">Liquid Glass — IndexStyle</a>