4.2 KiB
4.2 KiB
모바일과 스팀 환경을 모두 고려하여, 중앙 집중형 레이아웃을 기준으로 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. 연대기 시스템 (Chronicle Popup)
메인 화면 좌상단의 내러티브 태그 터치 시 노출.
- 타이틀: 국장의 연대기
- 본문: 획득한 [내러티브 태그]의 스토리가 시간순으로 나열된 텍스트 목록 (세상을 망치고 구한 히스토리).
3.2. 엔딩 결산 화면 (Ending Result Screen)
붕괴 조건 도달 시 출력되는 화면.
- 타이틀:
[수집한 엔딩 이름](예: 사임, 세계 멸망, 문명 붕괴, 정치적 탄핵 등). - 결과 텍스트: 해당 엔딩에 대한 상세 서사.
- 원인 요약: 현재 붕괴 게이지, 특정 자원 태그, 토큰 보유 상황 등 엔딩 발동 조건 표기.
- 액션:
[도감에 기록하기 & 다음 회차 시작]버튼.