栈式导航与智能位置选择

深入了解 MononoMori 的 StackablePeek 导航系统和 DrillDown 位置选择器，掌握高效的空间穿梭技巧

本页导览

栈式导航与智能位置选择：流畅探索的艺术

“层层叠叠如卡片，轻松跳转任意门。在 MononoMori 的导航世界中，每一次点击都是一次优雅的旅行。”

MononoMori 的 栈式导航系统 (StackablePeek) 和 智能位置选择器 (DrillDown Selector) 是为深度空间管理而精心设计的高级交互系统。它们将复杂的层级结构转化为直观、流畅的操作体验，让用户能够在海量物品中如鱼得水般自由穿梭。

📚 StackablePeek 导航：Safari 式的层叠体验

设计理念：卡片叠加的视觉隐喻

StackablePeek 导航借鉴了 Safari 浏览器的标签页管理理念，将每个浏览层级表示为一张独立的卡片。用户可以像翻阅书签一样在不同层级间穿梭，既保持了上下文关系，又提供了快速跳转的便利。

核心特征：

层叠深度：新页面如卡片般叠加在当前页面之上，形成自然的深度感。
可见上下文：通过精妙的偏移设计，你始终能看到后方父级页面的边缘标题，永不迷失方向。
状态保持：每个层级的浏览状态（滚动位置、展开项）都被完整冻结，返回时即刻恢复。

视觉细节与交互美学

Safari 式堆叠效果：系统通过动态计算每张卡片的位置，营造出真实的物理堆叠感：

错位偏移：后方卡片会向右上方轻微偏移（垂直 + 水平），露出关键的标题信息。
渐进缩放：底层卡片逐级轻微缩小，增强景深效果。
层级透明：非当前卡片会略微降低透明度，将视觉焦点自然引导至顶层。
智能阴影：卡片间投射柔和的阴影，清晰界定层级边界。

层级指示器 (Level Indicator)：屏幕顶部常驻一个优雅的面包屑指示器，以小圆点和标题直观展示当前的导航深度。

圆点追踪：每个圆点代表一个层级，高亮圆点指示当前所在位置。
路径可视化：连接线串联起整个探索路径，清晰展示”我从哪里来”。

手势操作指南

StackablePeek 专为单手操作优化，提供符合直觉的手势体验：

基础操作：

拖拽关闭：按住顶层卡片向下滑动，即可关闭当前层级，返回上一级。
背景点击：直接点击后方露出的卡片边缘，或点击半透明背景遮罩，即可快速”弹走”顶层卡片，回到该层级。
全屏切换：内容区域支持完整滚动，松手后卡片自动回弹吸附。

界面交互：

添加子项：点击卡片右上角的 “带 ”+” 号的文件夹” 图标，即可在当前位置快速创建子空间或子位置。
查看全部：点击”物品一览”旁的”查看全部”，可展开完整的物品列表视图。

使用场景：深度浏览

当且仅当你需要从宏观逐步深入微观时，StackablePeek 发挥最大威力：

森林总览：点击空间，弹出第一张卡片（空间详情）。
空间深潜：点击空间内的某个位置（如”书柜”），新的卡片叠加出现。
位置钻取：继续点击子位置（如”第二层”），第三张卡片再次叠加。
物品交互：在任意层级点击物品，唤起物品详情页。

🔍 DrillDown 位置选择器：精准导航的智慧

三层递进的导航架构

在移动或添加物品时，DrillDown 位置选择器采用了清晰的三层递进结构，将复杂的层级关系扁平化：

导航层级：

空间层 (Spaces)：显示所有顶级空间（如家、办公室）。
位置层 (Locations)：选中空间下的主要位置（如衣柜、书架）。
子位置层 (Sub-locations)：支持无限层级的子位置钻取。

⚡️ 智能父级选择 (Smart Parent Selection)

这是 DrillDown 系统最高效的特性——“点击标题即选择”。

很多时候，你浏览到了”客厅 > 电视柜”，但只想把物品放在”电视柜”这个大位置，而不选具体的抽屉。在传统设计中，你需要退回上一级勾选。但在 MononoMori 中：

操作：直接点击顶部的 “电视柜” 标题栏。
反馈：标题栏会立即显示绿色 ✅ 标记，表示”已选中当前父级”。
优势：无需反复进出层级，在浏览的同时完成宽泛选择。

面包屑导航栏

选择器顶部集成了可横向滚动的面包屑导航栏：

路径显示：完整显示 空间 > 位置 > 子位置 的全路径。
快速回溯：点击路径中的任意节点（如点击起始的”空间”），即可一键跳转回该层级，无需多次点击返回按钮。

高效筛选与识别

视觉图标：所有选项都带有类型图标（房屋、盒子），一眼区分空间与位置。
包含计数：每个选项副标题都显示了其包含的子项数量，辅助判断位置规模。
高亮反馈：选中路径全程高亮，清晰展示当前的归属关系。

💡 最佳实践建议

导航系统的配合使用

StackablePeek 和 DrillDown 虽然形态不同，但设计逻辑一脉相承：

浏览用 Stackable：当你是在”逛”自己的森林，寻找灵感或查看物品时，使用 StackablePeek。它的保留现场能力让你随时可以回看上一步。
操作用 DrillDown：当你明确要”移动”或”添加”物品时，DrillDown 专注于路径选择，没有任何多余的干扰信息，效率最高。

防迷路小贴士

善用背景点击：在 StackablePeek 中，如果你觉得层级太深，直接点击最黑的背景遮罩，可以一键关闭所有卡片，回到森林地图。
关注顶部指示器：无论是哪个系统，顶部始终都有路径指示。迷茫时，抬头看一眼顶部，就能找回方向。

🌟 结语

MononoMori 的导航系统不仅是连接数据的桥梁，更是数字空间中的”透视眼”。它让你在哪怕最复杂的收纳结构中，也能享受到如翻阅精美画册般的优雅与从容。

在这片森林里，没有死胡同，只有通往下一个发现的幽径。