UI Mockup · 应用界面样机

适合移动应用、桌面 dashboard 和设计系统展示板的 UI mockup 模板。

提示词结构

1. 产品类型
2. 设备与画幅
3. 颜色系统
4. 信息层级与需要出现的文案
5. 成片目标（演示、路演、作品集、市场图）

使用说明

适合做 app 首页、dashboard、组件总览板。和普通插画不同，UI mockup 的重点是层级、标签清晰度、间距一致性和可信的产品感。

输入字段

`[PRODUCT_NAME]`

产品或品牌名

`[SCREEN_TYPE]`

mobile app / desktop dashboard / design system

`[PALETTE]`

主色系统

`[TEXT_ITEMS]`

需要在画面中出现的关键文案

不同模型下的变化

- `GPT-Image-2`：适合做包含清晰标签与真实产品层级的 UI mockup。
- `Flux`：适合更偏视觉展示的版式板，但文字精度通常不如 GPT-Image-2。
- 如果目标是 Figma 级展示板，建议把信息结构和文字项写得更完整，而不是只写“做一个好看的金融 App”。

可执行变体

GPT-Image-2 版 · UI Mockup

GPT-Image-2

适用场景: ui-mockup

Design a polished [SCREEN_TYPE] mockup for [PRODUCT_NAME]. Use a [PALETTE] color system and include these in-image text items: [TEXT_ITEMS]. Prioritize believable product hierarchy, crisp typography, accurate labels, balanced spacing, production-quality UI rendering, and a clean presentation background.

关联案例

案例GPT-Image-2

GPT-Image-2 案例 · 移动记账 App Mockup

适合展示 GPT-Image-2 在移动端 UI 层级、标签和数字保真上的能力。

案例GPT-Image-2

GPT-Image-2 案例 · SaaS 运营看板

展示 GPT-Image-2 在 dashboard 版式、指标命名和信息密度上的能力。

模型GPT-Image-2

分类图片

类型模版

来源internal