设计真实内容与极端情况

先理解这个概念

设计稿常展示最理想的数据，但真实界面会遇到超长名称、无图片、大额数值、翻译后变长和 200% 字体。内容约束应该写成规则：换行、截断、滚动或展开，并说明何时采用。

内容极端情况不是上线后偶遇的异常，而是布局输入的一部分。空、单条、多条、超长、缺图、未知和权限受限会形成不同信息状态。尤其要区分“值为零”和“尚未得到值”，否则布局看似完整，传达的事实却错误。

记住这三个原则

1. 01

   用最短、最长、空、错误内容检查布局。

2. 02

   关键金额、错误原因和主操作避免无条件截断。

3. 03

   尊重文字放大，确保内容能重新排布。

实际设计时，分三步做

1. STEP 01

   建立一组内容样本：最短、常见、最长合理值，另加空值、缺图、长单词和多语言。每个组件都用这组数据检验。

2. STEP 02

   为溢出明确规则：换行、截断、展开或滚动。决定被截断的信息如何找回，不能只写一个省略号。

3. STEP 03

   检查信息缺失时的含义与操作，区分无数据、加载中、失败与不可查看，不把它们统一显示成空白卡片。

一个容易理解的例子

布局稳定不应该靠丢失关键信息实现。

适用边界与取舍

允许无限内容增长也可能破坏扫描效率。摘要可以截断，但应提供详情；关键交易信息则需要完整可获得，不能依赖悬停才能看到。