AIGCLivestream Commerce UI MockupAIGC Prompt
UI & Interfaces
Livestream Commerce UI Mockup
来源: @iamaiistudio
分类与属性标签
PROMPT WORKSPACE
TXT
{
"type": "live stream UI mockup",
"subject": {
"description": "portrait of {argument name=\"host name\" default=\"Elon Musk\"}, smiling, dressed in a black t-shirt featuring a white technical schematic print",
"background": "left side displays a screen showing '{argument name=\"left background logo\" default=\"SPACEX\"}' text, right side shows a red '{argument name=\"right background logo\" default=\"Tesla T logo\"}' and a dark-colored car"
},
"ui_overlay": {
"top_header": {
"host_info": "avatar, host name '{argument name=\"host name\" default=\"Elon Musk\"}', subtext '556k likes this stream', red 'Follow' button",
"rank_badge": "gold coin icon labeled 'No.1 Site-wide'",
"viewer_stats": "3 top viewer avatars with counts '123k', '86k', '57k', total viewers '687k', 'X' close button",
"right_links": "'More streams >', 'Gift Hall 0/24' with blue 'Classic' tag"
},
"mid_left_gifts": {
"count": 2,
"items": [
"avatar 'TechFan', 'sent a Little Heart', heart icon x 1314",
"avatar 'SeaOfStars', 'sent a Rocket', rocket icon x 666"
]
},
"bottom_left_chat": {
"system_message": "level 37 badge 'CosmicWanderer joined the stream'",
"message_count": 7,
"messages": [
"LittleRocket: Musk! The future is bright! 🚀",
"future: When is Tesla Model 2 coming out?",
"StarryDreamer: Will SpaceX reach Mars this year?",
"AIExplorer: What's the latest on Neuralink?",
"HandsomeNetizen: Hello Boss Ma!",
"Mars: First time watching your stream, super excited!",
"User123: Talk about AI — will it replace humans?"
]
},
"bottom_right_product_card": {
"hot_tag": "orange 'Hot Sale x 1888'",
"image": "Tesla Cybertruck",
"title": "{argument name=\"product name\" default=\"Tesla Cybertruck Electric Pickup\"}",
"price": "{argument name=\"product price\" default=\"¥1,618,000\"}",
"button": "red 'Buy' button",
"floating_animation": "translucent hearts drifting up along the right edge"
},
"bottom_bar": {
"input_field": "'Say something...'",
"icons": ["smiley face", "three dots", "shopping cart", "gift box", "share"]
}
}
}💡 技巧提示
此提示词已在 Midjourney/SD 实际生成中得到验证。您可以直接复制上面的代码并在绘图工具中运行，也可以替换其中如人物、色彩、构图等关键词来实现定制效果。
