글래스모피즘 생성기

글래스모피즘 가이드

글래스모피즘은 젖빛 유리 효과를 활용한 UI 디자인 스타일입니다. 반투명 레이어, 배경 블러, 섬세한 테두리가 배경색을 은은하게 비춥니다. Apple과 Microsoft가 대중화했으며 이제는 현대 인터페이스 디자인의 표준 기법입니다.

블러 반경, 흰색 투명도, 테두리 두께, 모서리 반경을 조정해 나만의 유리 카드를 만드세요. 미리보기는 다채로운 배경 위에 사실적인 젖빛 패널을 보여주고, CSS 출력에는 Safari 호환을 위한 -webkit- 접두사가 자동으로 포함됩니다.

Pro Tips

• 유리 효과는 다채로운 배경이 있어야 보입니다. 평평한 흰색이나 검은색 배경에서는 글래스모피즘의 깊이가 사라집니다 — 항상 선명한 그라데이션과 함께 사용하세요.
• 투명도는 10%~30%로 유지하세요. 불투명도가 높아지면 유리가 단색 흰색 카드가 되어 효과가 사라집니다.
• 유리 패널은 사이드바, 내비게이션 바, 모달에 사용하세요. 긴 본문 단락에는 사용하지 마세요. 젖빛 표면은 짧은 라벨, 아이콘, 버튼을 담는 컨테이너로 가장 잘 어울립니다.