UI prompt 为什么要写组件数量？
数量能减少模型乱加或漏掉模块，例如“4 个指标卡、6 行数据表、左侧 7 个导航项”。
GPT Image 2 UI 设计提示词：把界面结构写到可复建
用 GPT Image 2 生成 UI mockup：SaaS 仪表盘、移动端设置页、落地页首屏、表格、按钮和可读中文界面文案。
这些提示词适合在 GPTImager 中配合 GPT Image 2 使用。涉及文字、品牌、人物或商业发布时，请保留人工校对和授权检查。
UI prompt 的目标不是生成一张漂亮截图，而是让产品、设计和开发都能看懂布局。需要明确平台、页面类型、组件数量、导航项、表格列、按钮文案、字体、颜色和密度。GPT Image 2 适合早期方向探索、提案图、竞品概念和设计系统视觉稿。
UI 设计 页面应把提示词写成可执行的创作 brief：先说明图像用途，再写主体、场景、文字内容、镜头、光线、材质和发布前检查项。这样用户复制后只需要替换品牌、日期、人物或商品信息，就能得到更稳定的 GPT Image 2 输出。
如果图片里有中文、日文、韩文、价格、菜单、包装标签或 UI 文案，请把文字放在引号里，并限制为短句。GPT Image 2 的文字能力很强，但商业发布前仍要检查拼写、商标、人物授权和平台规则。
UI 设计提示词示例
UI 设计示例 #1
用 GPT Image 2 生成 UI mockup：SaaS 仪表盘、移动端设置页、落地页首屏、表格、按钮和可读中文界面文案。
查看提示词 →
UI 设计示例 #2
用 GPT Image 2 生成 UI mockup：SaaS 仪表盘、移动端设置页、落地页首屏、表格、按钮和可读中文界面文案。
查看提示词 →
UI 设计示例 #3
用 GPT Image 2 生成 UI mockup：SaaS 仪表盘、移动端设置页、落地页首屏、表格、按钮和可读中文界面文案。
查看提示词 →
UI 设计示例 #4
用 GPT Image 2 生成 UI mockup：SaaS 仪表盘、移动端设置页、落地页首屏、表格、按钮和可读中文界面文案。
查看提示词 →
UI 设计示例 #5
用 GPT Image 2 生成 UI mockup：SaaS 仪表盘、移动端设置页、落地页首屏、表格、按钮和可读中文界面文案。
查看提示词 →
UI 设计示例 #6
用 GPT Image 2 生成 UI mockup：SaaS 仪表盘、移动端设置页、落地页首屏、表格、按钮和可读中文界面文案。
查看提示词 →
UI 设计示例 #7
用 GPT Image 2 生成 UI mockup：SaaS 仪表盘、移动端设置页、落地页首屏、表格、按钮和可读中文界面文案。
查看提示词 →
UI 设计示例 #8
用 GPT Image 2 生成 UI mockup：SaaS 仪表盘、移动端设置页、落地页首屏、表格、按钮和可读中文界面文案。
查看提示词 →
UI 设计示例 #9
用 GPT Image 2 生成 UI mockup：SaaS 仪表盘、移动端设置页、落地页首屏、表格、按钮和可读中文界面文案。
查看提示词 →
UI 设计示例 #10
用 GPT Image 2 生成 UI mockup：SaaS 仪表盘、移动端设置页、落地页首屏、表格、按钮和可读中文界面文案。
查看提示词 →
UI 设计示例 #11
用 GPT Image 2 生成 UI mockup：SaaS 仪表盘、移动端设置页、落地页首屏、表格、按钮和可读中文界面文案。
查看提示词 →
UI 设计示例 #12
用 GPT Image 2 生成 UI mockup：SaaS 仪表盘、移动端设置页、落地页首屏、表格、按钮和可读中文界面文案。
查看提示词 →
UI 设计示例 #13
用 GPT Image 2 生成 UI mockup：SaaS 仪表盘、移动端设置页、落地页首屏、表格、按钮和可读中文界面文案。
查看提示词 →
UI 设计示例 #14
用 GPT Image 2 生成 UI mockup：SaaS 仪表盘、移动端设置页、落地页首屏、表格、按钮和可读中文界面文案。
查看提示词 →
UI 设计示例 #15
用 GPT Image 2 生成 UI mockup：SaaS 仪表盘、移动端设置页、落地页首屏、表格、按钮和可读中文界面文案。
查看提示词 →
UI 设计示例 #16
用 GPT Image 2 生成 UI mockup：SaaS 仪表盘、移动端设置页、落地页首屏、表格、按钮和可读中文界面文案。
查看提示词 →
UI 设计示例 #17
用 GPT Image 2 生成 UI mockup：SaaS 仪表盘、移动端设置页、落地页首屏、表格、按钮和可读中文界面文案。
查看提示词 →如何写UI 设计提示词
UI 设计提示词最好按“用途、主体、场景、文字、光线、构图、风格”的顺序写。
- •先写用途和画面类型，再写主体与场景。
- •把图片中的文字放在引号里，并尽量保持短句。
- •补充构图、光线、色板、镜头或媒介。
- •明确不需要的元素，如水印、乱码、额外肢体。
- •发布前检查文字、品牌、人物和版权风险。
- •把可读文字单独写成短句，并说明它出现在标题、标签、按钮、招牌还是气泡里。
- •需要系列图时，固定主体特征、色板、镜头和版式；每次只改变一个变量，便于比较结果。
- •生成后优先检查文字、手部、品牌标识、价格和合规标签，不要直接把首张图用于广告投放。
更稳的写法
好的示例：明确“UI 设计”用途，写清主体、场景、短文字、镜头、光线和最终风格，并保留人工校对。
不建议的写法
不建议：只写“好看的UI 设计图片”，没有文字、构图、光线和用途。
如果结果跑偏，优先补齐缺失的结构信息，而不是继续堆形容词。
常见问题
中文 UI 文案能读清吗？
短标签和按钮更稳定，如“创建项目”“查看报表”“导出”。长段说明和小字号表格仍需要校对。
适合直接交给开发吗？
不建议直接当生产稿。它适合方向探索和沟通，最终仍需在 Figma 或代码中重建。
要不要指定设计系统？
建议指定 shadcn/ui、Material 3、iOS HIG、Ant Design 等参考系统，这会让圆角、间距、阴影和组件语言更一致。
怎么避免 UI 变成伪文字截图？
明确“所有按钮、导航、表头为清晰可读中文”，并列出每个关键文案。
相关提示词分类
GPT Image 2 UI 设计提示词：把界面结构写到可复建
把一个真实产品页面拆成“平台 + 组件 + 文案 + 主题色”，复制到 GPTImager 生成 UI mockup。
打开 GPTImager →* 套餐和积分以 GPTImager 当前价格页为准；发布前请检查文字、品牌和权利风险。