와이어프레임 · 저충실도 · 재사용 패턴 화면

후원자막

통합 후원 플랫폼(가칭) 기획서 §03 후원자막 기준. 채팅창·후원목표와 동일한 “테마 갤러리 → 상세 설정” 골격을 재사용합니다(탭 전환 없이 한 화면).
이 화면은 스튜디오 셸의 콘텐츠 영역입니다. 사이드바(21개 메뉴)·전역 헤더(모드 전환·🔴 LIVE 배지·🔔 알림)·저장 바는 스튜디오 셸 와이어프레임에서 정의하며 여기서는 그리지 않습니다. 설정값은 편집 시 미리보기에만 반영되고, 저장해야 송출에 반영됩니다(§00 저장 원칙).
재사용 화면. 패널 골격은 앞선 두 화면과 동일합니다. 이번엔 “테마” 다음에 “자막 종류 프리셋”(개수/MVP/랭킹/최근/후원이미지)이 이어지는 변형입니다.
변경(v6) — 탭 전환 UI 제거. 기존엔 패널 상단에 “테마 갤러리[1단]”/“고급 설정[2단]” 탭이 있었는데, 없애고 테마 갤러리 아래로 자막 종류·상세 설정이 그냥 이어서 보이는 한 화면으로 바꿨습니다(채팅창·후원목표와 동일한 변경, 사용자 피드백 반영).
테마 갤러리 UX 개선(신규). 테마가 11종 이상으로 계속 늘어날 수 있어 위치는 그대로 두되(좌측 설정 패널 1단, 채팅창·후원목표 등과 동일 골격 유지) 내부를 검색·필터·정렬 + 즐겨찾기 고정 그룹 + 내부 스크롤 그리드로 재구성했습니다. 설정 패널 폭도 380px→500px로 넓혀 3열을 유지시켰습니다 — 미리보기를 축소하거나 위/아래로 단을 바꾸는 대신, 클릭 즉시 미리보기가 갱신되는 나란히 보기 흐름을 지키면서 밀도만 높이는 쪽을 택했습니다. 자세한 근거는 아래 legend 참고.
변경(v8) — 설정 패널·미리보기 비율 역전, 스크롤→페이지네이션. 설정 패널을 고정폭(500px)에서 가변폭(1fr, 남은 공간 전부)으로 바꾸고 대신 미리보기를 고정 360px로 좁혔습니다 — 테마 갯수가 늘면서 설정 패널이 더 넓어야 한다는 판단(§03 후원목표에서 먼저 검증 후 채팅창·후원자막·룰렛·빙고판에 동일 적용). “전체 테마” 목록은 내부 스크롤 대신 5열×2줄 고정 + <›> 페이지네이션으로 전환(짧은 박스 안 스크롤바가 작아 조작하기 어렵다는 이슈 — Baymard/NN·g 등 UX 리서치 근거). 미리보기는 스크롤해도 화면에 고정되는 sticky로 변경.
위젯 URL
https://•••••••••••••••••••••••••••••••••
복사
열기
OBS 소스 미리보기
1닉네임A30,097개
2닉네임B25,601개
3닉네임C24,704개
1
테마 갤러리
🔍 테마 이름으로 검색
전체
미니멀
레트로
시즌
네온
인기순 ▾
★ 즐겨찾기
★
기본
★
겨울
전체 테마 · 인기순
1 / 2
‹
›
☆
레트로(핑)
☆
네온 사인
☆
미니멀 화이트
☆
할로윈
☆
골드 럭셔리
☆
크리스마스
☆
심플 그레이
☆
…외 4종
2
개수
MVP
랭킹
최근
후원이미지
3
상세 설정
순위 표시 등수/메달/이미지
후원 종류·최소개수 연동 플랫폼별 반복
텍스트·정렬 자막 텍스트, 세로정렬(위/아래)
집계 옵션 시작일·단위(금액/개수)·자동초기화 · 지금 초기화(L1)
필터링 사용자 필터링 + 익명 표시

주석 — 기획서 필드 대응표

#영역필드타입옵션 값 / 제약사항입력 예시
테마 갤러리 — 테마 탐색 UX(신규, 테마 수 증가 대응)
1테마 갤러리테마 검색 신규text테마 이름 부분일치, 입력 즉시 그리드 필터링"겨울" 입력 → "겨울" 테마만 표시
1테마 갤러리스타일 필터 신규chip 단일선택전체/미니멀/레트로/시즌/네온 등 — 운영자가 테마 등록 시 태그를 붙여 분류(카테고리 값은 운영 정책, 필요시 확장)"레트로" 선택
1테마 갤러리정렬 신규select인기순(기본, 사용 크리에이터 수 기준) / 최신순(등록일) / 이름순"인기순"
1테마 갤러리즐겨찾기 그룹 신규card group(조건부 노출) + ★ 토글즐겨찾기한 테마가 1개 이상일 때만 그리드 최상단에 별도 섹션으로 고정 노출 — 검색·필터와 무관하게 항상 최상단"기본", "겨울" 즐겨찾기됨
1테마 갤러리테마 카드 — 즐겨찾기 토글icon button(★/☆, 카드별)클릭 시 즉시 즐겨찾기 그룹에 추가/제거, 선택(적용)과는 별개 동작(이벤트 버블링 차단 필요)"☆" 클릭 → "★"
1테마 갤러리테마 그리드 파라메트릭(parametric)썸네일 그리드(11+종), 5열×2줄 고정 + 페이지네이션순위 항목 수가 가변이라 파라메트릭 구조(§00 “테마 공급 방식 분류” 참고). v8: 설정 패널 폭을 미리보기보다 넓게(1fr : 미리보기 360px 고정) 조정하고, “전체 테마” 목록은 내부 스크롤 대신 5열×2줄 고정 그리드 + 페이지네이션으로 전환(짧은 박스 안 스크롤바가 작아 조작하기 어렵다는 이슈) — 검색·필터·정렬 바는 상단 고정(sticky) 유지"기본" 선택
1테마 갤러리전체 테마 페이지네이션 v8 신규‹ › 버튼 + N/M 페이지 표시5열×2줄(10개) 고정 그리드로 한 페이지 구성, 내부 스크롤 대신 페이지 이동으로 탐색 — 짧은 고정높이 박스에서 스크롤바가 작고 조작하기 어렵다는 이슈로 스크롤→페이지네이션 전환(v8)"1 / 2"
2자막 종류 프리셋종류 선택chip select × 5(단일)개수 / MVP / 랭킹 / 최근 / 후원이미지"랭킹"
상세 설정 — 순위 표시
3순위 표시표시 방식radio등수(숫자) / 메달(이모지 🥇🥈🥉) / 이미지(업로드)"메달"
3순위 표시플랫폼별 구분checkboxON 시 순위 옆에 플랫폼 아이콘 병기OFF
상세 설정 — 후원 종류 · 최소개수
3후원 종류집계 대상 선택checkbox(연동 플랫폼별 반복)연결된 채널마다 집계에 포함할지 개별 선택SOOP ON, YouTube OFF
3후원 종류후원 최소 개수number정수, 1 이상, 기본 1 — 이 값 미만 후원은 랭킹 집계에서 제외1
상세 설정 — 텍스트 · 정렬
3텍스트·정렬자막 텍스트text + 기본텍스트 버튼최대 20자, 기본값 "후원 순위""이주의 후원왕"
3텍스트·정렬세로 정렬radio위 / 아래 — 화면 내 배치 기준"아래"
상세 설정 — 집계 옵션
3집계 옵션후원 시작일checkbox + date체크 시 집계 시작 날짜 지정, 미체크 시 전체 기간2026-08-01부터
3집계 옵션단위radio금액(기본) / 개수 — 랭킹 정렬 기준"금액"
3집계 옵션자동초기화checkbox기본 OFF — ON 시 매일/매주/매월 등 주기적으로 랭킹 리셋(주기는 별도 select로 확장 가능, 현재는 단일 옵션)OFF
상세 설정 — 필터링
3필터링사용자 필터링text(닉네임/아이디, 쉼표구분)지정한 사용자는 랭킹 집계·노출에서 제외"제외할닉네임1"
3필터링익명 표시checkbox후원자막 전용 옵션(다른 위젯엔 없음) — ON 시 닉네임 대신 "익명" 표기OFF
통합 후원 플랫폼(가칭) · 와이어프레임 v8 · 저충실도 · 기준 문서: 통합 플랫폼 기획서 §03 후원자막 · v2: 필드별 타입·옵션·제약·입력예시 상세 스펙 추가 · v3: 테마 갤러리에 검색·스타일필터·정렬·즐겨찾기 고정 그룹 추가(테마 수 증가 대응 UX) · v4: 설정 패널 폭 380px→500px 확장, 테마 그리드 2열→3열로 복원(미리보기 나란히 보기 유지하며 밀도 개선) · v5: 테마 공급 방식 분류 반영(supply_type=parametric) · v6: “테마 갤러리[1단]/고급 설정[2단]” 탭 제거, 탭 전환 없이 한 화면으로 변경(사용자 피드백) · v7(검증 반영): legend 그룹헤더 “고급 설정”→“상세 설정” 정정, 그룹헤더 번호 체계 통일(①만 붙어 있던 접두 제거) · v8: 설정 패널·미리보기 폭 비율 역전(500px 고정→1fr 가변, 미리보기 360px 고정), 전체 테마 목록 내부 스크롤→5열×2줄 페이지네이션 전환, 미리보기 sticky 고정(§03 후원목표에서 먼저 검증) · 2026-08-28