유튜브 라이브 방송 화면 목업 (구독자·좋아요·실시간 채팅)

提示詞原文

[Input]
- reference_image: {참고 이미지}
- language: Korean
- output_size: {비율}

[Purpose]
한국 크리에이터를 위한 YouTube 라이브 방송 화면 목업. 구독자 수, 좋아요, 슈퍼챗, 고정 댓글, 재생 컨트롤, 빠르게 올라오는 실시간 채팅이 모두 보이는 현실적인 라이브 스트리밍 인터페이스로 구성한다.
전체 화면 톤은 {화면 톤}을 기준으로 하며, 좌측에는 영상 영역, 우측에는 라이브 채팅 패널, 상단에는 플랫폼 스타일의 헤더와 네비게이션이 보이는 가로형 UI 스크린샷 스타일로 제작한다.

[Composition]
- 좌측 영상 패널은 전체 프레임의 약 62%를 차지하며, {원본 보존}을 라이브 카메라 피드처럼 보여준다. 현실적인 웹캠 선명도, 약간의 스트림 압축감, 자연스러운 크리에이터 룸 또는 카페 라이브 분위기를 유지한다.
- 우측 사이드바는 전체 프레임의 약 38%를 차지하며, 흰색 채팅 배경, 쌓여 있는 채팅 행, 원형 사용자 아바타, 타임스탬프, 이모지 반응, 후원 강조 영역, 압축된 라이브 상태 요소를 포함한다.
- 상단 채널 헤더 바는 전체 폭을 가로지르며, {채널명·구독자}, {채널 핸들}, {방송 제목}이 실제 YouTube 라이브 페이지처럼 정렬되어야 한다.
- {비율} 구성을 정확히 사용하고, 플랫폼 같은 여백, 보이는 스크롤 바, 검색/프로필 마이크로 아이콘, 데스크톱 브라우저 화면 캡처 비율을 유지한다.
- 빨간 LIVE 표시 영역 근처에 {동시 시청자}를 배치하고, 채팅 스트림 상단에는 {슈퍼챗}을 노란색 하이라이트 슈퍼챗 배너로 배치한다.
- 채널 헤더 근처에 {구독 버튼}과 {멤버십 버튼}을 배치하고, 채팅 상단에는 {고정 댓글}을 고정 메시지 스트립처럼 표시한다.
- {실시간 채팅}과 {추가 채팅}은 우측 패널에서 세로로 스크롤되는 느낌으로 구성하며, 촘촘한 라이브 간격, 작은 아바타, 사용자명, 이모지, 짧은 한국어 답글을 포함한다.
- {상단 네비게이션}, {재생 컨트롤}, {채팅 입력 안내}, {후원 티커}가 모두 보이도록 하여 빈 템플릿이 아니라 실제 캡처된 라이브 방송 페이지처럼 읽히게 한다.

[3. CORE STRUCTURE]
1) Top header zone: 최상단에 {상단 네비게이션}을 배치하고 검색창, 계정 마이크로 아이콘을 포함한다. 그 아래 또는 좌측 상단에 {채널명·구독자}, 근처에 {채널 핸들}, 바로 아래에 굵은 라이브 제목 스타일의 {방송 제목}을 배치하며, 상태 영역에는 빨간 LIVE 배지를 넣는다.
2) Main video zone: 좌측 패널 안에 {원본 보존}을 실제 라이브 스트림 카메라 피드처럼 보여준다. 화면 가장자리의 미세한 선명도, 어두운 영역의 현실적인 비트레이트 아티팩트, 자연스러운 피부톤 보존을 유지한다.
3) Live stats overlay: 영상 패널 상단 또는 우측 상단 근처에 {동시 시청자}를 표시하고, 작은 흰색 UI 텍스트, 눈/좋아요 아이콘, 작은 빨간 라이브 상태 점을 함께 배치한다.
4) Creator action row: {구독 버튼}은 빨간 둥근 버튼으로, {멤버십 버튼}은 보조 필 버튼으로 채널 정보 옆에 렌더링하고, 근처에 작은 알림 벨/공유/클립 아이콘을 추가한다.
5) Superchat highlight: {슈퍼챗}은 채팅 스트림 위에 떠 있는 노란색 배너로 렌더링하며, 보낸 사람 아바타, 후원 금액, 메시지 라인이 전형적인 라이브 강조 스타일과 맞아야 한다.
6) Pinned and live chat panel: 우측 컬럼에 {고정 댓글}, {실시간 채팅}, {추가 채팅}을 순서대로 쌓고, 교차되는 짧은 메시지, 사용자명 컬러, 작은 타임스탬프, 하트 이모지, 보이는 채팅 스크롤 바를 포함한다.
7) Bottom playback layer: 영상 패널 아래에 {재생 컨트롤}을 넣고, 빨간 진행/LIVE 라인, 볼륨 아이콘, 설정 기어, 자막 아이콘, 극장/전체화면 아이콘, 작은 “LIVE” 타임라인 마커를 표시한다.
8) Interaction footer: 채팅 패널 하단에는 {채팅 입력 안내}를 메시지 입력창처럼 표시하고, 이모지 아이콘, 전송 아이콘, 모더레이션 마이크로텍스트를 함께 배치한다.
9) Donation ticker layer: 영상 하단 또는 채팅 패널 상단 주변에 {후원 티커}를 작은 상태 바처럼 배치하여 현재 라이브의 후원과 멤버십 활동이 계속 이어지는 느낌을 준다.
10) UI realism layer: 희미한 구분선, 타임스탬프형 마이크로텍스트, 알림 점, 영상 패널의 미묘한 압축감, 일관된 플랫폼 간격을 넣어 전체 레이아웃이 실제 YouTube 라이브 스크린샷처럼 보이게 한다.

[4. STYLE RULES]
- Typography: 한국어 UI 텍스트는 Pretendard 또는 Noto Sans KR 느낌의 중간/굵은 굵기를 사용한다. 헤더는 14–18px 상당, 채팅은 12–14px 상당, 마이크로 라벨은 10–11px 상당으로 구성한다.
- Color palette: YouTube-like red #FF0000 for LIVE accents and subscribe button, white #FFFFFF for main UI, soft gray #F1F3F4 for dividers, dark gray #1F1F1F for text, yellow #FFD54A for superchat highlight, pale blue #E8F0FE for pinned chat accent.
- UI treatment: 얇은 1px 구분선, 플로팅 오버레이 아래의 미묘한 6px 블러 그림자, 낮은 대비의 패널 경계, 네이티브한 둥근 버튼, 밀도 높은 채팅 행, 선명한 데스크톱 스크린샷 정렬을 유지한다.
- Text rendering: 모든 한국어 UI 문자열은 읽을 수 있어야 하며, 정확한 자간과 정렬을 갖춘 인터페이스 텍스트로 보여야 한다. 휘어진 간판이나 장식 글자처럼 보이면 안 된다.
- Platform-realistic elements: 원형 아바타, 적절한 경우 작은 인증 체크 느낌의 아이콘, 엄지 좋아요 아이콘, 벨 아이콘, 공유 화살표, 라이브 점 애니메이션 표시, 후원 컬러 블록을 사용한다.
- 전체 UI의 색감과 밀도는 {화면 톤}에 맞추어 실제 라이브 페이지의 흰 배경, 빨간 LIVE 배지, 좌측 영상/우측 채팅 구조가 즉시 인식되도록 한다.

[5. VISUAL STYLE]
- Camera / lens: 데스크톱 화면 캡처처럼 보이는 35mm-equivalent 디지털 UI 렌더를 에뮬레이션하며, 선명한 평면 시점과 과장되지 않은 깊이감을 유지한다.
- Lighting: 균일하게 밝은 UI와 자연스러운 모니터 광, 빨간 LIVE 배지와 후원 하이라이트에 아주 약한 소프트 블룸을 적용한다.
- Color grade: 깨끗한 화이트·레드 플랫폼 UI, 영상 패널의 자연스러운 피부톤, 약간 차갑고 중립적인 모니터 캐스트, 현실적인 라이브 스트림 대비, 빠르게 움직이는 채팅/영상 영역의 믿을 만한 압축감을 유지한다.
- Interface fidelity: {비율}의 현대적인 데스크톱 브라우저 캡처처럼 렌더링하며, 정확한 비례, 아이콘, 스크롤 표시, 읽을 수 있는 한국어 텍스트 레이어를 포함한다.

[6. MOOD]
실제 YouTube 라이브 스크린샷 같은 사실감. 현대적인 한국 뷰티 또는 라이프스타일 크리에이터의 라이브 Q&A 방송처럼 세련되고, 시청자 반응과 슈퍼챗 에너지, 활발한 커뮤니티 분위기가 느껴져야 한다. 전체 분위기는 {화면 톤}을 따른다.

[7. CRITICAL]
- Korean text accuracy: 화면에 렌더링되는 주요 한국어 UI 텍스트는 다음 입력값을 정확히 반영해야 한다: {채널명·구독자}, {채널 핸들}, {방송 제목}, {동시 시청자}, {구독 버튼}, {멤버십 버튼}, {슈퍼챗}, {고정 댓글}, {실시간 채팅}, {추가 채팅}, {채팅 입력 안내}, {후원 티커}.
- Keep the live layout structurally accurate: left video pane, right chat column, top navigation, red LIVE badge, visible subscriber count, handle, live stats, subscribe/join buttons, superchat banner, pinned message, playback controls, and scrolling chat.
- Preserve the provided person image faithfully in the video pane without distorting facial features or proportions, using {참고 이미지} as the reference and maintaining {원본 보존} as the live camera subject.
- Maintain {비율} landscape screenshot readability, with Korean UI text large enough to recognize and dense enough to feel like an active live broadcast.
- 전체 스크린샷의 톤, UI 밀도, 빨간 LIVE 배지와 흰 배경 우측 채팅 구성은 {화면 톤}에 맞게 유지한다.

[8. 🚫 PROHIBITED]
- Fake official seals / certifications
- Broken Korean characters
- Malformed or unreadable Korean UI text
- Unauthorized celebrity composites or face swaps