# H5 导览首页 5 套设计方向 本目录提供 5 套 H5 首页高保真方向稿,用于选择信息架构和首页主体验证。设计重点为:三维组件、`讲解`入口、`来馆`入口。其他功能仅作为弱辅助控件出现。 ## 文件 - `00-contact-sheet.png`:5 套方案总览图。 - `01-01-map-first.png`:方案一,地图画布 + 顶部双入口。 - `02-02-immersive-rail.png`:方案二,沉浸三维 + 右侧任务轨。 - `03-03-bottom-dock.png`:方案三,三维首页 + 底部三任务 Dock。 - `04-04-poi-focus.png`:方案四,点位聚焦 + 双入口卡片。 - `05-05-ultra-minimal.png`:方案五,极简三维主视觉。 每套 PNG 均配有同名 SVG 源稿,方便后续继续调整。 ## 方案说明 ### 方案一:地图画布 + 顶部双入口 三维地图占据主屏,`讲解`和`来馆`作为顶部轻量胶囊入口。适合保留传统导览首页结构,同时弱化其他功能。 ### 方案二:沉浸三维 + 右侧任务轨 三维地图更沉浸,`讲解`和`来馆`在右侧任务轨中出现,强调地图操作感。适合希望首页更像地图工具的方向。 ### 方案三:三维首页 + 底部三任务 Dock 三维地图在上,底部集中承接 `讲解`、`来馆`、`开始导览`。适合把首页主任务集中到下方操作区的方向。 ### 方案四:点位聚焦 + 双入口卡片 默认突出一个展厅点位,底部提供 `讲解`和`来馆`两个卡片入口。适合首页默认带展厅推荐点位或当前位置点位的方向。 ### 方案五:极简三维主视觉 最大幅度减少功能组件,只保留三维地图主视觉和底部核心任务选择。适合追求首页干净、低学习成本的方向。 ## 需要确认 - 首页是否需要默认展示搜索入口,还是仅保留三维地图和任务入口。 - `讲解`入口是进入讲解列表,还是进入当前展厅讲解。 - `来馆`入口是外部导航、路线说明,还是馆外地图页。 - `开始导览`是否仍作为首页主按钮保留,或被三维地图点击/点位点击替代。 - 楼层、定位、图例、设施筛选是否必须首屏可见,还是可以收纳到地图工具菜单中。