S1.01.3Source-sized container overflow设计

按源语言长度定死的容器必然溢出

别名: 固定宽度本地化失败 · 源文定宽 · rigid text container

概念解释

源文定宽容器溢出(source-sized container overflow)指组件尺寸只按源语言样本确定,而且没有换行、重排、滚动或扩展等释放路径时,译文所需空间一旦超过固定约束,文字便越界、遮挡、裁切或挤压相邻元素。问题来自把一次内容实例误当成内容上限,而不是某个译者偶然写得较长。

机制

固定宽高建立了硬约束,文本却是由语言、字体、字号和视口共同决定的变量。当字形总宽度超过单行可用宽度时,排版引擎只能换行、裁切或越界;若高度也固定,换行仍会在第二个维度失败。多个定宽组件位于同一行时,一个项目增长还会压缩其余项目,使局部变化传播为整行碰撞。只有容器约束允许内容驱动尺寸或布局重排,系统才有吸收差异的自由度。

边界

固定尺寸本身并非一律错误。图标按钮、等宽数据单元或受硬件限制的显示区域可能必须固定,但此时可容纳的文案集合应成为明确约束,并需要经过所有支持语言验证。能够滚动、缩放或打开完整详情的界面也只是改变失败方式;如果关键动作在默认状态不可辨认,仍未解决可用性问题。

怎么落地

  • 让文本组件优先使用内容驱动高度、最小与最大宽度、换行以及响应式重排,避免同时锁死宽和高。
  • 明确布局收缩顺序:先释放装饰性间距或次要图形,再允许文字换行,不让关键动作被压缩到不可读。
  • 对必须固定的组件建立逐语言长度预算和经过审核的短译文,提供可聚焦或可展开的完整文本。
  • 在不同字体缩放、窄屏和每种支持语言下运行边界框检测;验证标准是无文字越界、无控件重叠且完整含义可达。

延伸

  • 同组S1.01.1 同一内容的译文长度随语言差异显著 · S1.01.2 短标签的膨胀比例高于长段落 · S1.01.4 布局需按最长语言而非平均长度验证 · S1.01.5 截断掩盖溢出,不等于解决
  • 相邻S4.03 多语言测试与伪本地化 · J2.03 文本放大与重排
  • 站内检索intrinsic sizing · text overflow · responsive localization

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/S1.01.3