UI 界面 / PROMPT
界面交互设计图
从公开案例收录的UI 界面提示词，适合参考其画面结构、风格控制和细节描述。
适用模型GPT Image 2
已实测灵感来源于 awesome-gpt-image-2 案例 104；当前提示词与效果图由 Fastgoing 使用 GPT Image 2 实测重新制作。
完整提示词COPY / USE
{
"type": "YouTube livestream UI",
"top_nav": {
"logo": "YouTube Premium",
"search": "{argument name=\"search query\" default=\"bilal fraiha\"}",
"icons": 3
},
"player": {
"subjects": [
"{argument name=\"female guest\" default=\"Sydney Sweeney\"} in white cardigan",
"bearded man in beige jacket laughing"
],
"bg": "couch, 2 silver play buttons, ram logo 'SARDI'",
"overlays": {
"chat": {"pos": "left", "count": 15, "desc": "colored usernames, white text"},
"goal": {"pos": "top right", "text": "TONIGHT'S GOAL: 0 to 25"},
"banner": {"pos": "bottom center", "text": "K {argument name=\"streamer name\" default=\"MOREBILAL\"}"}
},
"controls": {"count": 10}
},
"details": {
"title": "{argument name=\"video title\" default=\"FULL STREAM | سيدني سويني مع بلال\"}",
"channel": "{argument name=\"channel name\" default=\"More Bilal No Filter\"}",
"buttons": 5
}
}复制后，可参考下方“建议替换”项目改成你的主题；带【方括号】的内容请优先替换。
PROVENANCE / 来源与验证
它从哪里来，是否完成实测？
灵感来源于 awesome-gpt-image-2 案例 104；当前提示词与效果图由 Fastgoing 使用 GPT Image 2 实测重新制作。
GPT Image 2 · 2026-08-19 实测HOW TO USE
不用学提示词工程，也能改成自己的。
建议替换
01【产品或平台】02【页面内容】03【界面风格】04【画面比例】使用小贴士
先只替换变量跑一次，观察最不符合预期的部分；第二轮只补充那一项约束，通常比一次塞进很多要求更稳定。