F6.03.2outline vs filled icons设计研究
混用线性与面性会造成层级误读
别名: 线性面性混用 · outline filled mix · selected-state confusion
概念解释
空心线框和实心色块被放进同一条导航时，用户往往把实心的那一枚读成「当前页 / 已打开 / 更重要」，哪怕产品并没有这个约定。线性与面性在这里不是两种审美，而是两套状态语法。混用等于在没有声明的情况下切换了语法，层级就被误读。
机制
许多平台已经把「空心 = 未选、实心 = 选中」教成了反射：房子空心是首页入口，房子填满是你正在首页。视觉系统还把填色面积登记为更高的显著性。两件事叠在一起，面性图标会自动获得「我是现在时」的地位。若一条里四枚空心、一枚实心，实心那枚不必亮、也不必变色，就已经在抢「当前」的位置。设计师以为自己只是在丰富造型，用户以为自己收到了一条状态信息。误读发生在注意分配之前，来不及用标签纠正。
怎么研究
把同一排入口做成三种稿：全线性、全面性、线性面性混排，问「哪一枚是当前所在」。混排条件下，被试会显著更常指认那枚实心的，即使没有任何选中色。也可以测「哪一枚更像主操作」。因变量是状态判断的一致率，不是喜欢与否。若产品确实用填色表示选中，那就不要把混排稿当作中性对照——它已经是处理组。
边界
- 选中态本身用填色，未选中用线框，这是合法语法，前提是全组都遵守同一套，并且未选中的那些不会有一枚常年实心。
- 双色品牌标志塞进工具栏，常常以面性出现；它会被读成当前项，除非位置和尺寸把它从状态行里拿出去。
- 重量不均让某枚「看起来更大」是另一类错觉；这里的失败是被读成状态，即使几何尺寸完全对齐。
怎么落地
- 同一条导航、同一组操作，只选线性或只选面性。选中用颜色、加指示条或换成对应的填色配对，不要让「这一枚碰巧是实心」承担选中。
- 从外部资源拖来的实心稿，先改成当前组的空心或面性，再上屏。
- 验证办法：截下导航，打乱「当前页」的真实位置，让没做过这页的人指出当前项。若他们稳定指向那枚实心图标，语法已经泄漏。