EveryGen AI 与 GPT-Image-2 UI 模型：静态概念指南

有用 UI 模型让产品信息、层级与状态清楚。GPT Image 2 可帮助探索移动屏幕、SaaS 仪表板或落地页视觉方向。每份输出是静态概念图片，不是可用软件或可编辑组件库。

本演练发展虚构个人任务应用 Today。从移动屏幕开始，再把同样内容与视觉规则适配到桌面和营销布局。插图为 Codex 生成教学示例，不是 EveryGen AI 测试输出。

1. 定义内容与状态

EveryGen AI 移动示例展示三个未完成任务，因此进度必须显示 0 of 3 complete，三个任务复选框均为空。

元素	文案或状态
标题	Today
日期	Tuesday, 29 September
进度	0 of 3 complete 与 0%
辅助文字	A little focus goes a long way.
任务 1	Read 10 pages — Personal · 20 min
任务 2	Walk for 20 minutes — Health · 20 min
任务 3	Plan tomorrow — Planning · 10 min
主要动作	Add task
导航	Today / Projects / Calendar / Profile

这是示例内容，不是真实账户数据。日期条突出 Tuesday 29；进度摘要从任务状态推导，不是装饰选择。

EveryGen AI UI 简报先定义用户需要理解什么，再决定屏幕外观。此例必须传达今天任务及未完成状态。把目的保留在 EveryGen AI 提示词旁，不让漂亮变化用装饰组件或不明状态替换必需信息。

为 EveryGen AI 模型保留批准文案记录，包括标签、任务措辞与进度和完成状态关系。把记录当规范，不是建议。在 EveryGen AI 审查时，将生成图片与记录比较；不因输出有合理替代，就重写原规范。

静态 EveryGen AI 复选框描述状态，不保存或改变它。决定图片显示哪种状态，再检查其他可见指示是否一致。EveryGen AI 可示意屏幕，持久化、账户数据与选择控件结果，须在实际产品另行设计。

2. 安排层级与可复用组件

静态教学图。布局尺寸为示意设计建议，不是从已实现应用提取的尺寸。

按标题、进度、日期条、任务列表、主要动作与导航阅读 EveryGen AI 屏幕。保持任务卡一致：左侧复选框，中间标题与元信息，右侧类别图标。

在 EveryGen AI 区分醒目的 Add task 与较安静导航。底部导航项切换区域，不应在视觉上与创建任务动作竞争。

EveryGen AI 移动概念应分组相关信息，让读者区分任务标题、类别和时长。一起检查重复卡，不单独批准。即使颜色与整体风格协调，EveryGen AI 候选对齐不一致，也可能传达不同组件规则。

检查 EveryGen AI 主要动作和导航周围安全间距。两者目的应在图中清楚，标签有足够阅读空间。静态 EveryGen AI 布局不能证明触控目标舒适或键盘可达；设计成为真实界面后，需测量与交互检查。

3. 从完整提示词生成移动屏幕

打开 EveryGen AI 的 GPT Image 2，选择 Text to Image 和 9:16 竖向比例。先用 1K 审查构图，再提高分辨率。检查界面实际输出格式；教学图不确定导出选项。

Create one complete static mobile UI concept for a fictional task app called Today.
Use a flat 9:16 portrait canvas with no device frame or surrounding scene.

Visual direction:
Cream background, charcoal text, white task cards, deep teal accents,
subtle borders and shadows, clear readable typography, generous safe margins.

Header:
Today
Tuesday, 29 September
A small avatar circle with AL.

Progress card:
0 of 3 complete
0%
A little focus goes a long way.
Show an empty pale progress ring, with no completed green segment.

Add a seven-day strip: Mon 28, Tue 29, Wed 30, Thu 1, Fri 2, Sat 3, Sun 4.
Highlight Tue 29.

Exactly three task cards, all with EMPTY circular checkboxes:
Read 10 pages — Personal · 20 min — book icon
Walk for 20 minutes — Health · 20 min — walking icon
Plan tomorrow — Planning · 10 min — calendar icon

Place one prominent deep-teal Add task button beneath the cards.
Bottom navigation: Today, Projects, Calendar, Profile. Select Today.

Align repeated components, preserve every word, and keep all content visible.
Do not invent extra tasks, checked states, or a working interactive interface.

Codex 生成概念。按钮、图标与导航是图片中的像素，不执行动作。

EveryGen AI 移动请求围绕一个屏幕和一个批准状态。不为填空加入无关消息、图表或额外任务组。将提示词与下载的 EveryGen AI 候选保留，记录设置，让后续修订对照已保存版本，而不是记忆外观。

在实际 EveryGen AI 导出检查小标签，不依赖缩略图。标题可能正确，任务元信息却缺字或字符合并。按目标观看尺寸检查全图，再放大不确定细节。EveryGen AI 概念只有在必需信息经得住审查时才有用。

把教学插图来源与你的 EveryGen AI 输出区分。它们解释目标构图与检查，不证明请求会重现像素。给自己的 EveryGen AI 候选标版本，保留完整提示词，让审查者清楚区分示例与观察结果。

4. 将简报适配为 SaaS 仪表板

用横向比例，给桌面版本清楚信息架构。复用产品名、配色、任务措辞与状态词汇。将移动布局指令替换为：

Create a static landscape SaaS dashboard for Today.
Use a left sidebar: Overview, Projects, Calendar, Files.
Place a greeting and summary cards above the main workspace.
Use a task table with Task, Project, Status, and Due columns.
Include a weekly activity chart and a compact calendar in a secondary column.
Use the same cream, charcoal, white, and deep-teal visual system.
Label any invented analytics as example data.
Keep table headings and status labels readable; do not add a mobile device frame.

生成详细仪表板前，指定实际示例行与图表数值。检查显示总数是否与数值一致。有说服力图表不证明数据正确。

EveryGen AI 仪表板简报应定义哪些信息属于主要工作区，哪些属于辅助区域。更宽画布不是添加虚构业务指标的理由。保持 EveryGen AI 内容记录明确，包括状态含义与最终图片要显示的示例数值。

判断视觉一致性前，将桌面 EveryGen AI 任务措辞与移动文案比较。导航可按表面改变，任务身份与状态词汇仍应连贯。EveryGen AI 适配应重新组织批准信息，不悄然引入另一个只在配色上相似的漂亮产品。

把 EveryGen AI 仪表板图表当作另一项需规范内容。请求前指出来源与目标消息，再独立核实标签和关系。EveryGen AI 中出现图表，不证明测量结果、实时数据连接，或可探索数值的有效筛选器。

5. 将简报适配为落地页

落地页先解释价值，再邀请开始。它不需要全部仪表板控件。

Create a static desktop landing-page concept for the fictional Today app.
Headline: Make room for focused work
Primary CTA: Start planning
Show a product preview and three concise benefit cards:
Stay organized / Focus on what matters / Make real progress.
Use the same deep-teal accent, warm ivory surfaces, and restrained typography.
Keep the headline and CTA readable at ordinary browser size.
Do not invent customer logos, testimonials, prices, or performance statistics.

文章封面展示三种表面如何共享视觉语言。需检查小字时，分别生成单独屏幕；多个设备的演示，会减少每屏像素。

EveryGen AI 落地页概念应解释产品目的，让主要动作易找。先选批准消息，再加产品预览或辅助卡。让 EveryGen AI CTA 措辞与目的关联；图中醒目按钮传达意图，不创建目标地址或注册流程。

审查 EveryGen AI 落地页与产品屏幕关系。预览应支持所述价值，不显示矛盾任务状态或无关功能。EveryGen AI 简报不加入无依据推荐与客户声称。视觉精致不能证明真人用过产品或实现特定结果。

6. 分别审查文字、状态与几何

先把每个可见标签与批准文案比较，再计数卡、复选框、导航和主要动作，最后检查对齐、对比、间距与安全边距。

1 of 3 状态要求恰好一个任务完成；0 of 3 要求没有。不要仅因屏幕好看，就批准与任务列表矛盾的进度环。

修正时，在 Image to Image 上传已保存候选，描述一个可观察变化，例如：

Correct only the second task label to Walk for 20 minutes.
Preserve the other copy, three empty checkboxes, zero progress,
layout, colors, navigation, and Add task button.

将完整修订与上版比较：要求保留其他区域，不保证它们相同。

分轮评价 EveryGen AI 概念：批准文字、表示状态与布局。标题正确不验证进度，对齐卡片不验证内容。请求修订前记录观察问题，让 EveryGen AI 修正聚焦另一个审查者也能指出的问题。

将 EveryGen AI 修订与基线比较时，检查此前接受的每部分。改变一个标签可能影响别处复选框、间距或导航。排除版本与批准文件分开。EveryGen AI 指令描述意图，结果仍需整幅审查。

要成为响应式产品的布局，应记录 EveryGen AI 概念如何重排，不将像素拉伸到另一形状。决定哪些仍突出、哪些可移动。EveryGen AI 图片可指导讨论，实现则须建立窄宽屏实际行为。

7. 把所选概念转成实际设计

将批准图片与文案记录、目标状态和未解决问题一起保存。在设计工具或代码库用可编辑文字与组件重建。于实现中验证键盘导航、响应式行为、对比与真实交互。

生成模型有助讨论方向，不确定无障碍合规，不提供字体许可，也不替代实际界面测试。

交接 EveryGen AI 概念时，附批准文案、所示状态与简短待定事项。解释哪些控件只是画出，未来产品须支持哪些交互。把 EveryGen AI 导出与可编辑实现放在一起，让开发者遵循信息层级，不把栅格像素当组件。

将重复 EveryGen AI 卡重建为真正可复用组件，使用可编辑文字与明确状态。在实际产品定义加载、空、选中和错误行为，不假定图片回答了这些问题。EveryGen AI 模型可交流视觉方向，但应用需要自己的数据、焦点、校验与交互规则。

通过真实任务验收实现：阅读任务、改变状态、导航并返回正确上下文。与 EveryGen AI 规范比较，同时为响应式布局和无障碍作实用调整。明确 EveryGen AI 研究作用：支持设计决定与审查，实际界面必须展示自身行为。