GPT Image-2 UI 草稿提示词

设计师是 GPT Image-2 最早的重度用户，原因只有一个：界面草稿。一条好的 UI 提示词能把「我们应该探索一下这个想法」到「屏幕上有东西可以吵架了」之间的时间，从几小时压缩到几秒。这一页的案例正是为这种交付场景写的。

一条结构良好的 UI 草稿提示词，开头会先讲三件事：设备画幅（1440×900 桌面浏览器 / iPhone 15 Pro 竖屏 / iPad 横屏）、设计系统（Material 3 / 圆角苹果 HIG / 自定义扁平中性灰）、界面的结构骨架（左侧导航 + 顶部栏 + 内容栅格 + 弹层）。然后再逐区域写具体内容 —— 不是「最近项目列表」，而是「最近 3 个项目：A、B、C，附时间戳和头像」。

这里的案例不止于浅层界面截图。我们包含了真实数据密度的仪表盘、同一界面的暗色版本、用于响应式判断的移动 / 平板配对、agency 投案常见的设计系统落地页，还有空状态、错误状态、Onboarding 这类「真产品里才会有」的边界界面 —— 这些恰恰是通用词库里最缺的。

关于界面文字。模型对短 UI 文案（"Save changes" / "Last updated 2h ago" / "Add member"）处理得很好；但长段正文还会飘。如果界面里要出现实打实的长文（营销落地页、文档浏览器），请用引号写明原文 —— 或者明确告诉模型「按某种语调生成合理的占位文本」。

发现喜欢的草稿，复制提示词到你常用的出图工具就行。如果要拿去用到真稿里，建议选支持高分辨率输出的托管 GPT Image-2 客户端（多数支持 2x 导出）。