사례 출처
@coder_left ↗ · 사례 #152
원본 사례 내용을 유지합니다. 생성 결과는 모델 버전, 참조 이미지 및 매개변수에 따라 달라질 수 있으며, 본 사이트에서 개별 검증을 진행하지 않아 동일한 결과의 재현을 보장하지 않습니다.
UI 및 인터페이스 / PROMPT #152
라이브 방송 UI 디자인 · #152
먼저 이미지를 확인한 뒤 원본 프롬프트를 복사하세요. 치환 문구가 있는 경우 아래에서 원하는 내용으로 변경할 수 있습니다.
01 / 나만의 버전 설정
02 / 전체 프롬프트 · 원문
{
"type": "e-commerce livestream screenshot mockup",
"scene": {
"subject": "{argument name=\"main subject\" default=\"Caucasian male resembling Sam Altman\"}",
"clothing": "dark green crewneck sweater",
"action": "holding a black product box in one hand and pointing at it with the other",
"setting": "dark studio with a microphone on the left, faint 'AI' text in the background",
"props": [
"black mug with white OpenAI logo",
"stack of 4 black product boxes on the right"
]
},
"product_design": {
"box_color": "black",
"logo": "orange asterisk or sunburst",
"text": "{argument name=\"product name\" default=\"Claude Opus 4.7\"}"
},
"ui_overlays": {
"top_left_product_info": {
"brand_tag": "Anthropic 官方旗舰店",
"title": "{argument name=\"product name\" default=\"Claude Opus 4.7\"}",
"subtitle": "{argument name=\"main headline\" default=\"更强推理·更高智能\"}",
"sub_subtitle": "最强大模型: Opus 4.7 重磅发布!",
"bullet_points_count": 3,
"bullet_points": ["超强推理能力", "代码能力巅峰", "复杂任务轻松搞定"]
},
"top_right_live_status": {
"viewer_info": "直播中 | 52.8万人观看",
"promo_banner": "直播专属福利 限时折扣·错过不再有",
"countdown": "倒计时 00:09:47"
},
"middle_right_price_card": {
"header": "{argument name=\"product name\" default=\"Claude Opus 4.7\"} 直播间专享价",
"price_currency": "¥",
"price_value": "{argument name=\"promotional price\" default=\"0.47\"}",
"price_unit": "/百万tokens起",
"original_price": "原价: ¥1.89",
"button": "立即抢购"
},
"bottom_left_chat": {
"message_count": 9,
"input_box_placeholder": "说点什么..."
},
"bottom_right_banner": {
"headline": "奥特曼首推!认准Claude Opus 4.7",
"subheadline": "更智能 · 更安全 · 更可靠",
"feature_tags_count": 4,
"feature_tags": ["强大推理", "代码神器", "安全可靠", "极速响应"]
},
"floating_elements": [
{
"type": "sticker",
"position": "middle right over product boxes",
"text": "{argument name=\"sticker text\" default=\"史上最强 AI模型!\"}"
}
]
}
}사용하시는 이미지 생성 도구에 붙여넣어 사용하세요. 본 사이트는 프롬프트 탐색 및 편집 기능만 제공하며 직접 이미지를 생성하지 않습니다.
03 / 생성 전 체크리스트
- 치환 문구를 구체적인 내용으로 바꾸고, 참조 이미지가 필요한지 확인하세요.
- 텍스트가 포함된 경우 원하는 문구를 명확히 지정하고, 생성 후 글자를 꼼꼼히 확인하세요.
- 효과를 쉽게 비교할 수 있도록 피사체, 조명, 구도 중 한 번에 하나씩만 수정하세요.
관련 영감 더 둘러보기
더 많은 UI 및 인터페이스 사례
