U5.02.3Above, right, and below placements carry different matching costs设计
图例置于图形上方、右侧或下方的匹配成本不同
别名: 图例方位 · 图例摆放
概念解释
图例的三个常见方位成本不等：右侧通常最低——它与大多数图形的纵向序列同向、不占据读图起点；上方次之——先被读到但离图形主体远；下方最差——远离扫描起点、在最需要记忆的时刻离数据最远，且在滚动容器里最容易被截断。
机制
方位成本的差异来自视线动线与记忆衰减的叠加：阅读从左上开始，右侧图例与图形的注视转移是短程横向移动，且与纵向序列的方向一致，往返短；上方图例先于图形被读，等读者带着图例信息进入图形时，记忆已经开始衰减，到图形远端时衰减更甚；下方图例的每次往返都要纵向跨越整个图形，路径最长，滚动容器里还可能根本不在视口内。方位不是美学偏好，是动线与记忆的几何。
边界
方位规则有明确的适用域：桌面宽屏下右侧成立；移动端宽度不足，上方或下方紧凑排列是现实妥协，此时应控制图例项数来对冲成本。环形图等中心对称图形的"右侧优势"减弱，方位选择让位于邻近性与一致性。跨产品一致性优先于单图最优——用户对图例位置有位置记忆，频繁换位带来的成本不低于放错方位。
怎么落地
- 桌面端图例默认放右侧贴近图形；只有右侧空间不足时才考虑上方。
- 移动端用上方紧凑图例并限制项数；避免把长图例放在滚动区底部的图形下方。
- 验证：做两个方位版本的录屏对比，统计每次类别匹配的往返时间；右侧版本的匹配应显著更顺，差距不明显时以一致性定稿。