B类产品设计细节：文本缩略_娱乐八卦

创始人

2025-05-15 00:42:36

0次

说明：文本缩略是指展示空间不足时，隐去部分内容并用‘…’ 替代。包括但不限于以下情况：

一、缩略方式

场景举例 1：末尾为数字

通常用于实例名（任务名、文件名、表名、系统）。

典型案例：完整字段如下

company_sales_record_20150116 company_sales_record_20150117

缩略结果：

场景举例 2：系列名称

开头统一的系列长名称，比如部门名称，或者其他通过后半部分区分的字段。

典型案例：阿里集团的 BU 完整名称如下：

口碑-本地生活事业部-北方大区-北方运营口碑-本地生活事业部-七星大区-东南运营

缩略结果：

重要数字、时间不建议缩略。

名称列缩略可结合表头的拖拉控制显示与缩略，内容完全显示时‘…’ 消失。

单行文本省略使用 tooltip，多行文本省略使用展开与收起。

描述‘…’ 支持 hover，标签整个支持 hover。

标签文案过长时建议截断；标签数量多时建议通过折行全部展示，不建议通过‘…’ 隐藏后面的标签。

tooltip 不承载复杂文本和操作。

根据使用场景为字段设置合理的字数上限和展示空间，避免隐藏过多的内容。

tooltip 的尺寸不应过大，建议最大尺寸不超过长 320px、宽 160px。

上一篇：20210813AFTZdq