Ears바이브코딩 용어사전디자인 스타일
뉴모피즘 (Neumorphism)
뉴모피즘은 요소가 배경과 같은 색·재질이면서 밝은 그림자와 어두운 그림자 한 쌍으로 표면에서 부풀거나 눌린 것처럼 보이게 하는 디자인 스타일입니다.
최종 업데이트
New + Skeuomorphism(실물 모방 디자인)의 합성어로, 2020년 전후에 드리블에서 크게 유행했어요. 버튼이 배경에서 찰흙처럼 솟아오르거나 눌려 들어간 듯 보이는 게 특징입니다. 비결은 그림자 두 개 — 좌상단에서 빛이 온다고 가정하고, 우하단엔 어두운 그림자, 좌상단엔 밝은 그림자를 동시에 깝니다.
뉴모피즘 — 눌러보세요
버튼을 눌러 상태를 바꿔보세요
왜 유행했다 식었나요?
보기엔 아름답지만 실무 문제가 커요. 요소와 배경이 같은 색이라 대비가 원리적으로 낮고, 접근성(저시력 사용자)에 불리합니다. 활성/비활성 상태 구분도 그림자 방향뿐이라 애매하고요. 그래서 지금은 전면 스타일보다는 음악 플레이어, 스마트홈 컨트롤러처럼 실물 기기 느낌이 어울리는 좁은 표면에 포인트로 쓰입니다. 이 유행의 교훈 자체가 바이브코더에게 좋은 공부예요 — 예쁜 것과 쓰기 좋은 것은 다릅니다.
AI에게 시키기
음악 플레이어 컨트롤을 뉴모피즘 스타일로 만들어줘.
- 배경과 버튼이 같은 색 (연한 회색 단색 배경 전제)
- box-shadow 두 개: 우하단 어두운 그림자 + 좌상단 밝은 그림자
- 누르면 inset 그림자로 전환돼 눌린 느낌
- 아이콘은 대비 확보를 위해 진한 색으로혼동 주의
- 글래스모피즘: 유리 재질·투명함 — 뉴모피즘은 불투명한 같은 재질
- 스큐어모피즘: 가죽·금속 등 실물 질감을 그대로 그려 넣던 원조 스타일 (초기 iOS). 뉴모피즘은 그걸 단색으로 미니멀하게 계승한 것