Files
frontend-miniapp/docs/Benchmark/generated-guide-designs-h5-home-simple
lyf 8fed715235
Some checks failed
CI / verify (push) Has been cancelled
chore: sync latest project updates
2026-07-03 14:42:38 +08:00
..
2026-07-03 14:42:38 +08:00

H5 精简版导览首页设计稿

本目录为新版导览 H5 首页的单页设计稿,仅表达功能逻辑和页面结构,不是最终视觉规范,也不是小程序版界面。

文件

  • 01-h5-guide-home-simple.pngH5 导览首页精简版
  • 01-h5-guide-home-simple.svg:可复查的矢量源稿

设计逻辑

  • 平台形态:纯 H5 移动端页面,不包含手机状态栏、微信胶囊、小程序标题栏或浏览器外壳。
  • 首页重点:三维地图作为首屏核心,占据页面最大面积。
  • 搜索入口:保留一个顶部轻量搜索框,支持查找展厅、设施、出入口。
  • 功能缩放:设施、图例、楼层、定位、路线等操作以小型悬浮控件呈现,避免挤占地图。
  • 主任务闭环:用户进入导览首页后,可搜索地点、切换楼层、查看地图点位,并通过底部主按钮进入“开始导览”。
  • 精简范围:不包含收藏、推荐、我的、讲解推荐等扩展功能。

依据

  • 用户提供的参考图用于信息架构参考:导览标题、来馆入口、搜索、设施入口、三维地图、楼层切换、底部开始导览。
  • 设计方向按用户要求调整为“终点突出三维地图,其他组件尽量使用缩放形式”。
  • 视觉仍参考项目 0519 规范的基础色彩关系:白/浅灰背景、黑色主按钮、荧黄选中/按钮文字、绿色辅助状态。

待确认

  • “开始导览”是否直接进入导航中,还是先进入起终点/路线规划面板。
  • H5 首页是否需要保留“地图/列表”切换,当前精简稿已去掉切换以突出 3D 地图。
  • 设施快捷入口是否默认展开,还是点击“设施”后再展示分类。
  • 楼层是否固定在地图右侧,或在小屏下收进底部工具条。