Liquid Glass
리퀴드 글래스
리퀴드 글래스는 움직이는 투명한 재료 스타일입니다. 렌즈 같은 굴절, 하이라이트 및 결합되거나 구부러진 것처럼 보이는 형태를 사용합니다.
다른 예시
떠 있는 컨트롤 그룹이 열리면, 뒤에 있는 콘텐츠가 살짝 휘어져 보여요.
주요 부분
- 01Content surface
- 02Distinct visual treatment
- 03Action and readability check
사용할 때
동작, 대비, 속도를 신중하게 조정한 후에만 브랜드 악센트로 사용하세요.
다음 경우에는 사용하지 마세요
내용을 읽기 어렵게 만드는 왜곡으로 광학적 효과를 속이지 마세요. 밀집되고 중요한 작업에서는 피하세요.
코드에서 사용된 이름
shader / SVG filter / layered blur 출시하기 전에
Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience.
Outcome：Complete the task with 리퀴드 글래스 (Liquid Glass)。 User context：떠 있는 컨트롤 그룹이 열리면, 뒤에 있는 콘텐츠가 살짝 휘어져 보여요. Design concept to apply：리퀴드 글래스 (Liquid Glass)。 Why it fits：동작, 대비, 속도를 신중하게 조정한 후에만 브랜드 악센트로 사용하세요. Do not use it when：내용을 읽기 어렵게 만드는 왜곡으로 광학적 효과를 속이지 마세요. 밀집되고 중요한 작업에서는 피하세요. Design requirements: Set the content order, shared design values, and reusable components. Define how the layout changes by screen size and state. Keep useful design choices separate from decoration. Inclusion and resilience: Check contrast, zoom, languages, themes, and reduced motion when needed. Do not use color or effects as the only way to show meaning. Acceptance criteria: The design stays clear on phones and desktops, at zoom, in every theme, and in all supported languages. Interactive states stay clear and consistent. Evidence and limits (evidence boundary)：해당 출처에 대해 공식적인 것입니다. 다른 플랫폼이나 팀은 그 용어를 다른 방식으로 사용할 수 있습니다. Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.
이 요청을 확인하세요
Review how 리퀴드 글래스 (Liquid Glass) is used now. Definition: 리퀴드 글래스는 움직이는 투명한 재료 스타일입니다. 렌즈 같은 굴절, 하이라이트 및 결합되거나 구부러진 것처럼 보이는 형태를 사용합니다. Release checks: Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.