H5 精简版导览首页设计稿
本目录为新版导览 H5 首页的单页设计稿,仅表达功能逻辑和页面结构,不是最终视觉规范,也不是小程序版界面。
文件
01-h5-guide-home-simple.png:H5 导览首页精简版01-h5-guide-home-simple.svg:可复查的矢量源稿
设计逻辑
- 平台形态:纯 H5 移动端页面,不包含手机状态栏、微信胶囊、小程序标题栏或浏览器外壳。
- 首页重点:三维地图作为首屏核心,占据页面最大面积。
- 搜索入口:保留一个顶部轻量搜索框,支持查找展厅、设施、出入口。
- 功能缩放:设施、图例、楼层、定位、路线等操作以小型悬浮控件呈现,避免挤占地图。
- 主任务闭环:用户进入导览首页后,可搜索地点、切换楼层、查看地图点位,并通过底部主按钮进入“开始导览”。
- 精简范围:不包含收藏、推荐、我的、讲解推荐等扩展功能。
依据
- 用户提供的参考图用于信息架构参考:导览标题、来馆入口、搜索、设施入口、三维地图、楼层切换、底部开始导览。
- 设计方向按用户要求调整为“终点突出三维地图,其他组件尽量使用缩放形式”。
- 视觉仍参考项目 0519 规范的基础色彩关系:白/浅灰背景、黑色主按钮、荧黄选中/按钮文字、绿色辅助状态。
待确认
- “开始导览”是否直接进入导航中,还是先进入起终点/路线规划面板。
- H5 首页是否需要保留“地图/列表”切换,当前精简稿已去掉切换以突出 3D 地图。
- 设施快捷入口是否默认展开,还是点击“设施”后再展示分类。
- 楼层是否固定在地图右侧,或在小屏下收进底部工具条。