Glassmorphism

グラスモーフィズム / 2020s / 양식 / UI 스타일

반투명한 레이어로 깊이와 위계를 드러내며 정보를 가볍게 띄운다.

Glassmorphism — AI가 생성한 해석 이미지 1 — AI가 생성한 해석 이미지입니다. 참고 작품이 아닙니다

Glassmorphism — Apple 『macOS Big Sur의 Spotlight』 — Wikimedia Commons / Public domain — Apple 『macOS Big Sur의 Spotlight』 — Wikimedia Commons / Public domain

Glassmorphism — GNOME プロジェクト《GNOME Shell 40 のアクティビティ画面》 — Wikimedia Commons / CC BY-SA 4.0 · © The GNOME Project, Fedora Project, Mozilla Project, Wikipedia contributors, tiheum — GNOME プロジェクト《GNOME Shell 40 のアクティビティ画面》 — Wikimedia Commons / CC BY-SA 4.0 · CC BY-SA 4.0 · © The GNOME Project, Fedora Project, Mozilla Project, Wikipedia contributors, tiheum

한눈에 판단

시각적 특징

배경 블러
반투명
가는 흰 테두리
번져 나오는 색

적합한 용도

층위가 있는 정보를 가볍게 보여 주기
운영체제 같은 세련됨과 깊이 내기

이 양식 사용하기

짧은 지침을 프로젝트에 적용하거나 구조화된 사양을 AI 도구에 넘길 수 있습니다.

design.md 이미지 프롬프트 JSON API MCP·기계 접근 겹치기

ChatGPT에서 열기 Claude에서 열기 Google AI에서 열기

자세한 제작법과 출처제작 규칙, 실제 사례, 비교, 연구, 인용 형식

사전 항목

타이포그래피: 중립적인 산세리프
구성: 카드를 겹쳐 앞뒤 관계를 분명하게
재료: 색이 있는 배경과 반투명 면, 아주 가는 경계
주의: 배경에 따라 가독성이 무너지므로 본문 면에는 충분한 불투명도를 준다.
더 읽을거리: macOS Big Sur / Windows 11

관련 항목

Deconstructivism (脱構築主義)공통 인상: Futurity.Glassmorphism와 Deconstructivism 비교
Minimalism (ミニマリズム)공통 인상: Calm.Glassmorphism와 Minimalism 비교

자주 혼동되는 것

UI 스타일 더 보기

UI 스타일에서 공통 인상이 많은 항목을 우선해 골랐습니다.

Dark Mode (ダークモード)공통 인상: Calm / Luxury.
Glitch (グリッチ)공통 인상: Futurity.
Claymorphism (クレイモーフィズム)공통 인상: Futurity.

UI 스타일 전체 보기

이 항목을 인용하기

사전은 링크되기 위해 있다. 글을 쓰는 자리에 맞는 형식을 그대로 가져가면 된다.

Link: https://indexstyle.org/ko/styles/glassmorphism
Markdown: [Glassmorphism — IndexStyle](https://indexstyle.org/ko/styles/glassmorphism)
HTML: <a href="https://indexstyle.org/ko/styles/glassmorphism">Glassmorphism — IndexStyle</a>

색인의 원래 위치로