F4.18.2trailing-edge numeric alignment设计

金额、序号等数字优先靠右对齐以便比较位数

别名: 数字右对齐 · 位值对齐 · end-align numbers

概念解释

金额、序号、计数靠尾缘对齐(trailing-edge alignment,左到右文里就是右对齐),个位落在同一条垂线上,扫一眼就能比谁大谁小。左对齐时,991099 的个位错开两格,比较要先在脑子里补位。这是列的停靠边,不是字形等不等宽:等宽解决格子,靠哪边决定位值从哪一头排起。

机制

位值从右边长出来:多一位就在左边多一个数字。尾缘对齐让「多出来的那位」往高位方向长,低位始终在固定位置,比较变成竖着看这一列。左对齐让高位齐平、低位乱跑,短的数看起来像和长的数「差不多靠左」,数量级被抹平。居中更糟,两边都在动。书写方向反过来时,尾缘是左边,原则不变——对齐的是数的低位端,不是屏幕的物理右侧。序号看起来不像金额,但比较「第 9 条和第 12 条」同样依赖个位对齐;左对齐的序号列会让 9 和 10 的视觉重量差误导排序直觉。

边界

电话号码、邮编、账号、版本号不是用来比大小的,左对齐或按分隔符对齐更接近它们被读的方式。表头是文字、单元格是数字时,表头可以左齐、数字右齐,不要为了「整列一种对齐」把数拽到左边。一行里只有一个数、两边没有可比较的邻居,对齐没有比较任务,跟左右都无所谓。货币符号有的传统放在金额左边且不参与列对齐,符号单独一列或悬挂在数字列外,避免把尾缘对齐冲掉。

怎么落地

  • 金额、数量、序号、百分比列停在尾缘;同一张表里的名称列仍走起始缘。
  • 991001099 三行真数据填列,眯眼看个位。个位不在一条线上,停靠边就选错了。
  • 右到左界面把「右对齐」改写成「尾缘」,不要把物理右边抄过去。

延伸

  • 同组F4.18.1 表格中的数字应使用等宽数字以保证列对齐 · F4.18.3 小数点位数不一致会破坏纵向对齐的比较意图 · F4.18.4 数字与单位之间的间距和换行规则需要单独定义
  • 相邻F4.05 对齐方式 · E2.19 货币、单位与数量级输入
  • 站内检索numeric alignment · right align numbers · place value

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/F4.18.2