46 lines
2.7 KiB
Markdown
46 lines
2.7 KiB
Markdown
# H5 精简版导览设计稿
|
||
|
||
## 说明
|
||
|
||
本目录为 H5 版本的精简导览设计稿。相比前两版，本版刻意减少功能入口，不包含收藏、推荐、我的等扩展功能，重点保留导览最小闭环：
|
||
|
||
1. 打开导览首页。
|
||
2. 搜索或按设施 / 楼层找点位。
|
||
3. 选中点位。
|
||
4. 选择起点 / 终点并查看位置关系。
|
||
5. 进入简化导览中状态。
|
||
6. 路线或定位不可用时回到位置预览。
|
||
|
||
点位搜索页参考了用户提供的界面结构：顶部标题、地图 / 搜索入口、设施分类图标、服务设施标签、馆名、楼层侧栏和点位列表。视觉仍按 0519 规范重绘，没有照抄参考图。
|
||
|
||
## 设计约束
|
||
|
||
- H5 移动端竖屏，页面尽量简单。
|
||
- 不做收藏、推荐、我的、商城、票务等非导览功能。
|
||
- 保留 0519 规范：`#F9FAFB` 背景、`#000000` 主按钮、`#E0DF00` 主按钮文字 / 选中态、`#2C854F` 标签 / 路线辅助、`#D9D9D9` 分割线。
|
||
- 圆角遵循 0519：标签 4px，按钮 / 搜索框 8px，卡片 / 弹层 16px。
|
||
- 路线未验证时不承诺正式导航，使用“位置预览 / 查看位置关系 / 模拟导览 / 暂不支持正式导航”等安全文案。
|
||
|
||
## 图片清单
|
||
|
||
| 文件 | 状态 | 说明 |
|
||
| --- | --- | --- |
|
||
| `01-h5-guide-home-simple.png` | H5 导览首页 | 搜索、地图预览、楼层、开始导览，不含推荐 / 收藏 |
|
||
| `02-h5-search-poi-simple.png` | 导览点位搜索 | 参考截图的信息架构：设施分类、服务设施、楼层列表、点位列表 |
|
||
| `03-h5-poi-selected-simple.png` | 点位选中 | 仅保留查看位置、从这里出发、去这里 |
|
||
| `04-h5-route-planning-simple.png` | 路线规划 | 起点 / 终点、同层距离、查看位置关系、重新选择 |
|
||
| `05-h5-navigation-active-simple.png` | 导览中 | 下一步提示、路线、进度、重新定位、退出导览 |
|
||
| `06-h5-error-fallback-simple.png` | 异常降级 | 路线数据 / 定位不可用时返回位置预览或手动选择起点 |
|
||
|
||
## 需要确认
|
||
|
||
1. H5 首页是否只保留“开始导览”，还是保留“地图 / 列表”切换。
|
||
2. 点位搜索页的设施分类是否固定为服务台、电梯、扶梯、洗手间、母婴室、出入口。
|
||
3. “服务设施”是否只保留饮料售卖机、票务售卖机、纪念品售卖机。
|
||
4. 路线未就绪时，主按钮是否统一使用“查看位置关系”。
|
||
5. H5 是否需要保留“讲解”入口，还是先从本版导览闭环中移除。
|
||
|
||
## 生成方式
|
||
|
||
按 `C:\Users\Administrator\.codex\skills\.system\imagegen\SKILL.md` 使用内置 `image_gen` 工具生成。用户提供的截图作为结构参考图，不作为编辑目标；生成结果已复制到本项目目录，原始生成文件保留在 Codex 默认生成目录。
|