# Low Poly

> 저폴리곤 3D 모델링 스타일로, 기하학적 면과 각진 형태가 특징인 현대적 비주얼입니다.

- 층: 스타일 (시각적 스타일)
- ID: low-poly
- 연도: 2013
- 무드 태그: 테크·미래적, 친근·발랄
- 출처: 빌더스게이트 디자인 피팅룸 — https://ui.buildersgate.com/styles/low-poly

## 정의

저폴리곤 3D 모델링 스타일로, 기하학적 면과 각진 형태가 특징인 현대적 비주얼입니다.

## 역사·배경

3D 렌더링 소프트웨어의 대중화와 함께 2012~2014년 폭발적으로 유행. Blender·Cinema 4D 활용 증가.

## 주요 특징

- 기하학적 삼각형 면
- 각진 형태
- 그라데이션 면 처리
- 3D 깊이감
- 미니멀하면서도 복잡한 구조

## 핵심 원칙

- 단순화된 복잡성
- 기하학적 미학
- 효율적 렌더링

## 컬러 시스템

삼각형 면별 단색 채우기. 면의 색상이 빛과 각도를 표현하는 3D 근사 시스템

### 색상 역할

- highlight-face: 가장 밝은 면 — 광원 방향
- mid-face: 중간 밝기 면
- shadow-face: 가장 어두운 면
- background: 폴리곤 장면 뒤 배경

### 색상 제약

- 각 삼각형 면은 단색만 — 그라데이션 면 금지
- 인접 면 간 명도 차이 유지 — 같은 색이면 구분 불가
- 색상 팔레트는 제한적으로 — 너무 많은 색은 산만해짐

### 다크모드 전략

배경 어둡게, 면 색상 명도 전반 낮추기

### 대비 요구사항

폴리곤 위 텍스트는 단색 영역 위에만 배치

## 타이포그래피

- 폰트 성격: 기하학적 산세리프 — 폴리곤의 기하학적 느낌과 어울림
- 권장 폰트 수: 최대 1개
- 타입 스케일: 1.25 (Major Third)

### 타이포그래피 제약

- 텍스트는 폴리곤 위에 직접 놓지 않음 — 별도 단색 영역에

## 설계 제약

### 하면 안 되는 것

- 사진·사실적 이미지 사용 금지 — 폴리곤 일러스트만
- 그라데이션 면 금지

### 반드시 포함할 것

- 삼각형 기반 폴리곤 메시
- 면별 명도 차이로 3D 표현

### 모션 가이드

폴리곤 면 색상 변화 또는 메시 변형 애니메이션 가능. 부드러운 morph.

## 무드 프로파일

4축 각각 −2 ~ +2 정수. 취향 테스트(/fit)와 비교 페이지가 같은 좌표를 쓴다.

- 밀도: 0 (여백 −2 ↔ +2 빽빽)
- 온도감: 0 (차가움 −2 ↔ +2 따뜻함)
- 시대감: +1 (레트로 −2 ↔ +2 미래적)
- 격식: 0 (자유분방 −2 ↔ +2 격식)

## 사용 사례

- 게임 배경·에셋
- 배경 일러스트
- 앱 아이콘
- 브랜드 시각 자료

## 추천 프로젝트 유형

- 게임 배경·에셋
- 배경 일러스트
- 앱 아이콘
- 브랜드 비주얼

## 장단점

### 장점

- 독특하고 현대적인 시각 스타일
- 가벼운 3D 느낌 표현 가능
- SVG로 구현 시 확장성 무한

### 단점·한계

- 제작이 복잡하고 시간이 많이 걸림
- 트렌드 의존적
- 세밀한 표현 불가

## 실제 사용 제품·서비스

- 초기 iOS 9 배경화면
- 많은 인디 게임 비주얼

## 자주 묻는 질문

### Q1. Low Poly이란 무엇인가요?

저폴리곤 3D 모델링 스타일로, 기하학적 면과 각진 형태가 특징인 현대적 비주얼입니다. 3D 렌더링 소프트웨어의 대중화와 함께 2012~2014년 폭발적으로 유행. Blender·Cinema 4D 활용 증가.

### Q2. Low Poly의 핵심 디자인 원칙은 무엇인가요?

Low Poly의 핵심 원칙은 단순화된 복잡성, 기하학적 미학, 효율적 렌더링입니다.

### Q3. Low Poly은 어떤 프로젝트에 적합한가요?

Low Poly은 게임 배경·에셋, 배경 일러스트, 앱 아이콘, 브랜드 시각 자료, 게임 배경·에셋, 배경 일러스트, 앱 아이콘, 브랜드 비주얼 등의 프로젝트에 적합합니다.

### Q4. Low Poly의 장단점은 무엇인가요?

장점으로는 독특하고 현대적인 시각 스타일, 가벼운 3D 느낌 표현 가능, SVG로 구현 시 확장성 무한이 있습니다. 단점으로는 제작이 복잡하고 시간이 많이 걸림, 트렌드 의존적, 세밀한 표현 불가이 있습니다.

### Q5. Low Poly에서 색상은 어떻게 사용하나요?

삼각형 면별 단색 채우기. 면의 색상이 빛과 각도를 표현하는 3D 근사 시스템 색상 역할은 highlight-face: 가장 밝은 면 — 광원 방향, mid-face: 중간 밝기 면, shadow-face: 가장 어두운 면입니다. 주의사항: 각 삼각형 면은 단색만 — 그라데이션 면 금지, 인접 면 간 명도 차이 유지 — 같은 색이면 구분 불가.

### Q6. Low Poly에 어울리는 폰트 스타일은 무엇인가요?

Low Poly에는 기하학적 산세리프 — 폴리곤의 기하학적 느낌과 어울림 폰트가 적합합니다. 최대 1개 폰트 패밀리 사용을 권장합니다. 제약 사항: 텍스트는 폴리곤 위에 직접 놓지 않음 — 별도 단색 영역에.

### Q7. Low Poly 디자인에서 하면 안 되는 것은 무엇인가요?

Low Poly에서 피해야 할 것: 사진·사실적 이미지 사용 금지 — 폴리곤 일러스트만, 그라데이션 면 금지.

### Q8. Low Poly을 사용하는 실제 서비스나 제품은 무엇이 있나요?

Low Poly을 적용한 대표적인 제품·서비스로는 초기 iOS 9 배경화면, 많은 인디 게임 비주얼 등이 있습니다.

## 참고 디자인 토큰

> 아래 토큰은 이 스타일의 참고 구현 예시다. 프로젝트의 브랜드 컬러·폰트에 맞게 조정하되, 위 컬러 시스템·타이포그래피·설계 제약은 지킨다.

### 색상

- primary: #3B82F6
- secondary: #8B5CF6
- accent: #06B6D4
- background: #F0F9FF
- surface: #FFFFFF
- text: #1E293B
- textSecondary: #64748B
- border: #CBD5E1

### 타이포그래피

- fontFamily: Orbitron, 'Noto Sans KR', monospace
- headingWeight: 700
- bodyWeight: 400
- letterSpacing: 0.02em

### 간격·반경·그림자·테두리

- spacing: unit 8px × scale 1
- borderRadius: sm 2px / md 4px / lg 6px / full 9999px
- shadow sm: 0 4px 6px rgba(59, 130, 246, 0.2)
- shadow md: 0 8px 12px rgba(59, 130, 246, 0.3)
- shadow lg: 0 12px 20px rgba(59, 130, 246, 0.4)
- border: 2px solid #CBD5E1

### 컴포넌트 형태

- button: square / hover glow / text uppercase
- card: outlined / hover glow
- input: outlined / focus glow
- badge: square / outlined
- icon: phosphor / stroke 2 / size 24px
- layout: boxed / section normal
- animation: 300ms ease
- specialEffects: gradientText, animatedBackground

## 관련 링크

### 관련 스타일

- [Isometric Design](https://ui.buildersgate.com/styles/isometric-design)
- [Abstract & Geometric](https://ui.buildersgate.com/styles/abstract-geometric)
- [Pixel Art](https://ui.buildersgate.com/styles/pixel-art)

### 데모 (같은 화면, 이 스타일로)

- [브랜드 랜딩 데모](https://ui.buildersgate.com/demo/brand/low-poly)
- [SaaS 대시보드 데모](https://ui.buildersgate.com/demo/saas/low-poly)
- [커머스 데모](https://ui.buildersgate.com/demo/commerce/low-poly)

### 비교

- [Low Poly vs Abstract & Geometric](https://ui.buildersgate.com/compare/abstract-geometric-vs-low-poly)
- [Low Poly vs Isometric Design](https://ui.buildersgate.com/compare/isometric-design-vs-low-poly)
- [Low Poly vs Pixel Art](https://ui.buildersgate.com/compare/low-poly-vs-pixel-art)

### 쓰임새별 추천

- [게임·엔터테인먼트](https://ui.buildersgate.com/for/game-entertainment)

---

HTML 버전: https://ui.buildersgate.com/styles/low-poly

이 문서는 https://ui.buildersgate.com/styles/low-poly.md 로 제공됩니다. 전체 목록은 https://ui.buildersgate.com/llms.txt 를 참고하세요.