某县水资源

需求：

将县的水资源、农田、森林资源以及文物资源进行可视化大屏展示，可视化效果重点需求如下：
1.实现县全域的三维地形渲染，不同类别资源可以有单独展示页面，精度尽量高一些。
2.利用热力图形式直观展现*县内不同区域的污染指数分布情况
3.以动态光带效果来模拟水流方向。
4.在主地图界面周围显示相关统计数据、监测结果以及精选案例图片等内容。
5.文物古迹可以支持地图上点位标记展示。

第一版提示词：

1
2
3
4
5
6
7
8
9
现在需要输出高保真的原型图，并确保这些原型界面可以直接用于开发：用户体验分析：先分析这个【】的主要功能和用户需求，确定核心交互逻辑。进行用户调研，了解目标用户的需求与痛点。对竞品进行分析，研究其他类似类型的 【某县的水资源、农田、森林资源以及文物资源进行可视化大屏】（如 某县的水资源、农田、森林资源以及文物资源进行可视化大屏网站}）功能和设计的优缺点。产品界面规划：作为产品经理，定义关键界面，确保信息架构合理。根据功能优先级定义 MVP（最小可行产品）的核心功能，确保重要功能优先实现。制定迭代计划，确保开发进度可控，并逐步实现其他功能。高保真 UI 设计：作为 UI 设计师，设计贴近真实 可视化大屏 设计规范的界面，使用现代化的 UI 元素，确保视觉体验良好。构建设计系统，规范颜色、字体、按钮等元素的样式。提供详细的风格指南，确保界面元素一致性。HTML 原型实现：使用 HTML + Tailwind CSS（或 Bootstrap）生成所有原型界面，并使用 FontAwesome（或其他 UI 组件）让界面更加精美，接近真实 web可视化大屏 设计。将每个界面作为独立 HTML 文件（如 home.html、profile.html、settings.html 等），并通过 iframe 嵌入到 index.html，便于整体展示，将所有页面直接平铺展示在 index 页面中真实感增强。使用真实的 UI 图片，而非占位符图片（可从 Unsplash、Pexels、Apple 官方 UI 资源中选择）。。交互设计与动画效果：展示主要交互逻辑（如页面切换、按钮点击、滑动列表等）。在原型中加入简化的动画效果，帮助更好地传达交互体验。无障碍设计：确保 UI 元素有足够的对比度，文本可放大，按钮和链接可用屏幕阅读器识别。确保键盘和触控支持良好，交互体验流畅自然。请按照以上要求生成完整的 HTML 代码，并确保其可用于实际开发。.


将某县的水资源、农田、森林资源以及文物资源进行可视化大屏展示，可视化效果重点需求如下：
1.实现*县全域的三维地形渲染，不同类别资源可以有单独展示页面，精度尽量高一些。
2.利用热力图形式直观展现*县内不同区域的污染指数分布情况
3.以动态光带效果来模拟水流方向。
4.在主地图界面周围显示相关统计数据、监测结果以及精选案例图片等内容。
5.文物古迹可以支持地图上点位标记展示。
1
2
页面的提示词：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
你是一位资深 SVG 绘画设计师，现需根据以下产品需求创建SVG方案：

产品需求文档：
1. 应用类型：高端健康管理移动应用
2. 核心模块：
   - 数据仪表盘 (实时健康指标)
   - 运动计划系统 (训练课程+进度追踪) 
   - 睡眠质量分析 (多维数据可视化)
   - 营养管理 (智能食物数据库)
3. 交互要求：
   • 全矢量图形界面
   • 动态数据可视化动画
   • 符合Figma设计规范
   • 三级明暗层级关系

技术规格：
▸ 单文件SVG包含6个横向排列的页面预览
▸ 画板尺寸：375x812（带1px描边模拟手机边框）
▸ 配色方案：深空蓝(#1A202C)+活力橙(#DD6B20)+医疗白(#F7FAFC) 
▸ 必须包含：
   - 矢量图标系统（使用<symbol>定义）
   - 动态折线图（stroke-dasharray动画）
   - 卡片悬浮效果（通过filter实现）
   - 图片占位使用<image>标签外链unsplash

 
   
输出流程：
1. 先确认信息架构和交互流程
2. 分阶段输出SVG代码（每完成2个页面请求确认）
3. 最终生成完整可运行的svg文件

根据以上内容生成一个宠物APP的提示词，界面和交互要十分的炫酷