20 lines
2.5 KiB
Markdown
20 lines
2.5 KiB
Markdown
제공해 주신 기획서를 바탕으로, 게임 내 모든 UI/UX 요소들을 모듈화하여 정리한 **컴포넌트 인벤토리(Component Inventory)** 문서를 작성했습니다. 이 문서는 UI 디자이너와 프론트엔드/클라이언트 개발자가 디자인 시스템을 구축하고 재사용 가능한 위젯을 설계하는 데 기준이 됩니다.
|
|
|
|
# 🧩 컴포넌트 인벤토리 (Component Inventory)
|
|
|
|
## 1. 단순화된 지표 컴포넌트 (Simplified Indicators)
|
|
- **`Indicator_DotStep` (수정):** 기존의 두꺼운 게이지 바(Bar)를 대체하는 미니멀한 5칸짜리 점(Dot) 인디케이터. 공간을 적게 차지하며 1~5단계를 직관적으로 보여줍니다.
|
|
- **`Text_ResourceCounter` (수정):** 아이콘과 숫자가 한 덩어리로 묶인 심플한 텍스트 뱃지 (예: 💰 100). [예산], [인력], [정보] 토큰 및 자원 태그 표기용.
|
|
|
|
## 2. 인터랙티브 카드 컴포넌트 (Interactive Cards)
|
|
- **`Card_SwipeFull` (수정):** 화면의 70%를 차지하는 반응형 메인 카드. 복잡한 장식 없이 단색 배경, 큰 아이콘, 20pt 이상의 굵고 큰 텍스트로만 구성됩니다.
|
|
- **`Float_DecisionFeedback` (신규):** 스와이프를 할 때, 카드 상단 중앙의 빈 공간에 페이드인(Fade-in) 되는 결과 예측 위젯. 아이콘(증감) 형태로 노출되어 손가락에 가려지지 않게 설계됩니다.
|
|
|
|
## 3. 미니멀 인벤토리 컴포넌트 (Minimalist Inventory)
|
|
- **`Icon_Asset` (수정):** 무제한 인벤토리에 들어갈 자산 아이콘. 텍스트 설명 없이 직관적인 기호(픽토그램)만으로 디자인된 1:1 비율의 작은 정사각형 위젯입니다.
|
|
- **`VFX_SimpleChain` (수정):** 파이프라인 연쇄 효과 발동 시, `Icon_Asset` 사이를 빠르게 지나가는 얇은 발광 선(Line) 이펙트. 과도한 화면 가림을 방지합니다.
|
|
|
|
## 4. 의회 정치 추상화 컴포넌트 (Abstracted Politics)
|
|
- **`Grid_Council` (신규):** 13명의 임원을 화면 중앙에 4-4-5 배열 등 조밀하게 나열하기 위한 그리드 컨테이너입니다.
|
|
- **`Icon_CouncilMember` (수정):** 임원을 나타내는 심플한 원형 아이콘. 성향 태그나 지부장을 나타내는 고유 색상 및 투표 상태(`✅`, `❓`, `❌`)를 오버레이 배지로 포함합니다.
|
|
- **`Button_ActionFat` (신규):** 엄지손가락으로 터치하기 편하도록 가로폭을 100% 꽉 채운 굵고 큰 터치 버튼. 매수, 장부 조작, 내부 감사 액션에 사용됩니다. |