# Low Poly — 디자인 스타일 가이드
## 기본 정보
- **ID**: low-poly
- **카테고리**: visual-style
- **연도**: 2013
## 설명
저폴리곤 3D 모델링 스타일로, 기하학적 면과 각진 형태가 특징인 현대적 비주얼입니다.
## 역사·배경
3D 렌더링 소프트웨어의 대중화와 함께 2012~2014년 폭발적으로 유행. Blender·Cinema 4D 활용 증가.
## 핵심 원칙
- 단순화된 복잡성
- 기하학적 미학
- 효율적 렌더링
## 주요 특징
- 기하학적 삼각형 면
- 각진 형태
- 그라데이션 면 처리
- 3D 깊이감
- 미니멀하면서도 복잡한 구조
## 컬러 시스템 가이드
삼각형 면별 단색 채우기. 면의 색상이 빛과 각도를 표현하는 3D 근사 시스템
### 색상 역할
- highlight-face: 가장 밝은 면 — 광원 방향
- mid-face: 중간 밝기 면
- shadow-face: 가장 어두운 면
- background: 폴리곤 장면 뒤 배경
### 색상 제약 조건
- 각 삼각형 면은 단색만 — 그라데이션 면 금지
- 인접 면 간 명도 차이 유지 — 같은 색이면 구분 불가
- 색상 팔레트는 제한적으로 — 너무 많은 색은 산만해짐
### 다크모드 전략
배경 어둡게, 면 색상 명도 전반 낮추기
### 대비 요구사항
폴리곤 위 텍스트는 단색 영역 위에만 배치
## 타이포그래피 가이드
- **폰트 성격**: 기하학적 산세리프 — 폴리곤의 기하학적 느낌과 어울림
- **권장 폰트 수**: 최대 1개
- **타입 스케일**: 1.25 (Major Third)
### 타이포그래피 제약
- 텍스트는 폴리곤 위에 직접 놓지 않음 — 별도 단색 영역에
## 하면 안 되는 것 (안티패턴)
- 사진·사실적 이미지 사용 금지 — 폴리곤 일러스트만
- 그라데이션 면 금지
## 반드시 포함해야 하는 것
- 삼각형 기반 폴리곤 메시
- 면별 명도 차이로 3D 표현
## 모션 가이드
폴리곤 면 색상 변화 또는 메시 변형 애니메이션 가능. 부드러운 morph.
## 사용 사례
- 게임 배경·에셋
- 배경 일러스트
- 앱 아이콘
- 브랜드 시각 자료
## 추천 프로젝트 유형
- 게임 배경·에셋
- 배경 일러스트
- 앱 아이콘
- 브랜드 비주얼
## 장점
- 독특하고 현대적인 시각 스타일
- 가벼운 3D 느낌 표현 가능
- SVG로 구현 시 확장성 무한
## 단점·한계
- 제작이 복잡하고 시간이 많이 걸림
- 트렌드 의존적
- 세밀한 표현 불가
## 실제 사용 제품·서비스
- 초기 iOS 9 배경화면
- 많은 인디 게임 비주얼
## 관련 스타일
- [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)
## 참고 구현 예시 (디자인 토큰)
> 아래 토큰은 이 스타일의 참고 구현 예시입니다. 프로젝트의 브랜드 컬러·폰트에 맞게 조정하되, 위 컬러 시스템/타이포그래피 가이드의 제약 조건을 준수하세요.
### 색상
- primary: #3B82F6
- secondary: #8B5CF6
- accent: #06B6D4
- background: #F0F9FF
- surface: #FFFFFF
- text: #1E293B
- textSecondary: #64748B
- border: #CBD5E1
### 헤더
- background: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 50%, #06B6D4 100%)
- textColor: #FFFFFF
- accentColor: #06B6D4
### 타이포그래피
- fontFamily: Orbitron, 'Noto Sans KR', monospace
- headingWeight: 700
- bodyWeight: 400
- letterSpacing: 0.02em
### 스페이싱
- unit: 8px
- scale: 1
### 그림자 (Shadows)
- sm: 0 4px 6px rgba(59, 130, 246, 0.2)
- md: 0 8px 12px rgba(59, 130, 246, 0.3)
- lg: 0 12px 20px rgba(59, 130, 246, 0.4)
- xl: 0 20px 30px rgba(59, 130, 246, 0.5)
### Border Radius
- none: 0
- sm: 2px
- md: 4px
- lg: 6px
- full: 9999px
### 테두리 (Borders)
- width: 2px
- style: solid
- color: #CBD5E1
### 이펙트
- blur: 0px
- opacity: 1
- transition: all 0.3s ease
### 애니메이션
- duration: 300ms
- easing: ease
### 컴포넌트 토큰
- 버튼: shape=square / hoverEffect=glow / textTransform=uppercase
- 카드: style=outlined / hoverEffect=glow
- 인풋: style=outlined / focusEffect=glow
- 배지: shape=square / style=outlined
- 아이콘: package=phosphor / strokeWidth=2 / defaultSize=24
### 레이아웃
- containerStyle: boxed
- sectionSpacing: normal
### 특수 효과
- glassmorphism: false
- gradientText: true
- animatedBackground: true
- scanlines: false
- noise: false
## 자주 묻는 질문 (FAQ)
### Q: Low Poly이란 무엇인가요?
A: 저폴리곤 3D 모델링 스타일로, 기하학적 면과 각진 형태가 특징인 현대적 비주얼입니다. 3D 렌더링 소프트웨어의 대중화와 함께 2012~2014년 폭발적으로 유행. Blender·Cinema 4D 활용 증가.
### Q: Low Poly의 핵심 디자인 원칙은 무엇인가요?
A: Low Poly의 핵심 원칙은 단순화된 복잡성, 기하학적 미학, 효율적 렌더링입니다.
### Q: Low Poly은 어떤 프로젝트에 적합한가요?
A: Low Poly은 게임 배경·에셋, 배경 일러스트, 앱 아이콘, 브랜드 시각 자료, 게임 배경·에셋, 배경 일러스트, 앱 아이콘, 브랜드 비주얼 등의 프로젝트에 적합합니다.
### Q: Low Poly의 장단점은 무엇인가요?
A: 장점으로는 독특하고 현대적인 시각 스타일, 가벼운 3D 느낌 표현 가능, SVG로 구현 시 확장성 무한이 있습니다. 단점으로는 제작이 복잡하고 시간이 많이 걸림, 트렌드 의존적, 세밀한 표현 불가이 있습니다.
### Q: Low Poly에서 색상은 어떻게 사용하나요?
A: 삼각형 면별 단색 채우기. 면의 색상이 빛과 각도를 표현하는 3D 근사 시스템 색상 역할은 highlight-face: 가장 밝은 면 — 광원 방향, mid-face: 중간 밝기 면, shadow-face: 가장 어두운 면입니다. 주의사항: 각 삼각형 면은 단색만 — 그라데이션 면 금지, 인접 면 간 명도 차이 유지 — 같은 색이면 구분 불가.
### Q: Low Poly에 어울리는 폰트 스타일은 무엇인가요?
A: Low Poly에는 기하학적 산세리프 — 폴리곤의 기하학적 느낌과 어울림 폰트가 적합합니다. 최대 1개 폰트 패밀리 사용을 권장합니다. 제약 사항: 텍스트는 폴리곤 위에 직접 놓지 않음 — 별도 단색 영역에.
### Q: Low Poly 디자인에서 하면 안 되는 것은 무엇인가요?
A: Low Poly에서 피해야 할 것: 사진·사실적 이미지 사용 금지 — 폴리곤 일러스트만, 그라데이션 면 금지.
### Q: Low Poly을 사용하는 실제 서비스나 제품은 무엇이 있나요?
A: Low Poly을 적용한 대표적인 제품·서비스로는 초기 iOS 9 배경화면, 많은 인디 게임 비주얼 등이 있습니다.
## API 엔드포인트
- 스타일 상세: https://ui.buildersgate.com/api/styles?id=low-poly
- 디자인 토큰: https://ui.buildersgate.com/api/themes?id=low-poly&merged=true
3D 렌더링 소프트웨어의 대중화와 함께 2012~2014년 폭발적으로 유행. Blender·Cinema 4D 활용 증가.
#3B82F6
핵심 원칙
1
단순화된 복잡성
2
기하학적 미학
3
효율적 렌더링
주요 특징
기하학적 삼각형 면
각진 형태
그라데이션 면 처리
3D 깊이감
미니멀하면서도 복잡한 구조
장단점
장점
+독특하고 현대적인 시각 스타일
+가벼운 3D 느낌 표현 가능
+SVG로 구현 시 확장성 무한
단점 / 한계
−제작이 복잡하고 시간이 많이 걸림
−트렌드 의존적
−세밀한 표현 불가
적합한 사용처
사용 사례
게임 배경·에셋
배경 일러스트
앱 아이콘
브랜드 시각 자료
이런 프로젝트에 추천
게임 배경·에셋배경 일러스트앱 아이콘브랜드 비주얼
실제 사용 예시
초기 iOS 9 배경화면많은 인디 게임 비주얼
UI 컴포넌트 예제
이 디자인 스타일의 특징을 반영한 실제 UI 컴포넌트들입니다.
Geometric Polygon Pattern
삼각형 면으로 구성된 저폴리곤 배경
Low Poly
Geometric Beauty
Low Poly Objects
저폴리곤 스타일의 3D 오브젝트
Angular Shape Cards
각진 형태의 카드 디자인
Feature One
Low poly style with angular shapes and geometric precision
Feature Two
Faceted surfaces create depth and visual interest
Gradient Facets
그라데이션이 적용된 폴리곤 면
Angular Buttons
각진 형태의 버튼
Low Poly Icons
폴리곤 스타일 아이콘
자주 묻는 질문
Low Poly이란 무엇인가요?
저폴리곤 3D 모델링 스타일로, 기하학적 면과 각진 형태가 특징인 현대적 비주얼입니다. 3D 렌더링 소프트웨어의 대중화와 함께 2012~2014년 폭발적으로 유행. Blender·Cinema 4D 활용 증가.
Low Poly의 핵심 디자인 원칙은 무엇인가요?
Low Poly의 핵심 원칙은 단순화된 복잡성, 기하학적 미학, 효율적 렌더링입니다.
Low Poly은 어떤 프로젝트에 적합한가요?
Low Poly은 게임 배경·에셋, 배경 일러스트, 앱 아이콘, 브랜드 시각 자료, 게임 배경·에셋, 배경 일러스트, 앱 아이콘, 브랜드 비주얼 등의 프로젝트에 적합합니다.
Low Poly의 장단점은 무엇인가요?
장점으로는 독특하고 현대적인 시각 스타일, 가벼운 3D 느낌 표현 가능, SVG로 구현 시 확장성 무한이 있습니다. 단점으로는 제작이 복잡하고 시간이 많이 걸림, 트렌드 의존적, 세밀한 표현 불가이 있습니다.
Low Poly에서 색상은 어떻게 사용하나요?
삼각형 면별 단색 채우기. 면의 색상이 빛과 각도를 표현하는 3D 근사 시스템 색상 역할은 highlight-face: 가장 밝은 면 — 광원 방향, mid-face: 중간 밝기 면, shadow-face: 가장 어두운 면입니다. 주의사항: 각 삼각형 면은 단색만 — 그라데이션 면 금지, 인접 면 간 명도 차이 유지 — 같은 색이면 구분 불가.
Low Poly에 어울리는 폰트 스타일은 무엇인가요?
Low Poly에는 기하학적 산세리프 — 폴리곤의 기하학적 느낌과 어울림 폰트가 적합합니다. 최대 1개 폰트 패밀리 사용을 권장합니다. 제약 사항: 텍스트는 폴리곤 위에 직접 놓지 않음 — 별도 단색 영역에.
Low Poly 디자인에서 하면 안 되는 것은 무엇인가요?
Low Poly에서 피해야 할 것: 사진·사실적 이미지 사용 금지 — 폴리곤 일러스트만, 그라데이션 면 금지.
Low Poly을 사용하는 실제 서비스나 제품은 무엇이 있나요?
Low Poly을 적용한 대표적인 제품·서비스로는 초기 iOS 9 배경화면, 많은 인디 게임 비주얼 등이 있습니다.