A1.16.2Cross-device size conversion设计
跨设备的尺寸规范必须以视角为基准转换
别名: 跨端尺寸规范 · 设计令牌换算 · design token · responsive sizing · cross-device consistency
概念解释
把视角这套换算工具当成一条硬性规则来用:在一台设备、一个典型观看距离下验证过的物理尺寸标准(字号、图标尺寸、触控目标、最小线宽),不能原样把物理数字搬到另一台典型观看距离不同的设备上——必须先固定视角不变,再按新设备的距离反推出新的物理尺寸。
这不是"建议尽量一致",而是一条判定规则:只要一个尺寸规范的合理性建立在"用户能不能看清、看得舒不舒服"这类感知依据上,换设备时物理数字就必须重新计算,而不能被当作一个可以直接复制粘贴的常量。
机制
真正决定感知效果的是视角,不是物理数字——物理数字只是在设定该规范时所假设的那个观看距离下,视角换算出来的副产品。把这个物理数字原样带到一个典型观看距离不同的设备上,会在不知不觉中改变实际视角,而不同设备类别之间的典型观看距离往往相差一个数量级以上。这正是为什么直接复用"同一套设计数值"(完全相同的像素或磅值)在手机和车载大屏之间会产生天差地别的真实可辨识效果,尽管纸面上的数字完全相同——数字没变,但它对应的视角已经变了。
边界
- 这条规则只适用于有感知/舒适度依据的尺寸目标(可读性、可瞥见性、舒适触控),纯粹出于美观或版面密度考量选定的数值没有一个"应该保持不变"的视角,不能机械地套用这条转换规则去处理每一个设计数值。
- 换算依赖的是一个已知的典型观看距离,而真实用户的观看距离会因个体和使用姿态波动,换算出的数值只和所假设的那个距离一样准确,应该留出安全余量,而不是当成精确最优解。
- 保持视角不变只能保证视觉可见性这一层等价,不代表其他属性也自动等价——触控操作的精度还取决于手指尺寸和运动控制能力,不只是视角,触控目标的最小尺寸不能只靠视角换算得出,即便可见性这一层确实应该按视角转换。
怎么落地
- 设计系统里但凡一个数值令牌承担着保证可读性/可见性/舒适度的作用(最小字号、图标尺寸、线宽),就把它对应假设的观看距离一并记录下来,移植到新的设备类别时,用同一个目标视角和新设备的典型距离重新算出物理数值,而不是直接沿用旧数值。
- 把"一套设计数值原封不动搬到差异很大的设备类别"当作一个大概率的错误信号来排查:比如手机上的图标尺寸被直接复制到电视应用上,几乎必然意味着实际视角已经严重偏离原本的设计意图。
- 验证办法:为新设备和新距离算出转换后数值对应的实际视角,核对它是否落在原设计所针对的目标区间内,而不是靠在新设备上目测"看起来还行"。