说实话,很多人用 AI 出图还停留在"写一段话,然后看运气"的阶段。对于生成一张风景图或者头像,这没问题。但如果你需要生成一个带导航栏、数据图表、中文标注的完整 UI 界面,自然语言就很容易翻车——不是丢元素,就是排版乱,或者中文渲染出来变成乱码。
GPT Image 2 的出现确实把 AI 出图的可控性往前推了一大步。更关键的是,配合 JSON 格式的结构化 prompt,你能把出图的随机性降到很低。
GPT Image 2 到底强在哪
文字渲染几乎不出错。 中文、日文、韩文等非拉丁字符的渲染准确率接近 99%。这意味着你可以放心在生成图里放中文标题、中文按钮、数据标签,不用担心出现乱码或缺字。
分辨率和长宽比很自由。 最高支持 4096×4096 输出,长宽比从 1:3 到 3:1 都行。不管是竖版手机界面还是横版宽屏,原生输出就好,不需要后期拉伸。
复杂场景的理解能力强。 它不只是把你描述的元素机械堆砌,而是能理解元素之间的空间关系、层级逻辑,生成结果的布局通常比较合理。
局部编辑指令遵循度高。 你指定改某个区域,其他地方基本不会跟着动,在迭代设计时省了不少事。
拿它和同类产品对比的话——文字渲染、提示遵循、复杂场景处理这三块,GPT Image 2 的优势比较明显。如果你更看重极致真实感或者生成速度,可以考虑其他方案,但综合能力上它目前算是比较靠前的选择。
为什么要用 JSON Prompt
自然语言的问题在于,当你需要同时描述 20 个 UI 元素的位置、样式、内容和层级关系时,语言会变得很模糊,模型理解也容易跑偏。
JSON 格式的核心优势是层级清晰——嵌套结构天然对应 UI 的空间布局,top_left、bottom_center 这样的字段名直接告诉模型元素放在哪里。每个字段的含义明确,不存在自然语言里那种歧义。而且改起来也方便,调整某个字段就能快速迭代,不用重写整段描述。
下面这 10 个案例都在 Azure 上的 GPT Image 2 服务里跑通过,覆盖了游戏界面、导航、电商、数据仪表盘等不同场景。
10 个实操案例
案例 1:三国策略游戏界面
以赤壁之战为背景的 RTS 游戏截图,包含资源面板、部队列表、战场地图、指令栏。JSON 里通过 ui_elements 的嵌套,把每个面板的位置(top_left、top_center 等)、内容和视觉风格分别定义清楚。从资源数值到部队属性,从 8 个指令按钮到军师提示文字,所有元素都被明确指定。生成结果在复杂元素的空间布局和中文渲染上表现不错。
案例 2:导航界面
夜间驾车穿越上海陆家嘴的手机导航截图,包含 3D 建筑、路线规划、转向指示、路况叠加、POI 标注、速度摄像头警告等多层信息。导航界面的信息密度相当高,JSON 通过 map_view、bottom_info_bar、floating_elements 等字段把每一层信息分开描述,最终生成的层次感比较清晰。
案例 3:B 站弹幕视频截图
完整的 B 站播放页,包含 15 条不同内容的弹幕、进度条热点标记、控制栏、右侧推荐列表。弹幕内容用数组逐条列出,进度条、控制栏、侧边栏分别用嵌套对象描述。这种精细度是一段自然语言很难做到的——你在描述弹幕的时候,自然语言最多说"有很多弹幕",但 JSON 可以把每条弹幕的具体内容都写出来。
案例 4:产品爆炸图海报
专业级无人机爆炸视图,展示 8 层核心组件,左右各 4 条标注,每条包含组件名称和技术参数。通过 callout_labels 的左右分栏控制标注位置,GPT Image 2 成功渲染了多层堆叠结构和密集的中文标注文字。
案例 5:AI 行业信息图
2026 年全球 AI 行业全景图,包含市场规模数据、头部玩家矩阵、细分赛道饼图、关键趋势列表四大模块。JSON 通过 section_1 到 section_4 的分区结构清晰定义每个模块的内容,数字渲染和中英文混排的表现比较突出。(注:文中提及的各公司估值数据以实际公开信息为准,此处仅为示意。)
案例 6:SaaS 产品落地页
一个 AI 项目管理工具的落地页,在 MacBook Pro 屏幕里展示。包含导航栏、Hero 区域(标题+CTA 按钮+产品截图)、功能卡片区和客户 Logo 栏。page_layout 的有序嵌套把每个区块的内容和样式定义得很清楚,生成结果的整体排版和视觉层级比较到位。
案例 7:仙侠 MMORPG 游戏界面
国风仙侠网游截图,同时包含血条法力条、12 个技能格、任务追踪进度、多频道聊天框、圆形小地图、快捷栏。这大概是 UI 复杂度的天花板了——通过空间位置字段(top_left、bottom_center 等)编排每个面板的位置,GPT Image 2 基本忠实地还原了这个复杂布局。
案例 8:天猫风格电商详情页
戴森 Airwrap 的手机端详情页,从顶部轮播图到底部"立即购买"按钮,包含价格促销、SKU 颜色选择器、核心功能 icon 横排、产品长图区。电商详情页的信息层级很有规律,JSON 通过有序嵌套把每一层定义清楚,生成的竖版页面结构完整、信息准确。
案例 9:企业级数据仪表盘
电商运营数据中台,深色模式,玻璃拟态风格。包含 4 张 KPI 卡片(GMV、订单量、客单价、退货率)、30 天趋势双轴组合图、品类占比环形图、热销商品条形图、中国地图热力图。这是 JSON prompt 最能发挥优势的场景——每张卡片的数值、涨跌方向、颜色编码,每个图表的类型和数据内容,全都通过字段精确传达,生成结果的还原度很高。
案例 10:高端地产楼书对开页
左页深墨绿底配湖畔别墅黄昏渲染图,右页纯白底配楼盘文案、参数网格和预约信息。地产楼书的设计语言和科技 UI 完全不同,强调留白、烫金、中英文混排的克制优雅。通过 left_page 和 right_page 的对称结构分别定义两页内容,字体风格、色彩控制和排版美感的表现令人满意。
什么时候该用 JSON Prompt
JSON prompt 不是万能的。如果你只是要生成一张风景图、一个人物肖像,用自然语言描述反而更快更直接。
但当你面对这几类场景时,JSON 的优势就出来了:
本质上,JSON prompt 给了你一种更接近"设计规格书"的表达方式,而不是"向画师描述感觉"。这两种沟通方式的效率,在面对复杂需求时差距会越来越大。
如果你之前一直在用自然语言抽卡,不妨用上面某个案例的 JSON 框架改改内容试一下,感受一下出图确定性的差别。