Livestream UI Mockup with Host
Generates a realistic mobile livestream interface featuring a specific host, complete with chat overlays, viewer stats, and a prominent QR code call-to-action.
프롬프트
{
"type": "모바일 라이브 스트리밍 인터페이스 목업",
"scene": {
"subject": "짙은 녹색 스웨터를 입고 카메라를 정면으로 응시하며, 오른손을 앞으로 뻗어 초대하는 제스처를 취하고 있는 {argument name=\"main subject\" default=\"샘 올트먼\"}의 초상화.",
"background": "오피스 스튜디오 배경. 왼쪽에는 대형 'OpenAI' 벽면 로고가 있고, 오른쪽에는 나무 선반이 있으며 그 위에는 정확히 3개의 다크 와인 병과 2개의 작은 정사각형 명판이 놓여 있음. 명판 중 하나에는 'AGI', 다른 하나에는 'OpenAI'라고 적혀 있음."
},
"layout": {
"top_overlay": {
"status_bar": "시간 '20:34', 셀룰러 신호 막대, 와이파이 아이콘, 배터리 잔량 '774'",
"host_profile": "OpenAI 로고, 이름 'OpenAI', 부제목 '483k명이 이 세션을 좋아합니다', 빨간색 '팔로우' 버튼",
"viewer_stats": "정확히 3개의 사용자 아바타, 텍스트 '100k+', 'X' 닫기 아이콘",
"banners": [
"'OpenAI 공식 플래그십 스토어 랭킹 1위'라고 적힌 상단 랭킹 배너",
"'더 많은 라이브 스트리밍 보기 >'라고 적힌 링크",
"빨간색 패킷 타이머 아이콘 '00:12'",
"'520 선물 시즌 Douyin 몰 추천'이라고 적힌 선물 상자 아이콘"
]
},
"bottom_left_overlay": {
"pinned_host_message": {
"avatar": "호스트의 초상화",
"name": "샘 올트먼",
"badge": "라이브",
"message": "{argument name=\"host message\" default=\"안녕하세요, 샘 올트먼입니다. Kevin의 학당에 여러분을 초대합니다\"}"
},
"live_chat": {
"count": 5,
"messages": [
"레벨 32 배지, 사용자 'AI 초보자', 텍스트 '배우고 싶어서 왔어요!'",
"레벨 18 배지, 사용자 '샤오카이', 텍스트 '드디어 라이브 시작, 고고고!'",
"레벨 7 배지, 사용자 '워커 케빈', 텍스트 '1인 기업 정말 멋지네요!'",
"레벨 26 배지, 사용자 '스마트 퓨처', 텍스트 '팔로우 완료, 콘텐츠 기대됩니다!'",
"레벨 5 배지, 사용자 'AI 부업 가이드', 텍스트 '어떻게 참여하나요?'"
]
}
},
"bottom_right_overlay": {
"qr_code_card": {
"graphic": "중앙에 'KEVIN'이라는 파란색 로고가 있는 스캔 가능한 대형 QR 코드",
"primary_text": "{argument name=\"promo headline\" default=\"제로 베이스에서 시작하는 AI 1인 기업\"}",
"secondary_text": "{argument name=\"promo subheadline\" default=\"창업을 수익 창출 비즈니스로\"}",
"call_to_action_button": "{argument name=\"button text\" default=\"QR 코드를 스캔하여 참여하세요\"}라고 적힌 빨간색 버튼"
}
},
"bottom_navigation_bar": {
"input_field": "'메시지 입력...'이라고 적힌 텍스트 상자",
"icons_count": 5,
"icons": [
"웃는 얼굴 이모지 아이콘",
"쇼핑 카트 아이콘",
"하트 아이콘",
"선물 상자 아이콘",
"점 3개 메뉴 아이콘"
],
"system": "맨 아래 iOS 홈 인디케이터 라인"
}
}
}
기계 번역 — 실제 결과물을 만든 것은 원문 프롬프트입니다.
원문 프롬프트
{
"type": "mobile livestream UI mockup",
"subject": {
"person": "{argument name=\"host name\" default=\"Sam Altman\"}",
"action": "reaching right hand out towards the camera",
"clothing": "dark green sweater"
},
"background": {
"setting": "office",
"left_wall": "large OpenAI logo",
"right_shelf": "wooden shelf with 3 dark bottles and 2 small signs reading 'AGI' and 'OpenAI'"
},
"layout": {
"top_bar": {
"elements": ["time 20:34", "signal bars", "wifi icon", "battery 774"]
},
"header": {
"left_section": ["profile picture", "{argument name=\"account name\" default=\"OpenAI\"}", "48.3万本场点赞", "关注 button"],
"right_section": ["3 viewer avatars", "10万+", "X close button"],
"sub_tags": ["OpenAI官方旗舰店榜第1名", "更多直播"]
},
"floating_widgets": {
"left": "red envelope icon with 00:12",
"right": "pink gift box icon with 520好礼季 抖音商城推荐"
},
"bottom_left_chat": {
"host_announcement": ["avatar", "山姆奥特曼 Sam Altman 直播中", "{argument name=\"host message\" default=\"大家好，我是山姆奥特曼，邀你加入Kevin的学堂\"}"],
"viewer_comments_count": 5,
"viewer_comments_labels": [
"AI新手小白: 刚好想学，来了！",
"小凯: 终于开播了，冲冲冲！",
"打工人Kevin: 一人公司太香了！",
"智创未来: 已关注，期待干货！",
"AI副业指南: 怎么加入？"
]
},
"bottom_right_overlay": {
"qr_code": "large scannable QR code with blue KEVIN logo in center",
"text": "{argument name=\"qr code title\" default=\"零基础做AI一人公司 将创业变赚钱生意\"}",
"button": "{argument name=\"qr code button text\" default=\"扫码加入\"}"
},
"bottom_action_bar": {
"input_field": "说点什么...",
"icons_count": 5,
"icons_labels": ["smiley face", "shopping cart", "heart", "gift box", "three dots"]
}
}
}