디자인 스타일
리퀴드 글래스(Liquid Glass)
리퀴드 글래스(Liquid Glass)는 배경을 흐리게 보이는 데서 그치지 않고 아래 콘텐츠의 빛을 굴절하고 주변 색을 반사하며 조작에 반응해 형태와 두께가 변하는 디지털 재질 표현입니다.
쉬운 설명
빛을 굴절하고 주변 색에 적응하며 상호작용에 따라 유동적으로 변하는 동적 유리 재질 표현.
Visual sample
눈으로 보면 이렇습니다
주변 색을 반사하고 빛을 굴절하는 플로팅 컨트롤로 구성한 리퀴드 글래스 샘플
- 빛의 굴절과 반사
- 유동적인 형태 변화
- 콘텐츠에 적응하는 대비
Liquid Glass interface, floating translucent controls, responsive lensing, subtle light refraction, adaptive contrast, fluid morphing transitions Style variations
같은 스타일도 이렇게 달라집니다
투명도가 높은 clear 컨트롤, 주변 색을 은은하게 머금는 tinted 재질과 어두운 콘텐츠 위에서 대비가 적응하는 변형처럼 배경과 상호작용 맥락에 따라 달라집니다.클리어 글래스
풍부한 이미지 위에 높은 투명도와 선명한 렌즈 가장자리를 사용해 가볍게 떠 있는 조작층을 만듭니다.
Clear Liquid Glass controls over rich imagery, high translucency, responsive lens edge, adaptive readable labels 틴티드 글래스
브랜드 색을 머금은 반투명 재질과 부드러운 반사로 탐색 요소의 그룹을 분명히 합니다.
Tinted Liquid Glass, violet ambient color, floating pill controls, subtle refraction and specular highlights, restrained morphing 어댑티브 다크
어두운 콘텐츠에서 가장자리와 텍스트 대비가 자동으로 강해지는 깊은 유리 컨트롤을 사용합니다.
Adaptive dark Liquid Glass, deep translucent controls, cyan ambient reflection, dynamic contrast, legible white labels, soft lensing Visual DNA
스타일을 만드는 구체적인 요소
단어 하나보다 아래 요소를 함께 지정해야 AI가 더 일관된 결과를 만듭니다.선과 테두리
0.5–1px · Specular edge균일한 선보다 빛을 받는 방향에 따라 달라지는 얇은 하이라이트 가장자리를 사용합니다.
모서리
Concentric · Fluid기기와 부모 컨테이너의 곡률에 맞춰 동심형 라운드와 유동적인 캡슐을 만듭니다.
컬러 톤
Adaptive ambient tint고정 색보다 아래 콘텐츠와 주변 빛을 제한적으로 반영하는 틴트를 사용합니다.
타이포그래피
Neutral Sans · 500–700굴절 배경에서도 선명한 중립 산세리프와 적응형 명암을 유지합니다.
아이콘
Simple · Systematic단순하고 예측 가능한 아이콘을 사용해 재질 효과보다 기능이 먼저 보이게 합니다.
그림자
Ambient + Refraction떠 있는 깊이와 주변색 반사를 표현하는 넓고 낮은 그림자를 사용합니다.
간격과 밀도
Grouped controls관련 컨트롤을 하나의 유리 그룹에 모으고 콘텐츠 카드에는 반복하지 않습니다.
모션
180–420ms · Morphing메뉴 확장과 선택에서 형태가 연속적으로 합쳐지고 분리되는 전환을 사용합니다.
Where it works
어떤 프로젝트에 잘 어울리나요?
스타일의 강도는 제품의 목적과 사용자가 읽어야 하는 정보량에 맞춰 조절해야 합니다.적극적으로 추천
콘텐츠 위에 기능 레이어를 띄우면서도 맥락을 유지합니다.
풍부한 배경을 가리지 않고 주요 컨트롤을 분리합니다.
형태 변화로 조작의 시작과 결과를 자연스럽게 연결합니다.
강도를 조절해서 적용
핵심 CTA에 사용할 수 있지만 콘텐츠 카드 전체에 반복하면 계층이 흐려집니다.
배경 굴절과 투명도가 작은 글자와 행 구분을 방해할 수 있습니다.
Compare
비슷한 스타일과 무엇이 다른가요?
둘 다 유리를 표현하지만 리퀴드 글래스는 상호작용하는 기능 레이어와 실시간 적응이 중심이고, 글래스모피즘은 정적인 반투명 패널과 배경 블러가 중심입니다.리퀴드 글래스(Liquid Glass)
- 빛의 굴절·반사와 적응형 대비
- 조작에 반응하는 형태 변화
- 탐색과 컨트롤의 기능 레이어
Glassmorphism
- 반투명 패널과 배경 블러
- 대체로 고정된 카드 형태
- 콘텐츠 그룹의 시각적 표면
Prompt recipe
AI에게 요청할 때는 이렇게 조합하세요
Liquid Glass interface, floating translucent controls, responsive lensing, subtle light refraction, adaptive contrast, fluid morphing transitions. Use Liquid Glass only for navigation and important floating controls, with responsive lensing, adaptive contrast, concentric curves, and morphing that preserves spatial continuity; avoid glass on the content layer, multiple overlapping clear surfaces, low-contrast labels, and decorative blur without a functional hierarchy. Final check
완성 전에 확인하세요
- 01
유리 효과가 기능 레이어에만 사용됐는가?
- 02
모든 배경 위에서 글자 대비가 유지되는가?
- 03
곡률이 부모와 기기 형태에 맞는가?
- 04
형태 변화가 조작의 원인과 결과를 연결하는가?
- 05
투명도 감소 설정에서도 기능이 유지되는가?
- 06
유리 그룹이 서로 과도하게 겹치지 않는가?
Explore more
다른 스타일도 보러 가기
작은 미리보기로 분위기를 비교하고 다음 디자인 용어로 이어가세요.관계 지도
