我们在我们的可拆卸制品系统 UI 布局上讨论很久了，觉得这个问题足够普遍值得在这里讨论一下。

系统: 玩家通过组合模块化零件（.tip类型，延长头，头深度）来制作箭头。 每个插槽都会改变箭头的属性。 选择材料，看到结果，制作。 问题在于沟通零件与结果之间的关系。这不是一个平坦的菜单列表。零件之间存在共享关系，而且最终的箭头是那些选择的和。因此布局需要显示层级和流动，避免在游戏中使玩家感到疲劳。

我们提出了两个方向：

选项A（垂直树）：

结果箭头坐在顶部，选项分支向下。.visual逻辑是“这些部分进入这个结果”。这是许多玩家已然了解无需多想的技能树或技术树。

选项B（水平链）：

零件位于水平线上，从左到右，结果箭头出现在链条的尽头。流动性读起来就像一个句子：“取这个+这个+这个=那”. 更加线性的，查看更快。

两者与右侧的侧面板（箭筒插槽，野营储存），以及底部的物品格栅有相同。唯一的区别是制品流程是如何结构化的。

我们卡在什么地方：

垂直树（A）将层级结构清晰地呈现出来。 玩家首先看到结果，然后看向下方，看到哪些部分进入了它。但是，它占据了更多的垂直空间，并可能感觉沉重，最终的系统只有三个插槽。

水平链（B）更加通畅。眼球自然向右移动。但是零件之间与结果的关系平坦。它看起来像“顺序选择这些”而不是“这些部分结合起来等于某些”。

这个问题是首先使用控制器（2D Metroidvania），因此，导航感应比视觉清晰性更重要。

按照一眼就能看懂的顺序，哪个布局更有意义呢？ 如果你曾解决过相似的问题（可拆卸制品，装备载具，拥有“部分到整体”的任何东西），哪些情况最终是有效的呢？