Neumorphism

ニューモーフィズム / late 2010s– / 양식 / UI 스타일

배경과 컨트롤을 하나의 재질로 만들고 부드러운 그림자만으로 요철을 보여 준다.

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

Neumorphism — Vectorium 『뉴모피즘 UI 요소 모음』 2020 — Wikimedia Commons / CC BY-SA 4.0 — Vectorium 『뉴모피즘 UI 요소 모음』 2020 — Wikimedia Commons / CC BY-SA 4.0 · CC BY-SA 4.0

Neumorphism — Joefou 『밝은 배경과 어두운 배경에 놓은 뉴모피즘 버튼』 2020 — Wikimedia Commons / CC BY-SA 4.0 — Joefou 『밝은 배경과 어두운 배경에 놓은 뉴모피즘 버튼』 2020 — Wikimedia Commons / CC BY-SA 4.0 · CC BY-SA 4.0

한눈에 판단

시각적 특징

같은 색의 면
양방향 그림자
둥근 부품
낮은 대비

적합한 용도

조작이 적은 콘셉트 화면
부드럽고 조용한 제품 인상

이 양식 사용하기

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

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

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

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

사전 항목

타이포그래피: 간결한 산세리프
구성: 넓은 여백, 적은 조작부
재료: 옅은 배경, 밝고 어두운 두 개의 그림자, 둥근 모서리
주의: 대비가 부족해지기 쉬우므로 중요한 조작과 상태는 색과 윤곽으로도 보여 준다.
더 읽을거리: Alexander Plyuto / Michał Malewicz

관련 항목

Flat Design / Vector Minimalism (フラットデザイン / ベクターミニマリズム)같은 계열: UI 스타일.Neumorphism와 Flat Design / Vector Minimalism 비교
Neubrutalism (ニューブルータリズム)같은 계열: UI 스타일.Neumorphism와 Neubrutalism 비교

자주 혼동되는 것

UI 스타일 더 보기

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

Glitch (グリッチ)공통 인상: Futurity.
Metalheart (メタルハート)공통 인상: Futurity.
Terminal UI (ターミナルUI)공통 인상: Calm.

UI 스타일 전체 보기

이 항목을 인용하기

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

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

색인의 원래 위치로