F6.02.3icon label space设计
标签占位需在设计早期计入
别名: 标签占位 · 文案膨胀 · label reservation · i18n expansion
概念解释
决定「图标要配字」而不在栅格里留下字的位置，等于把字当成可以后贴的贴纸。标签有宽度、有换行、有译文膨胀，它是布局里的一块硬体积。早期按仅图标排好的底栏、分段控件或工具条，后补标签时不是挤掉邻项，就是把字缩成谁也读不完的残片。占位不是视觉修饰问题，是在结构还改得动的时候把体积算进去。
机制
字的体积随语言、字号和语法膨胀，图的体积几乎不膨胀。德语、芬兰语常见比中文或英文长一截；动词在部分语言里还要带词形变化。若容器宽度是按图标边长定的，标签到来时只有三条路：截断、缩小字号、把容器撑破。三条都会把「可扫到的名字」变成不可用的名字。更隐蔽的失败是：为了保住现有栅格，把本该常驻的标签改成悬停或藏进溢出菜单——命名通道还在设计稿的说明里，已经不在屏上了。体积一旦在早期被当成零，后面所有补救都是在拆已经定稿的结构。
边界
- 只在一种短标签语言里上线、且承诺永不翻译的内部工具，可以晚一点再算；面向多语言的产品不行。
- 可横滑的标签栏能消化一部分膨胀，但横滑本身有发现成本，不能当成「占位已够」的证据。
- 图标本身的最小可辨尺寸是另一笔账，不能用放大图标来冒充给标签留了空。
- 这条不讨论标签能不能提高首次成功率，只讨论字作为物体要占的空间必须提早存在。
怎么落地
- 在线框阶段就用目标语言里偏长的真实词——不要用「标签」两个字当占位符——放入底栏、分段控件和侧栏，看哪一项先被挤出。
- 为每条带图标的导航预备最短、常规、最长三档文案，结构按最长档能站住来定，而不是按设计稿里好看的中文短词来定。
- 验证办法：把拟用的全部标签换成已知会膨胀的语言（或人为加长 30%–50%），截一张实际断点下的屏。出现截断、换行把高度撑乱、或标签被改成纯图标，就是占位没进早期结构。