可复用模板
提示词模板
创建一张用于[最终用途]的App UI 样机提示词，主体是[产品/人物/场景]，包含[构图]、[光线]、[材质]、[品牌线索]和[输出比例]。
使用场景
App UI 样机提示词
App UI 样机提示词页面，适合按实际图片任务快速改写并生成。
app ui promptui mockup promptdashboard prompt最后更新：2026-05-01
这个页面不是普通图片瀑布流，而是围绕「App UI 样机提示词」这个搜索意图整理的提示词写法。用户来到这里时，通常已经知道自己要生成哪类图片，只是不确定怎么把主体、场景、光线、画幅和最终用途写清楚。
适合什么场景
- App screens
- Dashboards
- Product previews
- Website mockups
提示词结构
- Destination：先写清楚它控制什么，不要只堆形容词。
- 主体：先写清楚它控制什么，不要只堆形容词。
- 构图：先写清楚它控制什么，不要只堆形容词。
- Style：先写清楚它控制什么，不要只堆形容词。
- Output ratio：先写清楚它控制什么，不要只堆形容词。
提示词示例
App UI 样机提示词 示例 1
为App screens创建一张清晰的 App UI 样机提示词，主体是高级护肤精华瓶，冷白石材台面，柔和侧光，产品边缘清晰，背景留出标题安全区，4:5 画幅。
它先说明用途，再指定主体、台面、光线和安全区，生成结果更容易用于真实投放。
提示词示例
App UI 样机提示词 示例 2
生成一张适合Dashboards的 App UI 样机提示词，主体明确，前景和背景层次清楚，加入可替换的品牌色、道具、光线方向和最终投放平台。
它把可替换变量独立出来，后续可以按产品、平台和品牌方向快速迭代。
常见错误
- 只写「高级」「好看」「大片感」，但没有说明主体和最终用途。
- 没有写画幅，导致输出不能直接用于电商、海报、社媒或封面。
- 把背景写得太复杂，抢走主体注意力。
- 需要放标题或广告语，却没有预留文字安全区。
如何改写
保留页面里的基础结构，然后替换主体、使用场景、平台比例和品牌线索。图片要用于转化时，优先保证主体清晰；图片要用于内容传播时，再加强情绪、风格和视觉钩子。
App UI 样机提示词 应该包含哪些信息？
至少包含用途、主体、构图、光线、风格和输出比例。如果图片要承载标题，还要写明文字安全区。
这些提示词可以直接生成吗？
可以。复制提示词或打开 Image2Studio 后，替换你的产品、人物、场景和画幅，再提交生成。
适用场景
- App screens
- Dashboards
- Product previews
- Website mockups
提示词结构
- Destination
- 主体
- 构图
- Style
- Output ratio
提示词示例
可复制的示例
UI Mockups
视频流媒体平台主页 UI
{ "type": "网页浏览器 UI 模型", "platform": "{argument name=\"platform name\" default=\"YouTube\"}", "browser_window": { "style": "macOS 浅色模式", "tab": "YouTube", "url_bar": "youtube.com" }, "layout": { "header": { "components": ["汉堡菜单", "平台 Logo", "搜索栏", "创建视频图标", "通知铃铛", "用户头像"] }, "sidebar": { "position": "左侧", "item_count": 11, "sections": [ { "name": "主要", "items": ["首页", "Shorts", "订阅", "原创内容", "YouTube Music"] }, { "name": "探索", "items": ["热门", "购物", "音乐", "电影", "直播", "游戏"] } ] }, "main_content": { "category_tags": { "count": 10, "labels": ["全部", "游戏", "音乐", "直播", "播客", "AI", "汽车", "合辑", "新闻", "最近上传"] }, "video_grid": { "card_count": 5, "cards": [ { "position": "左上", "size": "大", "thumbnail_description": "Sam Altman 和 Greg Brockman 坐在舞台上，旁边是一个站立的人形机器人，文字覆盖 'OpenAI Introducing Our Humanoid Robot'，带有 LIVE 徽章", "video_title": "{argument name=\"featured live stream title\" default=\"Introducing Our Humanoid Robot\"}", "channel_name": "{argument name=\"featured live stream channel\" default=\"OpenAI\"}", "metadata": "48.2 万人正在观看" }, { "position": "右上", "size": "大", "thumbnail_description": "左侧是惊讶的男人脸，右侧是隐藏在森林中的巨大豪宅并伴有爆炸效果，粗体黄色文字覆盖 '{argument name=\"top right thumbnail text\" default=\"TOTAL SECRECY\"}'", "video_title": "{argument name=\"top right video title\" default=\"I Bought 100 Million Dollar Secret House!\"}", "channel_name": "MrBeast", "metadata": "410 万次观看，19 小时前，时长 20:49" }, { "position": "左下", "size": "小", "thumbnail_description": "Steve Carell 手持一台显示《办公室》场景的笔记本电脑", "video_title": "Steve Carell 深度解析他最标志性的角色 | GQ", "channel_name": "GQ", "metadata": "98.7 万次观看，2 天前，时长 17:46" }, { "position": "中下", "size": "小", "thumbnail_description": "男人在日落时分透过望远镜观察海面上的帆船", "video_title": "Black Sails Is Beautiful!", "channel_name": "Savage Books", "metadata": "60.6 万次观看，2 天前，时长 17:46" }, { "position": "右下", "size": "小", "thumbnail_description": "来自电子游戏的恐怖面具杀手角色，文字覆盖 'DEAD OF DAYLIGHT'", "video_title": "Playing As The Seekers In Dead By Daylight", "channel_name": "Unknown", "metadata": "80.6 万次观看，1 天前，时长 28:39" } ] } } } }
海报
AI 编程助手宣传信息图
{ "type": "应用宣传信息图海报", "style": "简洁、现代、磨砂玻璃风格、柔和阴影、3D 图标", "theme": "{argument name=\"primary color theme\" default=\"蓝白配色\"}", "header": { "title": "{argument name=\"app name\" default=\"CodePilot\"}", "subtitle": "{argument name=\"subtitle\" default=\"你的 AI 编程副驾驶\"}", "features_list": "智能补全 · 代码生成 · 问答调试 · 代码解析", "main_icon": "光泽感 3D 圆角正方形，蓝色渐变，白色 {argument name=\"main icon symbol\" default=\"</>\"} 及闪光效果" }, "layout": { "sections": [ { "title": "feature_cards", "position": "中间网格", "count": 4, "items": [ { "label": "智能代码补全", "icon": "蓝色闪电", "description": "上下文感知，精准补全，让编码快人一步", "ui_element": "macOS 风格代码窗口，展示 Python calculate_total 函数" }, { "label": "AI 代码生成", "icon": "紫色魔法棒", "description": "根据自然语言描述，一键生成函数与脚本", "ui_element": "聊天提示气泡和展示 Python quick_sort 函数的代码窗口" }, { "label": "对话 & 调试助手", "icon": "绿色聊天气泡", "description": "通过自然语言提问定位 Bug，边聊边改，高效解决问题", "ui_element": "包含用户提问和绿色 AI 解决方案气泡的聊天界面" }, { "label": "代码解析 & 注释", "icon": "带有放大镜的橙色文档", "description": "快速理解复杂代码，自动生成注释与说明", "ui_element": "展示 JS fetchData 函数的代码窗口，带有 3 个浮动操作标签：自动注释、逻辑解析、一键复制" } ] }, { "title": "为什么选择 CodePilot？", "position": "左下角", "count": 4, "labels": ["提升效率", "精准可靠", "隐私安全", "易于集成"], "icons": ["时钟", "对勾", "盾牌", "拼图块"] }, { "title": "立即体验", "position": "右下角", "count": 1, "elements": ["GitHub 开源项目", "{argument name=\"github link\" default=\"github.com/op7418/CodePilot\"}", "二维码"] } ] } }
UI Mockups
深色模式 AI API 定价页面模型
{ "type": "深色模式网页 UI 模型", "theme": "时尚、现代的深色主题，配有白色和浅灰色文字", "header": { "logo": "{argument name=\"company name\" default=\"OpenAI\"}", "navigation": ["研究", "产品", "安全", "公司"], "actions": ["搜索图标", "登录", "试用 ChatGPT 按钮"] }, "layout": { "left_column": { "label": "定价", "headline": "{argument name=\"model name\" default=\"GPT-8\"}", "subheading": "{argument name=\"main tagline\" default=\"Our most powerful model yet.\"}", "description": "GPT-8 专为智能、可靠性和实际应用而设计。具备多模态推理、长上下文理解和高级工具使用能力。", "button": "开始使用", "features": { "count": 3, "items": [ {"icon": "brain", "title": "前沿智能", "desc": "最先进的推理、编码和问题解决能力。"}, {"icon": "shield", "title": "值得信赖的设计", "desc": "更强的安全性、更高的可控性以及企业级的可靠性。"}, {"icon": "lightning bolt", "title": "为开发者而生", "desc": "原生工具使用、结构化输出和长上下文工作流。"} ] } }, "right_column": { "type": "定价卡片", "header": "定价 - 简单、基于 Token 的定价。无隐藏费用。", "toggle": ["输入", "缓存读取"], "token_pricing": { "count": 5, "rows": [ {"name": "文本 Token", "unit": "每 100 万 Token", "price": "{argument name=\"text token price\" default=\"$3.00\"}"}, {"name": "图像 Token", "unit": "每 100 万 Token", "price": "$10.00"}, {"name": "音频 Token", "unit": "每 100 万 Token", "price": "$6.00"}, {"name": "视频 Token", "unit": "每 100 万 Token", "price": "$15.00"}, {"name": "输出 Token", "unit": "每 100 万 Token", "price": "{argument name=\"output token price\" default=\"$12.00\"}"} ] }, "additional_features": { "count": 2, "rows": [ {"name": "缓存", "desc": "通过缓存节省重复输入费用。", "price": "$0.30 / 100 万 Token"}, {"name": "批量 API (5 折优惠)", "desc": "降低异步工作负载的成本。", "price": "-50%"} ] }, "footer_links": ["了解更多", "模型文档", "定价详情"] } }, "footer": "价格以美元计算。请在我们的文档中查看完整定价表。" }
海报
阿马尔菲海岸复古旅行海报
{argument name="illustration style" default="现代铅笔插画"}，{argument name="location" default="意大利阿马尔菲海岸"}的复古旅行海报插画，全景海岸悬崖公路场景，经典的 20 世纪 60 年代白色汽车行驶在蜿蜒的海滨公路上，深蓝色的地中海与点点帆船，色彩缤纷的半山腰村庄，明亮的蓝天与柔和的云朵，前景由挂满鲜艳柠檬的柠檬树枝勾勒，温暖的夏日阳光，大胆鲜艳的色彩，复古 20 世纪 50 年代旅行海报风格，电影级构图，高细节，丝网印刷质感，图形插画。手绘风格，笔触灵动且轮廓清晰。高对比度调色板，保持背景与元素之间的色彩和谐。现代且具有装饰性的美学。
UI Mockups
科技界 CEO 大逃杀游戏大厅
{ "type": "大逃杀游戏大厅 UI", "characters": [ { "name": "{argument name=\"left character name\" default=\"SamAltman\"}", "outfit": "绿色战术衬衫，卡其色长裤", "pose": "在蓝色平台上交叉双臂跳舞", "ui": "等级 87，OpenAI 图标，未准备" }, { "name": "{argument name=\"center character name\" default=\"DarioAmodei\"}", "outfit": "印有 AI 字样的棕色夹克，眼镜，牛仔裤", "pose": "在蓝色平台上交叉双臂跳舞", "ui": "等级 92，AI 盾牌图标，未准备" }, { "name": "{argument name=\"right character name\" default=\"ElonMusk\"}", "outfit": "红黑配色未来感盔甲", "pose": "在蓝色平台上交叉双臂跳舞", "ui": "等级 114，X 图标，未准备" } ], "background": "风格化景观，飞行战斗巴士，紫色羊驼皮纳塔", "ui": { "top_nav": ["开始游戏", "储物柜", "商店", "战斗通行证", "任务", "竞技", "生涯"], "left_panel": { "title": "{argument name=\"season text\" default=\"第 5 章第 2 赛季\"}", "stats": "等级 127，战斗通行证 100 级", "daily_quests": 3 }, "bottom_right": { "mode": "{argument name=\"game mode\" default=\"零建筑模式\"}", "status": "排位赛：关闭，三人组 - 不补位", "button": "准备就绪！" }, "bottom_bar": { "party_channels": 3, "prompts": ["按住以聊天", "表情动作", "小队组建"] } } }
UI Mockups
动作 RPG Boss 战截图
一张电影级的第三人称电子游戏截图，展示了一名光头战士和一个男孩在充满沙子的神庙中与一位巨大的埃及神祇战斗。战士背对镜头，手持弯刀；男孩正在拉弓瞄准。巨大的 Boss 长着胡狼头，双眼闪烁着白光，佩戴金色头饰，手持法杖。环境中有巨大的象形文字柱、猎鹰雕像和体积光尘埃。图像包含 4 个 UI 组件：顶部中央的红色 Boss 血条，标签为 "{argument name="boss name" default="ANUBIS"}"；右上角的任务追踪器，显示 "{argument name="quest title" default="THE JACKAL'S PATH"}" 和 "{argument name="quest objective" default="Defeat Anubis"}"；左下角的玩家 HUD，包含绿色血条、红色怒气条、方向图标以及 "L3 + R3" 提示；以及右下角的 HUD，包含 2 个菱形技能图标。
UI Mockups
FPS 自定义武器皮肤截图
第一人称视角的电子游戏截图，展示了戴着 {argument name="glove style" default="蜘蛛侠战衣"} 手套的双手正握着一把 AK-47 突击步枪。武器采用了自定义的 {argument name="weapon theme" default="蜘蛛侠"} 皮肤，配色为红蓝相间，带有黑色蛛网图案，机匣上有白色蜘蛛标志，护木上印有“CS2”，弹匣上印有“MARVEL”，枪托上印有“SPIDER-MAN”。背景是一个类似于战术射击地图的尘土飞扬的中东城镇街道，其中一个标志写着“HOTEL AURORE”，并配有一个指向“A”点的箭头。顶部中央的 UI 显示了一个带有黑色蜘蛛图案的红色盾牌，红线下方显示文本“{argument name="weapon title" default="AK-47 | Web-Slinger"}”以及“The CS2 Collection”。底部 UI 左侧有 5 个极简风格的白色图标，右侧显示“CLOSE”字样。
UI Mockups
YouTube 深色模式桌面端 UI 原型
{ "type": "桌面端 UI 原型", "application": "YouTube 首页", "theme": "{argument name=\"theme\" default=\"深色模式\"}", "browser_window": { "url_bar": "{argument name=\"browser URL\" default=\"youtube.com\"}", "tabs": 1, "elements": ["后退/前进按钮", "刷新", "扩展程序", "个人资料头像"] }, "layout": { "sidebar": { "position": "左侧", "sections": [ { "title": "主页", "count": 3, "items": ["首页", "Shorts", "订阅内容"] }, { "title": "我", "count": 6, "items": ["您的频道", "历史记录", "播放列表", "您的视频", "稍后观看", "点赞的视频"] }, { "title": "订阅内容", "count": 8, "items": ["Linus Tech Tips", "MrBeast", "Kurzgesagt - In a...", "ColdFusion", "3Blue1Brown", "Khan Academy", "Veritasium", "显示更多"] }, { "title": "探索", "count": 7, "items": ["热门", "音乐", "电影", "直播", "游戏", "新闻", "体育"] }, { "title": "更多 YouTube 服务", "count": 3, "items": ["YouTube Premium", "YouTube Music", "YouTube Kids"] } ] }, "top_filter_bar": { "count": 11, "labels": ["全部", "游戏", "音乐", "直播", "播客", "合辑", "科学", "Lo-fi", "惊悚", "最新上传", "已观看"] }, "video_grid": { "layout": "4 行 3 列", "count": 12, "videos": [ { "title": "为什么自制 GPU 几乎是不可能的", "channel": "Linus Tech Tips", "thumbnail": "带有红色箭头的 GPU 芯片" }, { "title": "在圆圈里生存 100 天，赢取 50 万美元", "channel": "MrBeast", "thumbnail": "MrBeast 微笑，背景是参赛者" }, { "title": "如果我们用核弹炸毁小行星会怎样？", "channel": "Kurzgesagt - In a Nutshell", "thumbnail": "导弹在太空中接近小行星" }, { "title": "迪拜是如何成为一座 100 亿美元城市的", "channel": "ColdFusion", "thumbnail": "男子站在迪拜天际线旁，文字显示 '$0 TO $10B'" }, { "title": "欧拉恒等式的数学之美", "channel": "3Blue1Brown", "thumbnail": "黑色背景上的数学公式和螺旋图" }, { "title": "2040 年的世界 - 人口、气候及更多", "channel": "Veritasium", "thumbnail": "郁郁葱葱的森林，文字显示 'The World in 2040'" }, { "title": "我用了 12 年 Linux，终于……", "channel": "DistroTube", "thumbnail": "笔记本电脑和智能手机，中间有蓝色箭头连接" }, { "title": "黑洞详解 - 从诞生到死亡", "channel": "Khan Academy", "thumbnail": "黑洞发光的橙色吸积盘" }, { "title": "饮食建议的问题", "channel": "Andrew Huberman", "thumbnail": "身穿黑衬衫的男子，文字显示 'the problem with diet advice'" }, { "title": "如何学习任何事物（基于证据）", "channel": "Ali Abdaal", "thumbnail": "扁平化插画，一名男子在阅读书籍，周围环绕着彩色叶子" }, { "title": "《最后生还者 2》是一部杰作", "channel": "Naughty Dog", "thumbnail": "艾莉的坚毅肖像，带有游戏标志" }, { "title": "lofi hip hop radio - 适合放松/学习的节拍", "channel": "Lofi Girl", "thumbnail": "动漫女孩在书桌前学习，窗外是日落时的城市景观" } ] } }, "os_environment": { "os": "{argument name=\"operating system\" default=\"Windows 10\"}", "taskbar_position": "底部", "visible_icons": ["开始", "搜索栏", "任务视图", "文件资源管理器", "Edge", "Spotify"], "system_tray": ["网络", "音量", "电池", "显示时间为 08:34 2024 年 4 月 3 日的时钟"] } }
UI Mockups
复杂 AI 模型分析信息图
{ "type": "信息图仪表板", "style": "企业演示 Slides，密集信息布局，扁平化设计", "header": { "left_title": "{argument name=\"main title\" default=\"ChatGPT 是否迎来了『gpt-image-2』？\"}", "right_subtitle": "{argument name=\"subtitle\" default=\"通过官方确认解读 ChatGPT Images / GPT Image 1.5 曼荼罗\"}", "background_color": "{argument name=\"theme color 1\" default=\"深蓝色\"}" }, "layout": { "columns": 3, "sections": [ { "id": 1, "title": "① 传闻梳理 / 官方名称", "color": "{argument name=\"theme color 2\" default=\"红色\"}", "content_type": "3 个要点" }, { "id": 2, "title": "② 进化时间轴", "color": "金色", "content_type": "3 个时间轴要点" }, { "id": 3, "title": "③ 小字、布局与说明图", "color": "蓝色", "content_type": "2 张展示文本文档和图标网格的嵌入式图像" }, { "id": 4, "title": "④ ChatGPT 操作流程", "color": "绿色", "content_type": "展示聊天界面和狗图像的 UI 模型" }, { "id": "central", "title": "核心结论：究竟『厉害』在哪里", "color": "深蓝色", "subtitle": "{argument name=\"central conclusion\" default=\"重心从“精美图片”转向“实用图像生成”\"}", "content_type": "2 列，每列 4 个要点" }, { "id": 5, "title": "⑤ 编辑能力：在保持原样中进行修改", "color": "红色", "content_type": "3 张展示照片编辑过程的连续图像" }, { "id": 6, "title": "⑥ 改进之处：对比分析", "color": "金色", "content_type": "6 张对比图像（本次 vs 之前），涵盖海报、人群、纹理" }, { "id": 7, "title": "⑦ API / 实际业务中的核心价值", "color": "蓝色", "content_type": "3 个要点" }, { "id": 8, "title": "⑧ 限制、雷区与切忌盲目信任的要点", "color": "红色", "content_type": "3 个要点" }, { "id": 9, "title": "⑨ 安全、出处与治理", "color": "金色", "content_type": "3 个要点" }, { "id": 10, "title": "⑩ 来源汇总 / 阅读指南", "color": "深蓝色", "content_type": "7 个来源列表及一个总结框" } ] } }
UI Mockups
直播界面 UI 模型
{ "type": "移动端直播界面模型", "subject": { "description": "年轻迷人的亚洲女性，留着黑色长卷发，面带温柔微笑，佩戴有线耳机和银色四叶草项链", "outfit": "{argument name=\"outfit\" default=\"白色蕾丝边吊带背心和浅蓝色开衫\"}", "action": "直视镜头，坐在书桌前，桌上放着键盘" }, "environment": { "setting": "温馨的游戏房", "equipment": [ "悬臂支架上的专业电容麦克风，挂着一个小巧的白色毛绒吉祥物挂件", "电脑显示器，屏幕上显示着 {argument name=\"game on monitor\" default=\"类似《英雄联盟》的 MOBA 游戏\"}", "RGB 机械键盘" ], "background_decor": [ "霓虹灯牌，写着 '{argument name=\"neon sign text\" default=\"LIVE ♡\"}'", "放着发光球形月球灯的架子", "粉色毛绒兔子玩具" ] }, "ui_overlay": { "top_left": { "profile": { "avatar": "主播缩略头像", "name": "{argument name=\"streamer name\" default=\"草莓味小羊 🍓\"}", "subtext": "12.8万本场点赞", "button": "红色的“关注”按钮" }, "tag": "黄色标签，写着“小时榜第 3 名”" }, "top_right": { "viewers": { "avatars_count": 3, "total_count": "{argument name=\"viewer count\" default=\"6.7万\"}", "close_button": "X 图标" }, "gift_gallery": "礼物盒图标，文字显示“礼物展馆 2/24”" }, "bottom_left_chat": { "message_count": 7, "messages": [ "等级 35，铁粉图标，“宝宝下次打什么呀？”", "等级 18，“小羊爱吃草莓: 主播好美！！！”", "等级 6，“用户_47956: 主播带带我～”", "等级 21，“草莓果酱: 声音也太温柔了吧”", "等级 12，“加油鸭: 这波操作 666”", "等级 7，“小小羊: 晚安宝宝么么哒”", "等级 3，“粉粉小熊: 进来就被美到了～”" ] }, "bottom_bar": { "input_placeholder": "说点什么...", "icons": ["笑脸", "爱心", "粉色礼物盒", "三个点"] } } }
Social Ads
Google 搜索结果模拟页面
{ "type": "网页浏览器截图", "interface": "Google 搜索结果页面", "header": { "logo": "Google", "search_bar": { "query": "{argument name=\"search query\" default=\"openai gpt-image 2 image generator\"}", "icons": ["清除", "麦克风", "相机", "搜索"] }, "right_actions": ["设置齿轮", "应用网格", "蓝色登录按钮"] }, "navigation_tabs": ["全部", "图片", "新闻", "视频", "购物", "短视频", "论坛", "网页", "更多", "工具"], "results_stats": "找到约 18,200,000 条结果（用时 0.32 秒）", "search_results": { "count": 3, "items": [ { "source": "OpenAI", "url": "https://openai.com > index > gpt-image-2", "title": "{argument name=\"result 1 title\" default=\"GPT-Image-2 | OpenAI\"}", "snippet": "{argument name=\"date\" default=\"2025 年 4 月 1 日\"} — GPT-Image-2 是我们全新的图像生成模型，提供顶尖的图像质量、更细腻的细节、更好的文本渲染以及更精准的指令遵循能力。", "sitelinks": ["研究", "安全", "在 ChatGPT 中尝试"] }, { "source": "OpenAI Platform", "url": "https://platform.openai.com > docs > gpt-image-2", "title": "GPT-Image-2 - OpenAI API", "snippet": "了解 OpenAI 最先进的图像生成模型 GPT-Image-2，可通过 Images API 使用。创建具有更高真实感、文本渲染效果和指令遵循能力的高质量图像……", "sitelinks": ["快速入门", "编辑图像", "示例代码"] }, { "source": "The Verge", "url": "https://www.theverge.com > openai-gpt-image-2-launch", "title": "OpenAI 的 GPT-Image-2 为 AI 带来了重大改进……", "snippet": "2025 年 4 月 1 日 — OpenAI 正式发布了 GPT-Image-2，这是其下一代图像生成器，提供更好的照片级真实感、改进的文本渲染以及更准确的用户指令遵循能力……" } ] }, "people_also_ask": { "title": "相关问题", "count": 4, "questions": [ "什么是 GPT-Image-2？", "GPT-Image-2 与之前的模型有何不同？", "我可以在 ChatGPT 中尝试 GPT-Image-2 吗？", "GPT-Image-2 是否可以通过 API 使用？" ] } }
摄影
短视频 App UI 原型
{ "type": "移动端短视频 App 界面原型", "background_image": "{argument name=\"landscape subject\" default=\"黄金时刻阳光照耀下的雄伟雪山峰顶，山脚下是郁郁葱葱的河谷与蜿蜒河流\"}", "layout": { "top_status_bar": { "time": "9:41", "icons": ["蜂窝信号", "Wi-Fi", "电池"] }, "top_navigation": { "left_icon": "汉堡菜单", "right_icon": "搜索放大镜", "center_labels": ["经验", "同城", "关注", "商城", "{argument name=\"active tab\" default=\"推荐\"}"] }, "right_interaction_bar": { "count": 6, "items": [ {"icon": "带有红色加号的头像"}, {"icon": "心形", "label": "{argument name=\"like count\" default=\"360.8万\"}"}, {"icon": "对话气泡", "label": "16.6万"}, {"icon": "星形", "label": "38.0万"}, {"icon": "分享箭头", "label": "164.5万"}, {"icon": "旋转的音乐唱片"} ] }, "bottom_left_info": { "username": "{argument name=\"username\" default=\"@摄影师-青锋\"}", "caption": "{argument name=\"video caption\" default=\"川西真的美成了仙境，一定要和心爱的人去一次川西！#川西 #旅行 #雪山 #... 展开\"}", "music_ticker": "去汽水听 > 风吹又日晒 (DJ版) - 张" }, "bottom_navigation": { "count": 5, "items": [ {"label": "首页"}, {"label": "朋友", "badge": "24"}, {"icon": "方形加号按钮"}, {"label": "消息", "badge": "4"}, {"label": "我"} ], "home_indicator": "底部横线" } } }
UI Mockups
体素生存游戏 Boss 战 HUD
{ "type": "第一人称电子游戏截图", "setting": "夜晚的方块体素世界，带有深色水域和发光火把的紫色腐化生物群系", "entities": [ "1 个发射紫色激光的巨型浮空眼球 Boss", "1 个戴着金冠的巨型蓝色史莱姆 Boss", "1 个巨型紫色分节蠕虫怪物", "1 个身穿深色盔甲、手持绿色长剑的玩家角色", "2 个飞行的紫色蝙蝠怪物", "2 个方块僵尸", "2 个方块骷髅", "1 只粉色火烈鸟", "1 只小型蓝色史莱姆" ], "perspective": "第一人称，右侧手持一把大型像素化长剑，中心有白色准星", "ui_elements": [ { "position": "左上角", "text": "X: 340\nY: 64\nZ: -190\n生物群系: {argument name=\"biome\" default=\"Corruption\"}" }, { "position": "顶部中央", "text": "{argument name=\"boss name\" default=\"Eye of Cthulhu\"}", "description": "紫色 Boss 血条" }, { "position": "右上角", "text": "已解锁新配方！请查看你的配方书", "icon": "小型浮空眼球" }, { "position": "左下角", "text": "{argument name=\"player name\" default=\"Steve\"} 达成了成就 [{argument name=\"boss name\" default=\"Eye of Cthulhu\"}]" }, { "position": "底部中央", "description": "HUD 包含 10 颗红色心形生命值、10 个饥饿鸡腿、绿色经验值 15 以及 9 格快捷栏", "hotbar_items": [ "紫色长剑", "镐", "斧", "绿色武器", "枪", "30 瓶红色药水", "64 个棕色方块", "8 个金苹果", "2 颗蓝色星星" ] } ] }
UI Mockups
体素沙盒 Boss 战 UI
{ "type": "第一人称体素游戏截图", "environment": { "style": "方块 3D 像素艺术", "time": "夜晚", "biome": "{argument name=\"biome name\" default=\"腐化之地\"}", "features": "紫色草地、紫色树叶的树木、水池、火把" }, "entities": [ { "name": "{argument name=\"boss name\" default=\"克苏鲁之眼\"}", "description": "巨大的浮空眼球，正在发射紫色激光" }, { "name": "史莱姆王", "description": "戴着金红宝石皇冠的巨大蓝色史莱姆" }, { "name": "{argument name=\"player name\" default=\"史蒂夫\"}", "description": "穿着深色盔甲、手持绿色长剑的多人游戏角色" }, { "name": "敌对怪物", "count": 6, "types": [ "2 只骷髅", "2 只僵尸", "2 只紫色蝙蝠" ] }, { "name": "中立怪物", "count": 2, "types": [ "1 只粉色火烈鸟", "1 只小型蓝色史莱姆" ] }, { "name": "触手", "count": 1, "description": "带有眼睛的紫色分段触手" } ], "first_person_view": { "right_hand": "手持一把大型像素化铁剑" }, "ui_overlay": { "top_left": { "type": "调试信息", "lines": [ "X: 340", "Y: 64", "Z: -190", "生物群系: {argument name=\"biome name\" default=\"腐化之地\"}" ] }, "top_center": { "type": "Boss 血条", "color": "紫色", "label": "{argument name=\"boss name\" default=\"克苏鲁之眼\"}" }, "top_right": { "type": "提示通知", "icon": "眼球", "text": "新配方已解锁！请查看你的配方书" }, "bottom_left": { "type": "聊天记录", "text": "{argument name=\"player name\" default=\"史蒂夫\"} 达成了进度 [{argument name=\"advancement name\" default=\"克苏鲁之眼\"}]" }, "bottom_center": { "type": "HUD", "stats": [ "10 颗红心", "10 个护甲图标", "10 个饥饿度图标", "15 级等级指示器" ], "hotbar_slots": 9, "hotbar_items": [ "1 把紫色长剑", "1 把镐", "1 把斧", "1 根绿色法杖", "1 把枪", "30 瓶红色药水", "64 个棕色方块", "8 个金苹果", "2 颗蓝色星星" ] }, "center": { "type": "准星", "style": "白色十字准星" } } }
Social Ads
Vice City 风格游戏菜单模型
{ "type": "电子游戏主菜单 UI 模型", "background_scene": { "setting": "日落时分的海滨城市天际线，类似迈阿密风格，天空呈现鲜艳的粉色和紫色，平静的水面反射着城市灯光", "foreground": "左下角有木质码头，右下角停靠着一艘深色快艇，左右两侧有棕榈树剪影作为边框", "midground": "快艇在水面上行驶并留下尾迹，右侧岸边的霓虹灯招牌显示为 '{argument name=\"city sign\" default=\"VICE CITY WELCOME\"}'", "sky": "零星云朵，带有明亮探照灯的直升机，远处的飞机" }, "ui_elements": { "main_logo": { "position": "左上角", "text": "{argument name=\"game title\" default=\"grand theft auto VI\"}", "style": "主标题采用经典的白色小写字体，巨大的罗马数字样式，内部带有霓虹粉/紫/橙渐变色及棕榈树剪影" }, "main_menu": { "position": "左侧中部，主 Logo 下方", "count": 5, "items": [ "{argument name=\"menu option 1\" default=\"START GAME\"} (高亮显示，带有亮粉色背景和白色向右箭头)", "{argument name=\"menu option 2\" default=\"SETTINGS\"}", "ONLINE", "SOCIAL CLUB", "QUIT GAME" ] }, "user_info": { "position": "右上角", "text": "当前登录用户：{argument name=\"username\" default=\"GTAVI_01\"}" }, "developer_logo": { "position": "左下角", "description": "R* Logo (带星星的 R)" }, "button_prompts": { "position": "右下角", "count": 2, "items": [ "账户选择 (带有黄色 Y 按钮图标)", "选择 (带有绿色 A 按钮图标)" ] } } }
Social Ads
电子游戏主菜单 UI 设计草图
{ "type": "电子游戏主菜单 UI 设计草图", "theme": "{argument name=\"color palette\" default=\"紫色、粉色和橙色的合成波风格\"}", "background": { "setting": "海滨城市天际线，时间为 {argument name=\"time of day\" default=\"日落\"}", "elements": [ "水面反射着城市灯光", "前景中的木质码头", "水面上的快艇", "带有聚光灯的直升机", "天空中的飞机", "左右两侧边缘的棕榈树", "写有 '{argument name=\"city name\" default=\"VICE CITY\"} WELCOME' 的霓虹灯牌" ] }, "ui_layout": { "top_left": "大型标志 '{argument name=\"game title\" default=\"grand theft auto VI\"}'，带有霓虹渐变效果的罗马数字", "middle_left": { "type": "垂直菜单", "count": 5, "items": [ "开始游戏 (高亮显示，带有粉色渐变和 > 箭头)", "设置", "在线", "社交俱乐部", "退出游戏" ] }, "top_right": "文本 '登录用户: {argument name=\"username\" default=\"GTAVI_01\"}'", "bottom_left": "开发者星形标志 'R*'", "bottom_right": "手柄提示 '账户选择 Y，确认 A'" } }
UI Mockups
8 格漫画风格信息图
{ "type": "8 格漫画信息图", "reading_order": "从右向左", "character": { "name": "{argument name=\"character name\" default=\"莉莎\"}", "appearance": "{argument name=\"character appearance\" default=\"金色双马尾，黑色哥特裙，黑色心形项圈\"}" }, "panels": [ { "number": 1, "action": "开心地挥手", "speech_bubble": "{argument name=\"greeting text\" default=\"你好！我是莉莎！今天来跟大家聊聊 OpenAI 的重磅传闻，关于 GPT-image-2 的那些事儿！\"}" }, { "number": 2, "action": "惊讶地看着发光的屏幕", "screen_text": "OpenAI {argument name=\"product name\" default=\"GPT-image-2\"} 更智能 - 更清晰 - 更具创造力", "speech_bubble": "据泄露的消息称，这次的更新简直强得离谱！" }, { "number": 3, "action": "指向咖啡馆招牌", "sign_text": "CAFE OPEN 咖啡馆 营业中 Coffee & Sweets", "speech_bubble": "首先是文字处理！无论是招牌还是菜单，再也不会出现拼写错误了！简直完美！" }, { "number": 4, "action": "拿着显示应用界面的智能手机", "ui_elements_count": 6, "ui_elements": ["我的日常", "搜索灵感...", "探索", "创作", "图库", "个人资料"], "speech_bubble": "甚至能直接生成应用界面！这专业设计师级别的质量，真的让人惊叹！" }, { "number": 5, "action": "展示对比图", "comparison": "模糊肖像 vs 清晰的 4K 写实女性肖像", "speech_bubble": "4K 分辨率，画质如照片般真实！皮肤质感和光影效果都极其细腻！" }, { "number": 6, "action": "眨眼并指向前方", "floating_objects_count": 7, "floating_objects": ["调色板", "相机", "灯泡", "风景照", "灯笼", "咖啡杯", "写着 IDEA 的笔记本"], "speech_bubble": "复杂的指令也能完美执行。相机的构图和道具的摆放都能随心所欲！" }, { "number": 7, "action": "指向项目", "whiteboard_poses_count": 5, "whiteboard_poses": ["正面全身", "侧面全身", "正面脸部", "侧面脸部", "半身眨眼"], "speech_bubble": "还有角色固定功能！像我这样的角色，以后都能保持形象一致了！" }, { "number": 8, "action": "竖起大拇指，眨眼，背景闪闪发光", "speech_bubble": "{argument name=\"conclusion text\" default=\"AI 与人类共同创作故事的时代，真是令人兴奋！大家一定要持续关注哦！\"}" } ] }
UI Mockups
卫星异常界面模型
{ "type": "卫星图像网页界面模型", "main_display": { "imagery": "海洋云层的灰度卫星视图，中心处包含一个 {argument name=\"anomaly shape\" default=\"巨大的、完美的几何深色三角形\"}", "annotation": "红色的手写文字“{argument name=\"annotation text\" default=\"自然形成？？？\"}”，并配有一个指向该异常的红色箭头", "overlay": "淡蓝色的经纬度网格线，带有 40N、30N、160W 等坐标标签" }, "ui_layout": { "top_header": { "left_section": "NOAA 标志，文字“{argument name=\"satellite name\" default=\"GOES-18 ABI CONUS - Sector View\"}”、“{argument name=\"timestamp\" default=\"2024-03-15 14:32:20 UTC\"}”以及“Band 2 (0.64µm) - 可见光”", "right_section": "4 个导航图标，标签分别为：首页、分享、帮助、设置" }, "left_sidebar": { "count": 7, "items": ["图层", "产品", "底图", "测量", "位置", "图例", "下载"] }, "bottom_panel": { "timeline": { "controls": "播放按钮、左右箭头、文字“6 个场景”、“6 / 6”", "thumbnails": { "count": 6, "description": "展示异常演变过程的连续卫星图像，包含从 08:32 UTC 到 14:32 UTC 的每小时时间戳" } }, "data_readout": { "coordinates": "{argument name=\"coordinate text\" default=\"经纬度：28.12°N, 162.08°W\"}", "elevation": "海拔：0.5°", "scale": "0 到 1000 km 的距离比例尺" } } } }
UI Mockups
体素生存游戏联动 UI
{ "type": "第一人称游戏截图", "style": "基于体素的 3D 方块图形与 2D 精灵元素的混合风格", "environment": { "setting": "带有紫色调灯光的夜间方块景观", "terrain": "草方块、水池、紫叶树、火把" }, "entities": [ "1 个巨大的漂浮眼球 Boss {argument name=\"boss action\" default=\"发射紫色激光束\"}", "1 个戴着珠宝金冠的巨大蓝色史莱姆", "1 个普通蓝色史莱姆", "1 个僵尸", "2 个骷髅", "2 个飞行的紫色蝙蝠生物", "1 只粉色火烈鸟", "1 个穿着 {argument name=\"player armor\" default=\"暗铁盔甲\"} 的玩家角色" ], "first_person_view": { "right_hand": "手持 {argument name=\"main weapon\" default=\"大型铁剑\"}" }, "user_interface": { "top_left": ["X: 340", "Y: 64", "Z: -190", "生物群系: {argument name=\"biome name\" default=\"腐化之地\"}"], "top_center": "紫色 Boss 血条，标注为 {argument name=\"boss name\" default=\"克苏鲁之眼\"}", "top_right": "白色通知弹窗：已解锁新配方！请查看你的配方书", "bottom_left": "聊天文本：Steve 达成了进度 [{argument name=\"boss name\" default=\"克苏鲁之眼\"}]", "bottom_center": { "stats": "10 颗红心，10 个盔甲图标，10 个饥饿鸡腿，经验等级 15", "hotbar_items": [ "紫色剑", "镐", "斧", "绿色法杖", "火枪", "30 瓶红色药水", "64 个木块", "8 个金苹果", "2 个蓝色星星" ] } } }
海报
体素游戏办公室截图
一张第一人称体素游戏截图。玩家方块状的右手拿着一份写有“INTERNAL DOCUMENT”的纸张，内容包含“{argument name="document title" default="CLAUDE OPUS 5"}”以及一个以“Release: 2025”结尾的 6 项列表。屏幕中央有一个白色准星。前方是一张深灰色办公桌，上面放着一台黑色显示器和一叠标有红色“CONFIDENTIAL”字样的纸张。后方的白色墙壁上显示着一个橙色星号，以及“{argument name="company name" default="Claude"}”和“HEADQUARTERS”字样。右侧走廊悬挂着灯笼，并贴有一张写着“LONG-TERM MEMORY”、“NUANCED RESPONSES”、“AI FOR HUMANITY”的海报。底部 HUD 显示黄色的聊天文本“{argument name="chat message" default="Claude joined the game"}”、10 颗红心、一个显示“7”的绿色经验条、10 个饥饿度鸡腿，以及一个在第一个槽位带有文档图标的 9 格快捷栏。
UI Mockups
教育科学信息图
{ "type": "教育信息图", "theme": "量子物理", "background": "深蓝色渐变", "header": { "title": "{argument name=\"main title\" default=\"波函数坍缩\"}", "subtitle": "{argument name=\"subtitle\" default=\"从多种可能性到单一结果\"}" }, "layout": { "type": "三阶段水平演进", "connections": "阶段间各有一个指向右侧的粗水平箭头", "stages": [ { "position": "左侧", "title": "测量前", "subtitle": "作为概率波的 {argument name=\"subject\" default=\"电子\"}", "visual": "弥散且发光的蓝色粒子云，类似星云", "labels": ["可能的位置", "所有可能性的叠加态"] }, { "position": "中央", "title": "测量", "subtitle": "测量 {argument name=\"subject\" default=\"电子\"} 的位置", "visual": "1 个带有绿色屏幕和红色按钮的灰色方块测量设备，指向下方 1 个白色箭头，对应一个中心明亮的黄色凝聚态水平粒子带" }, { "position": "右侧", "title": "测量后", "subtitle": "波函数坍缩", "visual": "发出明亮放射状光芒的单个实心黄色球体", "labels": ["单一、确定的位置"] } ] }, "footer": { "explanation": "“坍缩”意味着波函数从多种可能性的分布转变为一个特定的结果。", "summary": "从多种潜能 [黄色向右箭头] 到一个确定的结果" } }
摄影
YouTube 直播演示界面模型
{"type": "YouTube 桌面深色模式 UI 模型", "header": {"logo": "YouTube", "search_bar": "搜索", "icons_count": 5, "icons": ["搜索", "麦克风", "创建", "通知", "个人资料"]}, "video_player": {"top_left_badge": "直播", "left_side": {"subject": "{argument name=\"presenter description\" default=\"身穿绿色毛衣站在木质讲台上的男士\"}", "podium_logo": "OpenAI"}, "right_side_presentation": {"text_elements": ["OpenAI", "隆重推出", "{argument name=\"product name\" default=\"GPT-Image-2\"}", "{argument name=\"tagline\" default=\"更逼真。更实用。更具创造力。\"}"], "sample_images_count": 4, "sample_images": ["带船的山间湖泊", "光影斑驳的女性肖像", "森林里提着灯笼的可爱机器人", "星夜咖啡馆画作"]}, "bottom_controls_count": 10, "bottom_controls": ["暂停", "下一条", "音量", "直播", "红色进度条", "字幕", "设置", "迷你播放器", "影院模式", "全屏"]}, "video_details": {"title": "{argument name=\"video title\" default=\"OpenAI 直播：隆重推出 GPT-Image-2\"}", "channel": {"name": "{argument name=\"channel name\" default=\"OpenAI\"}", "verified": true, "subscribers": "136 万", "button": "订阅"}, "action_buttons_count": 5, "action_buttons": ["喜欢 1.2 万", "不喜欢 497", "分享", "保存", "更多"], "description_box": {"stats": "95,237 人正在观看，7 分钟前开始直播", "tags": "#OpenAI #GPTImage2 #AI", "text": "欢迎参加我们的特别直播活动，我们将介绍 GPT-Image-2，这是我们最新且最先进的图像生成模型。观看新功能演示、实时演示并听取团队分享……更多"}}}
FAQ
常见问题
App UI 样机提示词 应该包含哪些信息？
至少包含用途、主体、构图、光线、风格和输出比例。如果图片要承载标题，还要写明文字安全区。
这些提示词可以直接生成吗？
可以。复制提示词或打开 Image2Studio 后，替换你的产品、人物、场景和画幅，再提交生成。
用这个方向开始生成
复制一个示例，带入工作台，继续修改产品、场景、风格和画幅。