AI UI 线框图：先验证流程，再讨论颜色

## 适用场景

适合新功能、后台和移动应用早期设计。线框图要检验任务路径、信息优先级和状态，而不是追求精美视觉。

## 三步工作法

### 步骤 1：描述用户任务

写清角色、起点、目标、关键决策和失败情况。

### 步骤 2：列出页面状态

覆盖默认、空、加载、错误、无权限、完成和异常分支。

### 步骤 3：生成并走查流程

用低保真布局连接页面，让真实用户完成任务并记录卡点。

## 可直接复制的 Prompt

> 根据用户任务设计低保真线框方案。逐页输出页面目标、信息层级、主要组件、主次操作、状态和跳转；优先简化流程，不讨论颜色与装饰。列出三个可用性验证任务。

## 进阶技巧

- 先做关键路径而非所有页面

- 按钮名称使用用户语言

- 每页只保留一个主要动作

## 交付前检查

- 用户能否知道当前状态

- 错误是否可恢复

- 完成任务是否存在多余步骤

## 预期效果

在投入高保真设计和开发前发现流程问题，降低后期大改成本。

## 使用边界

AI 负责整理、扩展和检查，人仍然负责事实准确性、业务判断、隐私保护与最终发布。涉及个人信息、商业机密、财务、法律或安全内容时，只能使用组织批准的工具和脱敏材料。