H5 精简版导览设计稿
说明
本目录为 H5 版本的精简导览设计稿。相比前两版,本版刻意减少功能入口,不包含收藏、推荐、我的等扩展功能,重点保留导览最小闭环:
- 打开导览首页。
- 搜索或按设施 / 楼层找点位。
- 选中点位。
- 选择起点 / 终点并查看位置关系。
- 进入简化导览中状态。
- 路线或定位不可用时回到位置预览。
点位搜索页参考了用户提供的界面结构:顶部标题、地图 / 搜索入口、设施分类图标、服务设施标签、馆名、楼层侧栏和点位列表。视觉仍按 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 |
异常降级 | 路线数据 / 定位不可用时返回位置预览或手动选择起点 |
需要确认
- H5 首页是否只保留“开始导览”,还是保留“地图 / 列表”切换。
- 点位搜索页的设施分类是否固定为服务台、电梯、扶梯、洗手间、母婴室、出入口。
- “服务设施”是否只保留饮料售卖机、票务售卖机、纪念品售卖机。
- 路线未就绪时,主按钮是否统一使用“查看位置关系”。
- H5 是否需要保留“讲解”入口,还是先从本版导览闭环中移除。
生成方式
按 C:\Users\Administrator\.codex\skills\.system\imagegen\SKILL.md 使用内置 image_gen 工具生成。用户提供的截图作为结构参考图,不作为编辑目标;生成结果已复制到本项目目录,原始生成文件保留在 Codex 默认生成目录。