디자인 스타일
스큐어모피즘(Skeuomorphism)
스큐어모피즘(Skeuomorphism)은 버튼, 다이얼, 종이와 금속처럼 익숙한 현실 물체의 모양과 질감을 화면에 옮기는 디자인 방식입니다.
쉬운 설명
현실의 사물과 재질, 조작 방식을 디지털 인터페이스에 재현하는 스타일.
Visual sample
눈으로 보면 이렇습니다
금속 다이얼과 물리 버튼처럼 보이는 조작부로 만든 스큐어모피즘 샘플
- 현실적인 재질
- 물리적인 조작감
- 빛과 음영의 깊이
Skeuomorphic control panel, tactile metal dial, physical switches, realistic highlights and shadows, clear affordance Style variations
같은 스타일도 이렇게 달라집니다
재현하는 현실 사물이 무엇인지에 따라 금속 장비, 종이 문서, 장난감처럼 전혀 다른 결과가 나옵니다. 장식보다 조작 방식의 비유가 먼저입니다.스튜디오 하드웨어
금속 다이얼, 눈금과 물리 버튼을 재현해 오디오·영상 장비처럼 정밀한 조작감을 전달합니다.
Skeuomorphic studio hardware, brushed dark metal, tactile amber dial, engraved labels, realistic highlights 페이퍼·레더 UI
종이의 겹침, 가죽 표지와 인쇄 질감으로 기록·캘린더 경험을 친숙하게 표현합니다.
Paper and leather skeuomorphism, warm notebook surface, layered sheets, stitched details, readable printed typography 플레이풀 촉각 UI
고무와 플라스틱 같은 선명한 재질과 큰 물리 버튼으로 게임·어린이 제품의 재미를 높입니다.
Playful tactile skeuomorphism, molded plastic controls, chunky yellow button, soft studio lighting, clear labels Visual DNA
스타일을 만드는 구체적인 요소
단어 하나보다 아래 요소를 함께 지정해야 AI가 더 일관된 결과를 만듭니다.선과 테두리
1–2px · Material edge검은 외곽선보다 재질이 꺾이는 가장자리, 홈과 이음새를 빛의 차이로 표현합니다.
모서리
6–18px · Object based카드 규칙이 아니라 재현하는 사물의 형태를 따릅니다. 금속 패널은 작게, 고무 버튼은 크게 둥글립니다.
컬러 톤
Material palette금속 회색, 종이 베이지, 나무 갈색처럼 재질에서 가져온 색을 기본으로 하고 표시등에만 강한 색을 씁니다.
타이포그래피
Humanist / Condensed기계의 각인, 종이의 인쇄처럼 사물의 맥락에 맞는 글자 느낌을 선택하되 본문 가독성은 유지합니다.
아이콘
기능을 닮은 Filled휴지통, 카메라, 스위치처럼 현실 기능을 연상시키는 구체적인 형태가 잘 맞습니다.
그림자
Inset + Cast shadow안쪽 하이라이트와 바깥 그림자를 함께 사용해 돌출·눌림·재질의 두께를 구분합니다.
간격과 밀도
16–28px · Instrumental실제 조작 패널처럼 관련 컨트롤을 가까이 묶고 라벨과 눈금을 정렬해 기능 단위가 보이게 합니다.
모션
80–180ms · Mechanical버튼이 눌리고 다이얼이 회전하는 원인과 결과를 짧게 보여줍니다. 장식적인 부유 모션은 어울리지 않습니다.
Where it works
어떤 프로젝트에 잘 어울리나요?
스타일의 강도는 제품의 목적과 사용자가 읽어야 하는 정보량에 맞춰 조절해야 합니다.적극적으로 추천
믹서, 다이얼과 타임라인 컨트롤을 실제 장비의 경험과 연결해 조작 의미를 빠르게 전달합니다.
렌즈, 스위치와 상태등 같은 친숙한 형태가 장치 제어의 결과를 이해하는 데 도움을 줍니다.
눌리고 움직이는 촉각적 피드백이 탐색과 학습의 재미를 높일 수 있습니다.
강도를 조절해서 적용
종이 비유는 진입 장벽을 낮추지만 많은 장식이 검색과 편집 효율을 떨어뜨리지 않게 해야 합니다.
재질 표현이 수치와 상태의 빠른 판독을 방해할 수 있어 핵심 컨트롤에만 제한하는 편이 좋습니다.
복잡한 재질과 고정 비율의 조작부를 모든 화면 크기에 자연스럽게 확장하기 어렵습니다.
Compare
비슷한 스타일과 무엇이 다른가요?
스큐어모피즘은 현실 사물의 모습과 조작 비유로 기능을 설명하고, 플랫 디자인은 표면의 깊이를 걷어내 색·형태·타이포그래피로 기능을 직접 표시합니다.스큐어모피즘(Skeuomorphism)
- 현실 재질과 사물의 형태를 재현
- 빛·그림자로 눌림과 돌출 표현
- 익숙한 물리 조작을 디지털에 연결
Flat Design
- 평면 색과 단순한 기하 형태
- 깊이 표현을 최소화
- 레이블과 정보 위계로 기능을 설명
Prompt recipe
AI에게 요청할 때는 이렇게 조합하세요
Skeuomorphic control panel, tactile metal dial, physical switches, realistic highlights and shadows, clear affordance. Define the real-world object being referenced, use material-specific highlights, inset and cast shadows, labeled tactile controls, and immediate pressed feedback; avoid random leather or metal decoration, unreadable ornamental type, and controls that look physical but do not behave accordingly. Final check
완성 전에 확인하세요
- 01
재현하는 현실 사물과 그 사물을 선택한 이유가 분명한가?
- 02
돌출된 버튼과 눌린 영역의 빛·그림자 방향이 일관적인가?
- 03
장식적 재질이 기능과 텍스트를 가리지 않는가?
- 04
컨트롤의 생김새와 실제 클릭·드래그 동작이 일치하는가?
- 05
아이콘과 라벨이 재질 없이도 기능을 이해하게 돕는가?
- 06
모바일 터치 영역과 키보드 포커스가 물리적 표현 안에서도 명확한가?
Explore more
다른 스타일도 보러 가기
작은 미리보기로 분위기를 비교하고 다음 디자인 용어로 이어가세요.관계 지도
