와이어프레임 / 35-화면설계 / wireframes /
화면-04-04 채팅룸 앨범
화면 04-04 · 채팅룸 앨범 (인라인 미디어 갤러리) — 와이어프레임
파이프라인 ③단계 · 구조 뼈대(SOT) · 클릭 가능(prototype)
출처: arwen_docs#413(기획 확정) · #431(디자인) · 허브 노트: 인라인-미디어-생성.md · 명세: 화면설계-04-04-앨범.md
범위: 인라인 미디어(#368) 생성물의 갤러리·열람·관리. 표시는 저해상 미리보기, 과금 포인트는 "크게보기(원본)".
▶ 흐름 모드: 요소를 눌러 화면 이동
▦ 전체 모드: 핫스팟 클릭 시 대상으로 스크롤
①②③ 요소 번호 = 아래 주석
요소·동작·이동·데이터·규칙·상태 유형 태그
0404_01 · 진입 · 앨범 목록
진입 2경로: ① 채팅 입력창 왼쪽 앨범 아이콘 ② 인라인 크게보기(화면-04-03 S4)의 앨범 이동 버튼. 목록은 이미지/영상 탭 + 등록순(최신 상단) 그리드.
A0 · 진입 (채팅 입력창 아이콘)
- 주석 · 진입
- 1요소채팅 입력창 왼쪽 앨범 아이콘(아이콘만, 텍스트 없음). 이동탭→앨범 메인(A1).
- ·이동두 번째 진입 경로 = 인라인 크게보기(
화면-04-03 S4)의 앨범 이동 버튼.
A1 · 앨범 메인 (탭·그리드)
- 주석 · 앨범 메인
- 1요소미디어 종류 탭: 전체 · 이미지 · 영상.
- 2규칙그리드 정렬=등록순, 최신 상단. 동작썸네일 탭→소유분은 크게보기(A3) 바로 / 미차감분은 차감 확인(A2).
- 3요소미차감 미리보기=저해상 + 크레딧 오버레이(◆N). 아직 원본 미열람 표시.
- 4요소영상 항목=재생 배지(▶). 규칙즐겨찾기 없음(베타 제외).
A1e · 빈 앨범
- 주석 · 빈 상태
- 1상태생성물이 하나도 없을 때. 대화에서 미디어를 받으면 채워진다.
0404_02 · 열람 · 과금
미차감 미리보기는 차감 확인 후 원본 열람. 소유분(무료 소비분·결제분)은 팝업 없이 바로. 크게보기에서만 다운로드 노출.
A2 · 미리보기 차감 확인
- 주석 · 차감 확인
- 1규칙미차감 미리보기(◆N) 탭 시 차감 확인 팝업. 확인 시 원본 조회(A3). 소유분은 팝업 없이 바로.
- 2요소차감 크레딧 + 보유 크레딧 표시. 데이터차감=PAY 연계([[크레딧]]). 단가=열린 항목.
A3 · 크게보기 (원본·다운로드)
- 주석 · 크게보기
- 1요소원본(고해상). 이미지=정지, 영상=재생 컨트롤. 인라인 크게보기(
화면-04-03 S4)와 동일 화면.
- 2요소하단 다운로드 — 개별 크게보기에서만 노출(목록 일괄 다운로드 없음). 이동‹ 뒤로→앨범 목록(A1).
5상태: A0 진입 · A1 앨범 메인 · A1e 빈 상태 · A2 차감 확인 · A3 크게보기. 인라인 생성 흐름은 화면-04-03-인라인미디어.html. 근거: #413 기획 확정 · 인라인-미디어-생성.md.