모바일과 스팀 환경을 모두 고려하여, 중앙 집중형 레이아웃을 기준으로 UI 요소들의 배치를 정의했습니다. # 📱 텍스트 와이어프레임 (Text Wireframe) ## 1. 메인 결재 화면 (Main Gameplay Screen) 플레이어가 스와이프를 통해 딜레마를 해결하고 덱을 구축하는 핵심 플레이 화면입니다. ### [상단 고정 영역: 미니멀 상태창] - **좌상단 (내러티브):** `[📖 4/8]` (현재 획득한 내러티브 태그 숫자만 작게 표기. 터치 시 연대기 팝업).우측 여백에 다가오는 의회의 압박감을 시각화하는 `[제 X차 정례회의 상정까지: 잔여 00건]` 텍스트를 나란히 배치합니다. - **중앙~우상단 (핵심 붕괴 파라미터):** - 바(Bar) 형태를 버리고, 파라미터별 아이콘과 5개의 점(Dot)으로 1~5단계를 심플하게 표기합니다. - `[저항 ✊] ⚫⚫⚪⚪⚪` | `[엔트로피 🌀] ⚫⚫⚫⚫⚪` | `[대중공황 😱] ⚫⚫⚫⚪⚪` ### [중앙 영역: 풀스크린 딜레마 카드] - **화면 중앙 (`거대한 카드`):** - 화면 중앙을 꽉 채우는 둥근 모서리의 직사각형 카드. - 상단: 큼직한 [카드 카테고리 아이콘] (예: 일상, 위기, 작전 등). - 중앙: 시원하고 큰 폰트의 [딜레마 텍스트] (모바일 가독성 극대화). - **스와이프 프리뷰 (카드 드래그 시 나타나는 플로팅 텍스트):** - 카드를 좌/우/위로 밀면, 카드 상단 여백에 **결과 예측 아이콘**이 크게 떠오릅니다. - _(좌로 밀 때)_: `+💰예산`, `-✊저항` 등 심플한 아이콘 피드백 노출. ### [하단 영역: 자원 및 인벤토리] - **하단 1열 (유동성 토큰):** 단순한 아이콘과 숫자만 가로 정렬. - `[💰 120]` `[🩸 45]` `[👁️ 78]` - **하단 2열 (영구 자원 태그):** 작은 아이콘과 스택 숫자 표기. - `[🏢 3]` `[🛡️ 5]` `[👁️‍🗨️ 2]` - **최하단 (자산 슬롯):** 가로로 스크롤 되는 미니멀한 네모 슬롯(1줄). 파이프라인 연쇄 반응 발생 시 아이콘들이 반짝이며 선(Line)으로 연결되는 심플한 이펙트 연출. ## 2. 주간 의회 단계 화면 (Weekly Council Screen) 복잡한 원탁회의 이미지를 버리고, 13명의 임원을 모바일 화면에 맞는 단순한 그리드(Grid) 아이콘으로 추상화합니다. ### [상단 영역: 안건 정보] - **타이틀:** `[📜 이번 주 상정: 표적 규약 법안]` - **위험 수용 계수**: 바 형태로 0~100%를 심플하게 표기 합니다. - **경고문:** 위험 수용 계수 충족 시 화면 전체가 붉게 점멸하며 `[🚨 정치적 탄핵안 상정!]` 문구 노출. ### [중앙 영역: 13인 위원회 그리드] - 초상화 대신, 13개의 추상화된 미니멀 아이콘(동그라미 또는 체스말 형태)이 3줄로 배치됩니다 (상임 8명 + 지부장 5명). - 각 아이콘 내부 또는 우측 하단에 예상 표결 상태를 심플하게 뱃지로 표시: - `[✅ 찬성]` / `[❓ 미정]` / `[❌ 반대(탄핵)]` ### [하단 영역: 국장의 개입 액션 (3개의 큰 버튼)] 모바일에서 한 손가락으로 누르기 쉬운 3개의 꽉 찬 가로형 버튼. - `[💰 매수] (예산 소모 / 임원 매수)` - `[👁️ 장부 조작] (정보 소모 / 안건 이월)` - `[🩸 내부 감사] (인력 소모 / 기권 유도)` ## 3. 오버레이 및 팝업 (Overlays & Popups) ### 3.1. 세계의 상흔 팝업 (World's Scars Popup) 메인 화면 좌상단의 `[📖 4/8]` 카운터 터치 시 노출. - **타이틀**: 세계의 상흔 - **본문**: 획득한 [내러티브 태그]의 키워드와 스니펫이 시간순으로 나열된 텍스트 목록 (세상이 어떻게 망가졌는가). ### 3.2. 연대기 팝업 (Chronicle Popup, 신규) 메인 화면의 별도 로그 버튼 터치 시 노출. '세계의 상흔' 팝업과는 별개의 진입점·별개의 데이터. - **타이틀**: 국장의 연대기 - **본문**: 국장이 결재한 카드와 좌/우/위 선택 이력이 시간순으로 나열된 결정 장부. ``` [일상] 오염된 장부 승인 └ 좌(예산+): 유가족 위로금은 예비비 충당 ``` ### 3.3. 엔딩 결산 화면 (Ending Result Screen) 붕괴 조건 도달 시 출력되는 화면. - **타이틀**: `[수집한 엔딩 이름]` (예: 사임, 세계 멸망, 문명 붕괴, 정치적 탄핵 등). - **결과 텍스트**: 해당 엔딩에 대한 상세 서사. - **원인 요약**: 현재 붕괴 게이지, 특정 자원 태그, 토큰 보유 상황 등 엔딩 발동 조건 표기. - **이번 회차 연대기**: 회차 중 결재한 카드와 선택 이력을 요약한 '결정 요약' 블록. - **액션**: `[도감에 기록하기 & 다음 회차 시작]` 버튼.