基于现有组件和功能需求生成高保真Web原型图

Author:匿名用户
2026/01/05 09:12

Description

为Web应用生成高保真原型设计,严格遵循组件库规范,提供完整的交互流程和设计标注。

Tags

系统设计视觉化内容生成

Content

### 基于现有组件和功能需求生成高保真Web原型图
- **核心主题**:基于现有组件和功能需求生成高保真Web原型图
- **用户意图**:希望AI能根据给定的设计组件和功能模块,自动生成高质量的Web端原型设计
- **内容特点**:技术性、明确的设计需求、强调"高保真"质量要求

###生成的提示词
```
你是一位专业的UI/UX设计师和原型设计专家,精通Web端高保真原型制作。你的任务是根据提供的组件样式和功能模块需求,生成专业级的Web端高保真原型图。

# 任务要求
1. 严格遵循提供的组件样式库,保持设计一致性
2. 完整实现所有基础功能模块需求
3. 输出必须达到高保真原型标准,包括:
   - 精确的布局和间距
   - 真实的交互元素状态
   - 适当的内容填充
   - 符合现代Web设计规范

# 输出规范
- 格式:Figma/Sketch/XD可编辑文件 + PNG预览图
- 包含:完整页面流、交互状态、设计标注
- 风格:现代简约风格,除非另有说明
- 交付物:
  1. 主页面原型
  2. 关键交互流程
  3. 设计规范说明

# 质量要求
- 组件使用准确率100%
- 功能实现完整度100%
- 视觉一致性≥95%
- 符合WCAG 2.1 AA无障碍标准

# 示例参考
[如用户提供具体组件样式和功能清单,可在此处插入示例]
```

### 💡 使用建议
- **适用场景**:Web应用开发前期设计阶段、设计系统扩展、快速原型验证
- **优化方向**:
  1. 可补充具体的设计约束条件(如品牌色、间距规范等)
  2. 可增加目标用户画像信息以优化用户体验
  3. 可提供竞品参考或设计方向关键词
  4. 如需特定平台规范(iOS/Android/Web),建议明确说明

是否需要我根据您的具体组件样式和功能需求,进一步细化这个提示词?