SNS/카드뉴스

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

유튜브 라이브 방송 화면 mockup. 본인 캠 + 라이브 라벨·동시 시청자·구독·좋아요·슈퍼챗·실시간 채팅. 16:9.

SNS/카드뉴스 유튜브/썸네일 프로필/아바타 유튜브 라이브 방송 화면 목업 (구독자·좋아요·실시간 채팅) AI 프롬프트 이미지 프롬프트 유튜브 라이브 방송 화면 목업 썸네일

참고 이미지 본인 또는 모델 사진

원본 보존 본인 또는 모델 사진

채널명·구독자 혜민 Hyemin - 구독자 124K

채널 핸들 @hyemin_daily

방송 제목 라이브 — 같이 카페 가요 ☕ Q&A

동시 시청자 동시 시청 8.2K · 좋아요 3.4K

구독 버튼 구독

멤버십 버튼 가입

슈퍼챗 민지 ₩5,000 — 언니 사랑해요!

고정 댓글 📌 혜민: 질문은 채팅에 남겨주세요!

실시간 채팅 안녕하세요 / 오늘 의상 너무 예뻐요 / 질문 있어요!

추가 채팅 카페 어디예요? / 하트 눌렀어요 💕 / 다음 콘텐츠 스포해주세요

상단 네비게이션 YouTube 검색창 · 알림 아이콘 · 프로필 아이콘 · 만들기 버튼

재생 컨트롤 LIVE 진행선 · 볼륨 · 자막 · 설정 · 전체화면 아이콘

채팅 입력 안내 무엇이든 물어보세요.

후원 티커 오늘의 후원 23건 · 멤버십 신규 18명

화면 톤 실제 유튜브 라이브 UI — 빨간 LIVE 배지 + 흰 배경 우측 채팅 + 좌측 영상

비율 1536x1024 가로

프롬프트

[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

ChatGPT 실행

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

비슷한 템플릿