UI Mockup · 应用界面样机

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

Prompt Structure

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

How to Use

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

Input Fields

`[PRODUCT_NAME]`

产品或品牌名

`[SCREEN_TYPE]`

mobile app / desktop dashboard / design system

`[PALETTE]`

主色系统

`[TEXT_ITEMS]`

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

Model Differences

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

Executable Variants

GPT-Image-2 版 · UI Mockup

GPT-Image-2

Scenario: 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.

Linked Cases

CasesGPT-Image-2

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

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

CasesGPT-Image-2

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

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

ModelGPT-Image-2

Category图片

TypeTemplates

Sourceinternal