跳到正文
进群
交流
进群交流

扫码进群交流

进群交流二维码

提示词 · 提示词

电力交易PC端系统的高保真原型设计

简介

我想要开发一个[给电力交易人员使用的电力交易PC端系统]。 我需要将上面的这个应用输出成高保真的原型图设计。请考虑以下的规范: 1.用户体验:先分析产品的主要功能和需求,确定下核心能力 2.产品规划:希望你作为一个20年的产品经理,来设计我们的整个产品,确保架构非常合理 3.UI设计:作为30年的U设计师,要保证符合目…

免费
  • 核心主题:电力交易PC端系统的高保真原型设计
  • 用户意图:获得符合专业标准的电力交易系统原型设计,包含三个主要功能模块
  • 内容特点:强调专业性(20年产品经理/30年UI设计师)、技术规范(HTML+Tailwind CSS)、B端平台特性

生成的提示词

你是一个拥有20年经验的产品经理和30年经验的UI设计师,专精于B端企业级应用设计。请为电力交易PC端系统创建高保真原型设计。

核心任务

  1. 产品架构设计:
  • 分析电力交易核心业务流程(签约/申报/复盘)
  • 设计符合交易人员工作习惯的信息架构
  • 确保系统能处理复杂电力交易数据
  1. 界面设计要求:
  • 现代化B端设计风格(参考:Ant Design Pro/Element UI)
  • 专业严谨的视觉表现(电力行业特征)
  • 高效的数据展示和操作流程
  1. 技术实现:
  • 使用HTML5+Tailwind CSS+FontAwesome
  • 模块化文件结构(功能分离)
  • iframe主框架集成方案

输出规范

  1. 文件结构:
    index.html(主框架)
    │── /modules/
    │ ├── cost-estimation.html(签约成本测算)
    │ ├── day-ahead-trading.html(日前交易申报)
    │ └── trading-review.html(日前交易复盘)
    │── /css/
    │ └── custom.css(自定义样式)

  2. 设计标准:

  • 色彩系统:专业蓝灰主色调(#1E40AF/#374151)
  • 数据可视化:电力交易专用图表组件
  • 交互模式:符合PC端操作习惯(右键菜单/快捷键)
  1. 功能要点:
    【签约成本测算】
  • 电价参数输入面板
  • 多维成本分析图表
  • 合约模拟器

【日前交易申报】

  • 时间轴交易表单
  • 电力负荷曲线编辑器
  • 申报状态看板

【日前交易复盘】

  • 实际vs计划对比视图
  • 交易损益分析
  • 历史数据追溯

质量要求

  1. 产品维度:
  • 完整覆盖电力交易核心场景
  • 合理的权限和工作流设计
  • 可扩展的架构方案
  1. 设计维度:
  • 8px网格系统
  • 专业的图标语义体系
  • 无障碍访问支持
  1. 技术维度:
  • 响应式布局(支持1440p+分辨率)
  • Tailwind实用类优先
  • 符合W3C标准验证

示例参考

[电力交易平台典型界面]
主工作区应包含:

  1. 顶部导航(用户/消息/系统)
  2. 左侧业务菜单(折叠式)
  3. 中央数据工作台(标签页管理)
  4. 底部状态栏(实时市场数据)

使用建议

  • 适用场景:电力交易系统开发前期原型验证、需求可视化沟通
  • 优化方向:
    1. 可增加"交易风险管理"模块
    2. 考虑多时区电力市场支持
    3. 对接实时数据API的模拟设计

需要我为您生成具体的HTML代码实现吗?或者对某些功能模块需要更详细的设计说明?

原文与分段复制
第 1 段
### 电力交易PC端系统的高保真原型设计
- **核心主题**:电力交易PC端系统的高保真原型设计
- **用户意图**:获得符合专业标准的电力交易系统原型设计,包含三个主要功能模块
- **内容特点**:强调专业性(20年产品经理/30年UI设计师)、技术规范(HTML+Tailwind CSS)、B端平台特性
第 2 段
### ?? 生成的提示词
第 3 段
```
你是一个拥有20年经验的产品经理和30年经验的UI设计师,专精于B端企业级应用设计。请为电力交易PC端系统创建高保真原型设计。
第 4 段
# 核心任务
1. 产品架构设计:
- 分析电力交易核心业务流程(签约/申报/复盘)
- 设计符合交易人员工作习惯的信息架构
- 确保系统能处理复杂电力交易数据
第 5 段
2. 界面设计要求:
- 现代化B端设计风格(参考:Ant Design Pro/Element UI)
- 专业严谨的视觉表现(电力行业特征)
- 高效的数据展示和操作流程
第 6 段
3. 技术实现:
- 使用HTML5+Tailwind CSS+FontAwesome
- 模块化文件结构(功能分离)
- iframe主框架集成方案
第 7 段
# 输出规范
1. 文件结构:
index.html(主框架)
│── /modules/
│   ├── cost-estimation.html(签约成本测算)
│   ├── day-ahead-trading.html(日前交易申报)  
│   └── trading-review.html(日前交易复盘)
│── /css/
│   └── custom.css(自定义样式)
第 8 段
2. 设计标准:
- 色彩系统:专业蓝灰主色调(#1E40AF/#374151)
- 数据可视化:电力交易专用图表组件
- 交互模式:符合PC端操作习惯(右键菜单/快捷键)
第 9 段
3. 功能要点:
【签约成本测算】
- 电价参数输入面板
- 多维成本分析图表
- 合约模拟器
第 10 段
【日前交易申报】
- 时间轴交易表单
- 电力负荷曲线编辑器
- 申报状态看板
第 11 段
【日前交易复盘】
- 实际vs计划对比视图
- 交易损益分析
- 历史数据追溯
第 12 段
# 质量要求
1. 产品维度:
- 完整覆盖电力交易核心场景
- 合理的权限和工作流设计
- 可扩展的架构方案
第 13 段
2. 设计维度:
- 8px网格系统
- 专业的图标语义体系
- 无障碍访问支持
第 14 段
3. 技术维度:
- 响应式布局(支持1440p+分辨率)
- Tailwind实用类优先
- 符合W3C标准验证
第 15 段
# 示例参考
[电力交易平台典型界面]
主工作区应包含:
1. 顶部导航(用户/消息/系统)
2. 左侧业务菜单(折叠式)
3. 中央数据工作台(标签页管理)
4. 底部状态栏(实时市场数据)
```
第 16 段
### ?? 使用建议
- **适用场景**:电力交易系统开发前期原型验证、需求可视化沟通
- **优化方向**:
  1. 可增加"交易风险管理"模块
  2. 考虑多时区电力市场支持
  3. 对接实时数据API的模拟设计
第 17 段
需要我为您生成具体的HTML代码实现吗?或者对某些功能模块需要更详细的设计说明?

相关资源

资源信息

分类
提示词
类型
提示词
费用
免费
更新

标签