Files
ProjectSS/docs/ProjectSS 텍스트 와이어프레임.md

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)

붕괴 조건 도달 시 출력되는 화면.

  • 타이틀: [수집한 엔딩 이름] (예: 사임, 세계 멸망, 문명 붕괴, 정치적 탄핵 등).
  • 결과 텍스트: 해당 엔딩에 대한 상세 서사.
  • 원인 요약: 현재 붕괴 게이지, 특정 자원 태그, 토큰 보유 상황 등 엔딩 발동 조건 표기.
  • 액션: [도감에 기록하기 & 다음 회차 시작] 버튼.